/* Fixes for dark mode and mobile issues */

/* Fix 1: Iubenda Privacy Policy text visibility in dark mode */
/* Override Iubenda's inline styles with higher specificity */
body[data-theme="dark"] #iubenda_policy .iub_base_container,
body[data-theme="dark"] #iubenda_policy h1,
body[data-theme="dark"] #iubenda_policy h2,
body[data-theme="dark"] #iubenda_policy h3,
body[data-theme="dark"] #iubenda_policy .iconed ul li h3,
body[data-theme="dark"] #iubenda_policy p,
body[data-theme="dark"] #iubenda_policy li,
body[data-theme="dark"] #iubenda_policy .iub_content {
    color: var(--md-sys-color-on-surface) !important;
}

@media (prefers-color-scheme: dark) {
    #iubenda_policy .iub_base_container,
    #iubenda_policy h1,
    #iubenda_policy h2,
    #iubenda_policy h3,
    #iubenda_policy .iconed ul li h3,
    #iubenda_policy p,
    #iubenda_policy li,
    #iubenda_policy .iub_content {
        color: rgb(227, 226, 230) !important;
    }

    /* Remove white background in dark mode */
    #iubenda_policy .box_primary {
        background: transparent !important;
        border-color: var(--md-sys-color-outline-variant) !important;
        box-shadow: none !important;
    }
}

body[data-theme="dark"] #iubenda_policy a,
@media (prefers-color-scheme: dark) {
    #iubenda_policy a {
        color: var(--md-sys-color-primary) !important;
    }
}

body[data-theme="dark"] #iubenda_policy .box_primary {
    background: transparent !important;
    border-color: var(--md-sys-color-outline-variant) !important;
    box-shadow: none !important;
}

/* Fix 2: Reduce excessive spacing on privacy policy page (desktop and mobile) */
.privacy-content {
    margin-top: 40px !important;
    padding: 20px 0 !important;
}

/* Fix 3: Logo text on single line in mobile */
@media (max-width: 768px) {
    .logo-text {
        white-space: nowrap;
        font-size: 18px; /* Slightly smaller for mobile to fit */
    }
}

/* Fix 3: Language dropdown visible in mobile */
@media (max-width: 768px) {
    /* Increase menu height to accommodate language dropdown */
    .nav-menu.active {
        max-height: 600px !important;
        overflow: visible !important;
    }

    /* Adjust language dropdown positioning in mobile */
    .lang-dropdown-menu {
        position: relative;
        top: 8px;
        right: auto;
        max-height: 250px;
        overflow-y: auto;
    }

    .lang-dropdown-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        display: block;
    }
}

/* Fix 4: Theme toggle button spacing in mobile menu */
@media (max-width: 768px) {
    .nav-menu .theme-toggle {
        margin-left: 1rem;
    }

    .nav-menu .nav-links li a,
    .nav-menu .language-switcher {
        padding-left: 1rem;
    }
}