/*
Theme Name: Flowcoding.io
Description: Minimalist Theme
Version: 1
Author: Carlos / Flowcoding.io
*/

.bg-light-canvas {
    background: radial-gradient(circle at 50% -10%, #f5f5f7 0%, #ffffff 80%);
}

.dark .bg-light-canvas {
    background: radial-gradient(circle at 50% -10%, #1a1a1c 0%, #000000 80%);
}

.hero-title {
    background: linear-gradient(180deg, #1d1d1f 0%, #434343 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dark .hero-title {
    background: linear-gradient(180deg, #FFFFFF 0%, #A1A1A6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.static-logo-wrapper {
    height: 160px;
    display: flex;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .static-logo-wrapper {
        height: 120px;
    }
}

@media (max-width: 640px) {
    .static-logo-wrapper {
        height: 95px;
    }
}

.static-logo-wrapper svg,
.static-logo-wrapper img {
    height: 100%;
    width: auto;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));
}

/* Chrome Autofill Transparent Reset Hack */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
    -webkit-text-fill-color: black;
    -webkit-box-shadow: 0 0 0px 1000px #fafafa inset;
    transition: background-color 5000s ease-in-out 0s;
}

.dark input:-webkit-autofill,
.dark input:-webkit-autofill:hover,
.dark input:-webkit-autofill:focus,
.dark textarea:-webkit-autofill,
.dark textarea:-webkit-autofill:hover,
.dark textarea:-webkit-autofill:focus,
.dark select:-webkit-autofill,
.dark select:-webkit-autofill:hover,
.dark select:-webkit-autofill:focus {
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #000000 inset;
    transition: background-color 5000s ease-in-out 0s;
}