/* =====================================================================
   Acuity Academy , Brand Override
   Forces Acuity teal/gold over the Unipix template's hardcoded reds.
   Loaded AFTER /assets/unipix/css/style.css so these rules win.
   ===================================================================== */

/* ---------- Color tokens ---------- */
:root,
body,
body.index-sc,
body.index-sc.body--page,
html body{
    --aa-teal-dark:  #0B3D3D;   /* header / hero bg */
    --aa-teal:       #0D8B8E;   /* primary brand */
    --aa-teal-2:     #0a7274;   /* hover/darker */
    --aa-gold:       #D9A441;   /* accent */
    --aa-gold-2:     #b88a33;   /* gold hover */

    /* Unipix base tokens (originally red) */
    --primary-color:   #0D8B8E !important;
    --secondary-color: #D9A441 !important;
    --primary:         #0D8B8E !important;
    --secondary:       #D9A441 !important;

    /* Unipix RT tokens (the real red source on banner middle) */
    --rt-primary:    #0D8B8E !important;
    --rt-primary-1:  #0D8B8E !important;
    --rt-primary-2:  #0a7274 !important;
    --rt-hover:      #D9A441 !important;
    --rt-rating:     #D9A441 !important;
    --rt-theme:      #0D8B8E !important;
}

/* ---------- BACKGROUND COLOR (red -> teal) ---------- */
[style*="background-color: #f4282d"],
[style*="background-color:#f4282d"],
[style*="background: #f4282d"],
[style*="background:#f4282d"]{ background-color: var(--aa-teal) !important; background-image: none !important; }

[class*="bg-primary"],
.rts-section-title-area .pre-title-bg,
.pre-title-bg,
.theme-bg-primary,
.bg-primary{ background-color: var(--aa-teal) !important; }

/* Header / sticky nav */
.header__top,
.header__main,
.header,
.header-area,
.header--style-one,
.header.header--style-one,
.rts-header,
.rts-header-area,
.sticky.is-sticky,
header.header,
header.header--style-one{
    background-color: var(--aa-teal-dark) !important;
}

/* Hero banner with red bg in Unipix */
.banner-area,
.banner__one,
.banner-area.banner__one,
.banner__inner,
.banner-bg,
section.banner-area{
    background-color: var(--aa-teal-dark) !important;
}

/* Spinning circle / play badge / promo blobs */
.rts__circle,
.rts__circle--inner,
.rts__circle--icon,
.banner__circle,
.video-play{ background-color: var(--aa-gold) !important; color: #fff !important; }

/* Buttons , red filled */
.rts-theme-btn,
.rts-btn.btn-primary,
button.rts-theme-btn,
a.rts-theme-btn,
.theme-btn,
.btn-primary{
    background-color: var(--aa-teal) !important;
    border-color: var(--aa-teal) !important;
    color: #fff !important;
}
.rts-theme-btn:hover,
.rts-btn.btn-primary:hover,
a.rts-theme-btn:hover,
.theme-btn:hover{
    background-color: var(--aa-gold) !important;
    border-color: var(--aa-gold) !important;
    color: #fff !important;
}

/* Ghost / outline */
.rts-nbg-btn,
.rts-nbg-btn:hover{
    color: var(--aa-teal) !important;
}
.rts-nbg-btn:hover{ color: var(--aa-gold) !important; }

/* ---------- TEXT COLOR (red -> teal) ---------- */
[style*="color: #f4282d"],
[style*="color:#f4282d"],
.text-primary,
.theme-color,
.color-primary,
.rts__title span,
.section__title span,
.title-anim span,
a.theme-color,
.pre__title,
.pre-title{
    color: var(--aa-teal) !important;
}

/* Footer accents */
.footer__widget--title::after,
.section-title::after,
.title-with-line::after,
.rts__title::after{ background-color: var(--aa-gold) !important; }

/* Links default red overrides */
a:hover,
.menu > li > a:hover,
.main-menu > li > a:hover,
.header__menu a:hover{ color: var(--aa-gold) !important; }

/* Mega-menu / active nav */
.menu > li.active > a,
.main-menu > li.active > a,
.menu > li.current_page_item > a{ color: var(--aa-gold) !important; }

/* ---------- BORDER COLOR (red -> teal) ---------- */
[style*="border-color: #f4282d"],
[style*="border-color:#f4282d"],
[style*="border: 1px solid #f4282d"],
[style*="border:1px solid #f4282d"]{ border-color: var(--aa-teal) !important; }

/* Form focus rings */
input:focus,
textarea:focus,
select:focus,
.form-control:focus{
    border-color: var(--aa-teal) !important;
    box-shadow: 0 0 0 0.2rem rgba(13,139,142,.18) !important;
    outline: none !important;
}

/* ---------- Catch the related red variants ---------- */
[style*="#890C25"], [style*="#AF0E2E"], [style*="#B71A34"],
[style*="#E60022"], [style*="#ED4141"], [style*="#FF0003"]{
    /* Inline reds become teal text/border/bg by inheritance from the more
       specific rules above; this is a defensive blanket. */
}

.bg-red, .bg-danger{ background-color: var(--aa-teal) !important; }
.text-red, .text-danger{ color: var(--aa-teal) !important; }

/* ---------- Header logo size + dark-aware wordmark ---------- */
.header__logo--link .aa-mark{
    height: 56px;
    width: auto;
    display: block;
    filter: none;
}
@media (max-width: 768px){
    .header__logo--link .aa-mark{ height: 44px; }
}

/* Make nav text legible on dark teal */
.header--style-one .menu > li > a,
.header__main .main-menu > li > a,
.header__main a,
.header__nav a,
header.header a:not(.rts-theme-btn){
    color: #ffffff !important;
}
.header--style-one .menu > li > a:hover,
.header__main .main-menu > li > a:hover{ color: var(--aa-gold) !important; }

/* Hero text on dark teal */
.banner__content h1,
.banner__content h2,
.banner__content--description p,
.banner__content--description{
    color: #ffffff !important;
}
.banner__content .title__highlight,
.banner__content em,
.banner__content .gold,
.banner__content--description a.rts-theme-btn{ color: #ffffff !important; }

/* "ACADEMY" gold accent inside the banner title */
.banner__content .text-gold,
.banner__content .aa-gold{ color: var(--aa-gold) !important; }

/* Spinning circle text on hero */
.rts__circle text,
.rts__circle--inner text,
svg textPath{ fill: var(--aa-gold) !important; }

/* ---------- Misc Unipix accents ---------- */
.preloader__icon,
.scrollUp,
.scroll-to-top,
.back-to-top{
    background-color: var(--aa-teal) !important;
    color:#fff !important;
}
.scrollUp:hover,
.back-to-top:hover{ background-color: var(--aa-gold) !important; }

/* Course / card highlight badges */
.badge.badge-primary,
.course__badge,
.tag.theme-color{
    background-color: var(--aa-teal) !important;
    color: #fff !important;
}