/**
 * Balanced site-wide brand system (2026).
 * White canvas, blue primary actions, light-blue section tints, gold accent sparingly on hero only.
 */
:root {
    --site-accent-gradient: var(--brand-accent-gradient);
    --site-accent-gradient-hover: var(--brand-accent-gradient-hover);
}

/* White canvas everywhere public */
body.am-bodywrap {
    background: var(--brand-surface-base) !important;
    color: var(--brand-text-primary);
}

.am-main {
    background: var(--brand-surface-base) !important;
}

.am-bodywrap:has(.page-home-page) .am-main,
.am-bodywrap:has(.page-home-seven) .am-main,
.am-bodywrap:has([class^="page-home"]) .am-main {
    background: var(--brand-surface-base) !important;
}

/* Header */
.am-header_eight .am-loginbtns .am-btn,
.am-header_eight .am-loginbtns .am-white-btn + .am-btn {
    background: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
    color: #fff !important;
}

.am-header_eight .am-loginbtns .am-btn:hover,
.am-header_eight .am-loginbtns .am-white-btn:hover,
.am-header_eight .am-header_two_wrap .am-navigation .am-navbar-toggler {
    background: var(--site-accent-gradient-hover) !important;
    border-color: var(--brand-navy) !important;
    color: #fff !important;
}

.am-header_eight .am-loginbtns .am-white-btn:hover {
    color: #fff !important;
}

.am-header_two.am-header_eight {
    background: var(--brand-surface-base) !important;
}

/* Primary buttons — solid blue (core actions) */
.am-main > [class^="page-home"] .am-primary-btn,
.am-main > [class^="page-home"] .am-btn.am-primary-btn,
.am-main > [class^="page-home"] .am-featured-mentors-head .am-primary-btn-white,
.am-main > [class^="page-home"] .pb-themesection:not(:has(.am-banner-content-seven)) .am-explore-btn:not(.am-demo-btn),
.am-contact-form__actions .am-btn,
.cr-search-courses .cr-view-btn,
.cr-search-courses .cr-view-btn-enrolled {
    background: var(--brand-blue) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: var(--brand-blue) !important;
    box-shadow: 0 8px 20px rgba(0, 110, 255, 0.18) !important;
}

.am-main > [class^="page-home"] .am-primary-btn:hover,
.am-main > [class^="page-home"] .am-btn.am-primary-btn:hover,
.am-main > [class^="page-home"] .am-featured-mentors-head .am-primary-btn-white:hover,
.am-contact-form__actions .am-btn:hover,
.cr-search-courses .cr-view-btn:hover,
.cr-search-courses .cr-view-btn-enrolled:hover {
    background: var(--brand-navy) !important;
    border-color: var(--brand-navy) !important;
    color: #fff !important;
}

/* Warm gold→rose gradient — marketing CTAs (balanced across the site) */
:is(
    .am-btn-warm,
    .am-main > [class^="page-home"] .pb-themesection:not(:has(.am-banner-content-seven)) .am-tuition_content_detail .am-primary-btn,
    .am-main > [class^="page-home"] .am-feedback.am-feedback-two .am-feedback-section-cta,
    .am-footer-v4 .am-footer-content .am-getstarted-btn,
    :is(.page-about-us, .page-how-it-works, .page-faq) .am-joincommunity_btn .am-btn,
    .page-about-us .am-feedback-section-cta,
    .page-how-it-works .am-feedback-section-cta,
    .am-coach-landing .am-btn.am-btn--large,
    .am-blogs_main .am-btn.am-clear-filter-btn,
    .am-blogs_main .am-clear-filter .am-btn
) {
    background: var(--brand-warm-gradient) !important;
    background-image: var(--brand-warm-gradient) !important;
    color: var(--brand-warm-gradient-text) !important;
    border: 1px solid var(--brand-warm-gradient-border) !important;
    box-shadow: var(--brand-warm-gradient-shadow) !important;
}

:is(
    .am-btn-warm:hover,
    .am-btn-warm:focus-visible,
    .am-main > [class^="page-home"] .pb-themesection:not(:has(.am-banner-content-seven)) .am-tuition_content_detail .am-primary-btn:hover,
    .am-main > [class^="page-home"] .pb-themesection:not(:has(.am-banner-content-seven)) .am-tuition_content_detail .am-primary-btn:focus-visible,
    .am-main > [class^="page-home"] .am-feedback.am-feedback-two .am-feedback-section-cta:hover,
    .am-main > [class^="page-home"] .am-feedback.am-feedback-two .am-feedback-section-cta:focus-visible,
    .am-footer-v4 .am-footer-content .am-getstarted-btn:hover,
    .am-footer-v4 .am-footer-content .am-getstarted-btn:focus-visible,
    :is(.page-about-us, .page-how-it-works, .page-faq) .am-joincommunity_btn .am-btn:hover,
    :is(.page-about-us, .page-how-it-works, .page-faq) .am-joincommunity_btn .am-btn:focus-visible,
    .page-about-us .am-feedback-section-cta:hover,
    .page-about-us .am-feedback-section-cta:focus-visible,
    .page-how-it-works .am-feedback-section-cta:hover,
    .page-how-it-works .am-feedback-section-cta:focus-visible,
    .am-coach-landing .am-btn.am-btn--large:hover,
    .am-coach-landing .am-btn.am-btn--large:focus-visible,
    .am-blogs_main .am-btn.am-clear-filter-btn:hover,
    .am-blogs_main .am-clear-filter .am-btn:hover
) {
    background: var(--brand-warm-gradient-hover) !important;
    background-image: var(--brand-warm-gradient-hover) !important;
    color: var(--brand-warm-gradient-text) !important;
    border-color: var(--brand-warm-gradient-border) !important;
    box-shadow: var(--brand-warm-gradient-shadow-hover) !important;
    transform: translateY(-1px);
}

/* Homepage hero CTA — footer gold (warm marketing gradient) */
.am-banner-content-seven .am-explore-banner-button .am-explore-btn:not(.am-demo-btn) {
    background: var(--brand-warm-gradient) !important;
    background-image: var(--brand-warm-gradient) !important;
    border: 1px solid var(--brand-warm-gradient-border) !important;
    color: var(--brand-warm-gradient-text) !important;
    box-shadow: var(--brand-warm-gradient-shadow) !important;
}

.am-banner-content-seven .am-explore-banner-button .am-explore-btn:not(.am-demo-btn):hover,
.am-banner-content-seven .am-explore-banner-button .am-explore-btn:not(.am-demo-btn):focus-visible {
    background: var(--brand-warm-gradient-hover) !important;
    background-image: var(--brand-warm-gradient-hover) !important;
    border-color: var(--brand-warm-gradient-border) !important;
    color: var(--brand-warm-gradient-text) !important;
    box-shadow: var(--brand-warm-gradient-shadow-hover) !important;
    transform: translateY(-1px);
}

/* Card hovers — blue tint, not gold */
.am-main > [class^="page-home"] .am-card:hover,
.am-main > [class^="page-home"] .am-experience-tutor-card:hover,
.am-main > [class^="page-home"] .am-testimonial-card:hover,
.am-main > [class^="page-home"] .am-easysetup_list_item:hover {
    border-color: color-mix(in srgb, var(--brand-sky-blue) 65%, #fff) !important;
}

/* Footer */
.am-footer-v4 {
    --footer-bg: #071B42;
    --footer-text-strong: #fff;
    --footer-accent-gradient: linear-gradient(135deg, #6B9FD4 0%, #2563B5 100%);
    --footer-accent-border: #2563B5;
    --footer-accent-orange: #7DB9F9;
    background: var(--footer-bg) !important;
}

.am-footer-v4 .am-footer-content h2 span {
    background: var(--footer-accent-gradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Marketing pages — white canvas */
.page-about-us,
.page-how-it-works,
.page-faq,
.page-contact-us,
.page-blogs,
.page-blog-detail {
    background: var(--brand-surface-base) !important;
}

/* Light-blue alternating bands on homepage sections */
.am-main > [class^="page-home"] .pb-themesection:nth-child(even):not(:has(.am-banner-content-seven)) {
    background: var(--brand-light-blue, #E6F2FF) !important;
}

.am-main > [class^="page-home"] .pb-themesection:nth-child(odd):not(:has(.am-banner-content-seven)) {
    background: var(--brand-surface-base, #ffffff) !important;
}

/* Dark navy replaces black / near-black primary buttons */
:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify)
    .am-main-login .am-login-form .form-group > button.am-btn:not(.am-btn_disable),
:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify) .am-signinoption_btn,
:is(.am-auth-verify, .am-auth-forgot) .am-login-right_btns > .am-btn:not(.am-white-btn),
.am-thank-you-page .am-thank-you-cta,
.am-checkout_section .form-groupbtns .am-btn,
.am-checkout_section .am-checkout_coupons_footer .am-btn,
.page-about-us .am-tutor-vision .am-content_box .am-btn,
.page-about-us .am-mission-button .am-btn,
.page-about-us .am-mission-button .am-btn.btn-primary,
.page-about-us .am-feature-tutors.am-tutors-varient-two .am-view-profile-btn,
.page-about-us .am-featured-mentors .am-view-profile-btn,
.page-about-us .am-feature-tutors.am-tutors-varient-two .am-experience-tutor-card .am-tutorsearch_user_name > a.am-primary-btn.am-view-profile-btn,
#gdpr-note .am-cookies-note_btn .am-secondary-btn {
    background: var(--brand-button-dark, #000D3E) !important;
    background-color: var(--brand-button-dark, #000D3E) !important;
    border-color: var(--brand-button-dark, #000D3E) !important;
    color: #fff !important;
}

:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify)
    .am-main-login .am-login-form .form-group > button.am-btn:not(.am-btn_disable):hover,
:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify)
    .am-main-login .am-login-form .form-group > button.am-btn:not(.am-btn_disable):focus,
:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify) .am-signinoption_btn:hover,
:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify) .am-signinoption_btn:focus,
:is(.am-auth-verify, .am-auth-forgot) .am-login-right_btns > .am-btn:not(.am-white-btn):hover,
:is(.am-auth-verify, .am-auth-forgot) .am-login-right_btns > .am-btn:not(.am-white-btn):focus-visible,
.am-thank-you-page .am-thank-you-cta:hover,
.am-thank-you-page .am-thank-you-cta:focus,
.am-checkout_section .form-groupbtns .am-btn:hover,
.am-checkout_section .form-groupbtns .am-btn:focus,
.am-checkout_section .am-checkout_coupons_footer .am-btn:hover,
.am-checkout_section .am-checkout_coupons_footer .am-btn:focus,
.page-about-us .am-tutor-vision .am-content_box .am-btn:hover,
.page-about-us .am-mission-button .am-btn:hover,
.page-about-us .am-mission-button .am-btn.btn-primary:hover,
.page-about-us .am-feature-tutors.am-tutors-varient-two .am-view-profile-btn:hover,
.page-about-us .am-feature-tutors.am-tutors-varient-two .am-view-profile-btn:focus,
.page-about-us .am-featured-mentors .am-view-profile-btn:hover,
.page-about-us .am-featured-mentors .am-view-profile-btn:focus,
.page-about-us .am-feature-tutors.am-tutors-varient-two .am-experience-tutor-card .am-tutorsearch_user_name > a.am-primary-btn.am-view-profile-btn:hover,
.page-about-us .am-feature-tutors.am-tutors-varient-two .am-experience-tutor-card .am-tutorsearch_user_name > a.am-primary-btn.am-view-profile-btn:focus,
#gdpr-note .am-cookies-note_btn .am-secondary-btn:hover,
#gdpr-note .am-cookies-note_btn .am-secondary-btn:focus {
    background: var(--brand-button-dark-hover, #0041B6) !important;
    background-color: var(--brand-button-dark-hover, #0041B6) !important;
    border-color: var(--brand-button-dark-hover, #0041B6) !important;
    color: #fff !important;
    filter: none !important;
}

#gdpr-note .am-cookies-note {
    background: var(--brand-button-dark, #000D3E) !important;
    border-color: color-mix(in srgb, var(--brand-sky-blue, #7DB9F9) 35%, transparent) !important;
}

:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify)
    .am-main-login .am-checkbox input[type="checkbox"]:checked + label::before,
:is(.am-auth-login, .am-auth-register, .am-auth-forgot, .am-auth-reset, .am-auth-verify)
    .am-main-login .am-radio input[type="radio"]:checked + label::before {
    background-color: var(--brand-button-dark, #000D3E) !important;
    border-color: var(--brand-button-dark, #000D3E) !important;
}

.am-main > [class^="page-home"] .am-featured-mentors-slider .splide__arrow:hover {
    background: var(--brand-button-dark, #000D3E) !important;
    border-color: var(--brand-button-dark, #000D3E) !important;
    color: #fff !important;
}

/* How it works step cards — light blue CTA, no gold border/shadow */
.am-main > [class^="page-home"] .am-steps_content_start_info > a,
.am-main > [class^="page-home"] .am-steps_content_start_info.journey > a {
    background: var(--brand-light-blue, #E6F2FF) !important;
    background-image: none !important;
    color: var(--brand-blue, #006EFF) !important;
    border: 1px solid color-mix(in srgb, var(--brand-sky-blue, #7DB9F9) 55%, #fff) !important;
    box-shadow: none !important;
    outline: none !important;
}

.am-main > [class^="page-home"] .am-steps_content_start_info > a:hover,
.am-main > [class^="page-home"] .am-steps_content_start_info > a:focus-visible,
.am-main > [class^="page-home"] .am-steps_content_start_info.journey > a:hover,
.am-main > [class^="page-home"] .am-steps_content_start_info.journey > a:focus-visible {
    background: var(--brand-blue, #006EFF) !important;
    background-image: none !important;
    color: #fff !important;
    border-color: var(--brand-blue, #006EFF) !important;
    box-shadow: 0 6px 16px rgba(0, 110, 255, 0.2) !important;
    transform: translateY(-1px);
}