/* 3D Academy brand — light theme tokens */

:root {
    --brand-primary: #07c1f3;
    --brand-primary-deep: #1bace3;
    --brand-primary-mid: #37a8df;
    --brand-primary-soft: #6cc1e7;
    --brand-primary-pale: #b2daeb;
    --brand-grey-dark: #6c6d70;
    --brand-grey-mid: #ced1d0;
    --brand-grey-light: #d3d5d6;
    --brand-gradient: linear-gradient(135deg, #07c1f3 0%, #1bace3 50%, #37a8df 100%);
    --brand-glow: rgba(7, 193, 243, 0.25);
    color-scheme: light;
    --brand-bg: #f0f7fb;
    --brand-bg-elevated: #ffffff;
    --brand-surface: rgba(255, 255, 255, 0.92);
    --brand-surface-solid: #ffffff;
    --brand-text: #2a2e33;
    --brand-text-heading: #1a1d21;
    --brand-muted: #6c6d70;
    --brand-border: rgba(108, 109, 112, 0.18);
    --brand-border-bright: rgba(7, 193, 243, 0.55);
    --brand-nav-bg: rgba(255, 255, 255, 0.94);
    --brand-nav-link: #4a4e54;
    --brand-card-bg: #ffffff;
    --brand-grid-line: rgba(7, 193, 243, 0.08);
    --brand-aurora-1: rgba(7, 193, 243, 0.2);
    --brand-aurora-2: rgba(178, 218, 235, 0.55);
    --brand-aurora-3: rgba(108, 193, 231, 0.15);
    --brand-noise-opacity: 0.025;
    --brand-btn-text: #041018;
    --brand-shadow: rgba(7, 193, 243, 0.12);
    --brand-display-gradient: linear-gradient(120deg, #1a1d21 0%, #1bace3 45%, #07c1f3 90%);
    --h3d-offers-bg: linear-gradient(180deg, rgba(178, 218, 235, 0.55) 0%, rgba(240, 247, 251, 0) 88%);
    --h3d-offer-shadow: 0 4px 20px rgba(7, 193, 243, 0.1), 0 1px 3px rgba(108, 109, 112, 0.08);
    --h3d-offer-shadow-hover: 0 16px 40px rgba(7, 193, 243, 0.2), 0 4px 12px rgba(108, 109, 112, 0.06);
    --h3d-offer-icon-bg: linear-gradient(145deg, rgba(178, 218, 235, 0.65), rgba(7, 193, 243, 0.12));
    --h3d-offer-icon-border: rgba(7, 193, 243, 0.28);
    --h3d-offer-shine: radial-gradient(circle at 100% 0%, rgba(7, 193, 243, 0.18), transparent 58%);
    --h3d-offer-live-border: rgba(27, 172, 227, 0.45);
    --nav-link-hover-bg: rgba(7, 193, 243, 0.06);
    --nav-link-active-bg: rgba(7, 193, 243, 0.12);
}

/* Brand logo assets (public/assets/default/img/brand/) */
.brand-logo,
.newUpdated-logo-img--brand,
.site-footer-brand-img,
.h3d-brand-logo {
    object-fit: contain;
    height: auto;
}

.newUpdated-logo-img--brand {
    max-height: 48px;
    max-width: 160px;
}

.site-footer-brand-img {
    max-height: 64px;
    max-width: 200px;
}

.h3d-brand-logo {
    max-width: min(320px, 88vw);
    max-height: 120px;
}

/* Switch account floating button (parent ↔ child) */
.switch-to-parent {
    position: fixed;
    top: 86px;
    inset-inline-end: 20px;
    z-index: 9999;
}

.switch-to-parent__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    color: #FFFFFF !important;
    background: linear-gradient(135deg, #2BA9E0 0%, #1C75BC 100%);
    border: 0;
    border-radius: 999px;
    box-shadow: 0 10px 28px -12px rgba(28, 117, 188, 0.55);
    font-family: "Cairo", "Tajawal", sans-serif;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
    text-decoration: none !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}

.switch-to-parent__btn:hover,
.switch-to-parent__btn:focus-visible {
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 16px 32px -14px rgba(28, 117, 188, 0.65);
    filter: brightness(1.04);
    outline: none;
    text-decoration: none !important;
}

.switch-to-parent__btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

body.panel-academy-active .switch-to-parent {
    top: 92px;
}

@media (max-width: 768px) {
    .switch-to-parent {
        top: auto;
        bottom: 22px;
        inset-inline-end: 16px;
    }

    .switch-to-parent__btn {
        padding: 11px 14px;
        font-size: 12px;
    }
}