/* ============================================================
   MANDEOO — Styles Tailwind personnalisés + Topbar améliorée
   ============================================================ */

/* ── Topbar hauteur et style général ── */
.top-header {
    height: var(--header_height, 58px) !important;
    background: var(--header_background) !important;
    border-bottom: var(--header_border_bottom) !important;
    font-family: 'Nunito', sans-serif;
    transition: background 0.3s, border-color 0.3s;
}

/* ── Logo dans la topbar ── */
.top-header .logo {
    display: flex;
    align-items: center;
    text-decoration: none;
}

/* ── Topbar boutons standard ── */
.topbar-button {
    display: inline-flex;
    align-items: center;
    padding: 8px 18px;
    border-radius: 50px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: var(--header_button_text_color);
    text-decoration: none;
    transition: all 0.2s cubic-bezier(.4,0,.2,1);
    letter-spacing: 0.02em;
}
.topbar-button:hover {
    background: var(--header_button_hover_background_color);
    text-decoration: none;
    color: var(--header_button_text_color);
}

/* ── Nav label ── */
.nav-label {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    color: var(--text_sub_title);
}

/* ── Switch theme beau ── */
.switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
}
.switch input { opacity: 0; width: 0; height: 0; }
.sw-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: var(--switch_button_off_background_color);
    transition: .3s;
}
.sw-slider.round { border-radius: 24px; }
.sw-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: var(--switch_button_slider_background_color);
    transition: .3s;
    border-radius: 50%;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
input:checked + .sw-slider { background: var(--switch_button_on_background_color); }
input:checked + .sw-slider:before { transform: translateX(20px); }

/* ── Inputs globaux (landing) ── */
.login100-form input[type="text"],
.login100-form input[type="password"],
.login100-form input[type="email"],
.login100-form input[type="number"],
.login100-form select,
.wrap-login100 .standard-page input[type="text"],
.wrap-login100 .standard-page input[type="password"],
.wrap-login100 .standard-page input[type="email"] {
    display: block;
    width: 100%;
    padding: 13px 16px;
    background: var(--input_text_backgroud);
    color: var(--input_text_color);
    border: var(--input_text_border);
    border-radius: 12px;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
    margin-bottom: 14px;
    box-sizing: border-box;
}
.login100-form input[type="text"]:focus,
.login100-form input[type="password"]:focus,
.login100-form input[type="email"]:focus,
.login100-form input[type="number"]:focus,
.login100-form select:focus,
.wrap-login100 .standard-page input[type="text"]:focus,
.wrap-login100 .standard-page input[type="password"]:focus,
.wrap-login100 .standard-page input[type="email"]:focus {
    border: var(--input_text_border_focus);
    box-shadow: 0 0 0 3px rgba(232,93,4,0.12);
}
.login100-form input::placeholder,
.wrap-login100 .standard-page input::placeholder {
    color: var(--input_text_placeholder_color);
}
.login100-form select {
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23E85D04' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 36px;
    cursor: pointer;
}

/* ── Footer liens sur home ── */
.home #main-footer {
    font-family: 'Nunito', sans-serif;
}
.home #main-footer a:hover {
    color: #E85D04 !important;
}

/* ── Corrections body ── */
body {
    font-family: 'Nunito', sans-serif;
}