/* ============================================================ */
/* BLUE APPLE EDUCATION - FULL ZOHO DESK BRANDING              */
/* Based on Official Guidelines: Primary Blue #00b2e3, Grey #54575a */
/* ============================================================ */

:root {
    /* Primary Palette [cite: 64, 69] */
    --brand-primary: #00b2e3; 
    --brand-primary-dark: #009ac7; 
    --brand-grey: #54575a;
    
    /* Secondary Palette for reference [cite: 77, 81, 89, 94, 103, 107] */
    --brand-orange: #f08217; 
    --brand-teal: #00af9b;   
    --brand-purple: #7d328a; 
    --brand-yellow: #fdc608; 
    --brand-green: #6eb74c;  
    --brand-pink: #e6427b;   
}

/* GLOBAL TYPEFACE [cite: 47, 48] */
/* Brand typeface is Fira Sans, using weights Book and Heavy */
body, h1, h2, h3, p, a, button, input, select, textarea {
    font-family: 'Fira Sans', sans-serif !important;
}

/* ========================= */
/* SEARCH & HERO SECTION     */
/* ========================= */

/* Main Search Button  */
.Header__searchBox .commonStyle__zt3BrandBg,
.hc-search-button,
.search-icon-container,
.Header__searchBox [class*="zt3BrandBg"] {
    background-color: var(--brand-primary) !important;
    border: none !important;
}

/* Search Button Hover */
.Header__searchBox .commonStyle__zt3BrandBg:hover,
.hc-search-button:hover {
    background-color: var(--brand-primary-dark) !important;
}

/* Fix Orange Dropdown Arrow in Search  */
.Header__searchBox .Select__arrow,
.Header__searchBox [class*="Select__arrow"],
.search-category-select-arrow {
    border-top-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

/* ========================= */
/* BUTTONS & UI COMPONENTS   */
/* ========================= */

/* Fix "Submit a Ticket" and general buttons  */
.SubmitTicket__button,
button,
.btn,
.commonStyle__zt3BrandBg,
[class*="zt3BrandBg"] {
    background-color: var(--brand-primary) !important;
    color: #ffffff !important;
    border: none !important;
    transition: all 0.3s ease;
}

/* Force White Text on Hover (Prevents Blue-on-Blue)  */
.SubmitTicket__button:hover,
button:hover,
.btn:hover,
[class*="zt3BrandBg"]:hover {
    background-color: var(--brand-primary-dark) !important;
    color: #ffffff !important;
}

/* Floating "Scroll to Top" button  */
.scroll-to-top, 
.back-to-top,
.commonStyle__zt3BrandColor {
    background-color: var(--brand-primary) !important;
}

/* ========================= */
/* ICONS & LINKS             */
/* ========================= */

/* Knowledge Base / Community Icons  */
/* Sets line-style icons to brand blue */
svg path, 
.hc-icon-container svg,
.HomeIcons__icon svg {
    stroke: var(--brand-primary) !important;
}

/* Category & Title Hovers  */
.KbCategory__box a:hover,
.TopicList__title:hover,
.TicketList__title:hover,
.BreadCrumbs__breadCrumbs a:hover {
    color: var(--brand-primary) !important;
}

/* ========================= */
/* BRANDED FOOTER            */
/* ========================= */

.bae-footer {
    background-color: #1a1a1a !important; /* Neutral dark */
    padding: 30px 0 !important;
    border-top: 3px solid var(--brand-primary) !important;
}

.bae-copyright {
    color: #ffffff !important;
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 8px;
    display: block;
}

.bae-footer-links a {
    color: var(--brand-primary) !important;
    text-decoration: none !important;
    font-weight: 400; /* Fira Sans Book [cite: 48] */
    margin: 0 10px;
}

.bae-footer-links a:hover {
    color: #ffffff !important;
}

/* ========================= */
/* ZOHO ENGINE OVERRIDES     */
/* ========================= */

/* Force any dynamic "Brand Background" to Blue  */
[class*="zt3BrandBg"] {
    background-color: var(--brand-primary) !important;
}

/* Force any dynamic "Brand Text" to Blue  */
[class*="zt3BrandColor"] {
    color: var(--brand-primary) !important;
}

/* Force any dynamic "Brand Border" to Blue  */
[class*="zt3BrandBorder"] {
    border-color: var(--brand-primary) !important;
}