/*
Theme Name: AI NEXT
Theme URI: https://ai-next.it
Author: Francesco Brunetto
Description: Tema custom per AI NEXT. Intelligenza artificiale usata con intelligenza.
Version: 1.0
Text Domain: ai-next
*/

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #110C29;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-family: 'Inter', sans-serif;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #0D081E;
}

::-webkit-scrollbar-thumb {
    background: #3D317D;
    border-radius: 3px;
}

.contact-form-input::placeholder {
    color: rgba(255, 255, 255, 0.55) !important;
}

.contact-form-input {
    color-scheme: dark;
}

.contact-form-input option, .contact-form-input optgroup {
    background-color: #1C1545;
    color: #ffffff;
}

/* Helpers per layout */
.ai-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: none;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 0.02em;
    transition: all 200ms cubic-bezier(0.4,0,0.2,1);
    white-space: nowrap;
    text-decoration: none;
}

/* Size */
.ai-button.size-sm { padding: 7px 16px; font-size: 12px; border-radius: 6px; }
.ai-button.size-md { padding: 11px 24px; font-size: 14px; border-radius: 8px; }
.ai-button.size-lg { padding: 15px 36px; font-size: 16px; border-radius: 10px; }

/* Variants */
.ai-button.var-primary { background: #673DE6; color: #fff; box-shadow: 0 4px 16px rgba(103,61,230,0.35); }
.ai-button.var-primary:hover { background: #8B6AEE; box-shadow: 0 6px 24px rgba(103,61,230,0.5); }

.ai-button.var-accent { background: #CCFF00; color: #110C29; box-shadow: 0 4px 16px rgba(204,255,0,0.2); }
.ai-button.var-accent:hover { background: #D6FF33; }

.ai-button.var-ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.2); }
.ai-button.var-ghost:hover { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.4); }

.ai-button.var-outline { background: transparent; color: #AF97F4; border: 1px solid #673DE6; }
.ai-button.var-outline:hover { background: rgba(103,61,230,0.1); }

.ai-button.var-white { background: #fff; color: #110C29; box-shadow: 0 4px 16px rgba(0,0,0,0.12); }
.ai-button.var-white:hover { background: #F0EDFF; box-shadow: 0 6px 24px rgba(0,0,0,0.16); }

/* Badge */
.ai-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 4px;
}
.ai-badge.col-purple { background: rgba(103,61,230,0.18); color: #AF97F4; }
.ai-badge.col-lime { background: rgba(204,255,0,0.12); color: #CCFF00; }
.ai-badge.col-green { background: rgba(34,197,94,0.15); color: #4ADE80; }
.ai-badge.col-gray { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.5); }
.ai-badge.col-white { background: rgba(255,255,255,0.25); color: #fff; }
.ai-badge.col-ghost { background: rgba(255,255,255,0.12); color: rgba(255,255,255,0.7); }

/* Utility */
.corso-card-link:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 40px rgba(71,30,167,0.45) !important;
    background: linear-gradient(135deg, #5425C4 0%, #8F7FFF 100%) !important;
}

.faq-btn { width: 100%; border: none; cursor: pointer; padding: 18px 20px; display: flex; justify-content: space-between; align-items: center; gap: 16px; text-align: left; transition: background 150ms; }
.faq-btn:hover { background: #F0EDFF; }

.navbar-link {
    background: none;
    border: none;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    padding: 6px 14px;
    border-radius: 6px;
    transition: color 150ms, background 150ms;
    text-decoration: none;
}

.navbar-link:hover, .navbar-link.active {
    color: #fff !important;
    background: rgba(255,255,255,0.06);
}
.navbar-link.active {
    background: rgba(103,61,230,0.15);
}

.footer-link:hover {
    color: #fff !important;
}

.corso-card-hover {
    transition: all 250ms cubic-bezier(0.4,0,0.2,1);
}