/**
 * AccountingCafe Brand Color Override
 * Primary:   #F23A29 (red-orange)
 * Hover/End: #F25D27 (orange-red)
 * Secondary: #F26E22 (warm orange)
 * Accent:    #F27777 (salmon)
 * Background:#F2F2F2 (light gray)
 *
 * Loaded after style.css + custom_style.css — no existing files modified.
 */

/* ─── CSS Variables ──────────────────────────────────────────── */
:root {
    --color-1: #F23A29;
    --primary-color: #F23A29;
    --skinColor6: #F23A29;
}

/* ─── Gradient utility class (style.css:261) ─────────────────── */
.gradient {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Login button border-radius to match btn-danger-1 ──────── */
.header-area .eBtn {
    border-radius: 2px 10px;
}

/* ─── Search button (style.css:440) ──────────────────────────── */
.gSearch-show button {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Performance wrap banner (style.css:849) ────────────────── */
.pr-wrap {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── User/testimonial slider nav arrows (style.css:1492) ───── */
.user-slider .owl-nav .owl-prev,
.user-slider .owl-nav .owl-next {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    ) !important;
}

/* ─── Pagination active (style.css:1801) ────────────────────── */
.page-link:hover,
.page-item.active .page-link,
.entry-pagination .pagination li.active a {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    ) !important;
}

/* ─── Instructor/course detail btn border (style.css:2226) ──── */
.btn-wrap .learn-btn {
    border: 1px solid #F23A2938;
}

/* ─── Single motion hover (style.css:2407) ──────────────────── */
.single-motion:hover {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Gradient border wrapper (style.css:2585) ──────────────── */
.gradient-border {
    background: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Course card button border + hover gradient (style.css:2662) */
.c-card .eBtn {
    border: 1px solid #F23A2938;
}
.c-card:hover .eBtn {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Play button hover (style.css:2782) ────────────────────── */
.mybtn-play:hover {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Entry player title bar (style.css:2795) ───────────────── */
.entry-player .g-title {
    background: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Sidebar gradient border variants (style.css:3797, 3808) ── */
.gradient-border2 {
    background: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}
.gradient-border-btn {
    background: #1a1a1a;
}
.gradient-border-btn:hover {
    background: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Course page sidebar enroll btn hover (style.css:3325) ─── */
.ps-sidebar .learn-btn:hover {
    background: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Course page sidebar socials hover (style.css:3378) ───── */
.ps-sidebar .f-socials li a:hover {
    background: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Course detail group link tint (style.css:3392) ────────── */
.dt_group a {
    background: #F23A2922;
}

/* ─── Category sidebar active link (style.css:3958) ─────────── */
.category.active a {
    color: #F23A29;
}

/* ─── Modal header (style.css:4471) ─────────────────────────── */
.modal-header {
    background-image: linear-gradient(
        to right,
        #F23A29 0%,
        #F25D27 51%,
        #F25D27 100%
    );
}

/* ─── Ebook tab active (style.css:6814, 6828, 7387, 7401) ───── */
.ebook-tab-btn.active {
    background: linear-gradient(135deg, #F23A29 0%, #F25D27 93.75%);
}
.ebook-tab-btn.active::after {
    background: linear-gradient(135deg, #F23A29 0%, #F25D27 93.75%);
}

/* ─── Course bundle detail text gradient (style.css:7953) ───── */
.course-bundle-item .bundle-details {
    background: linear-gradient(135deg, #F23A29 0%, #F25D27 93.75%);
    border-color: #F25D27;
}

/* ─── Course bundle buy button (style.css:8149) ─────────────── */
.bundle-container .bundle-content .bundle-button {
    background: linear-gradient(135deg, #F23A29 0%, #F25D27 93.75%);
}

/* ═══ custom_style.css overrides ═══════════════════════════════ */

/* ─── Cart badge (custom_style.css:123) ─────────────────────── */
.cart-top-number {
    background-color: #F27777;
}

/* ─── Footer social hover border (custom_style.css:1060) ───── */
.footer-social-list li a:hover {
    border-color: #F23A29;
}

/* ─── Contact button border + hover (custom_style.css:1065) ─── */
.contact-us-btn1 {
    background: linear-gradient(to right, #F23A29 0%, #F25D27 100%);
    border: 1px solid #F23A29;
    color: #fff;
}
.contact-us-btn1:hover {
    background: linear-gradient(to right, #d42e1a 0%, #d44d1f 100%);
    color: #fff;
}
.contact-us-btn1:hover path {
    fill: #fff;
}

/* ─── Footer nav hover (custom_style.css:1115) ──────────────── */
.footer-nav-wrap li a:hover {
    color: #F26E22;
}

/* ─── Footer search input border (custom_style.css:1178) ───── */
.footer-search-group .form-control {
    border: 1px solid #F23A29;
    border-right: none;
}
.footer-search-group .form-control:focus {
    border-color: #F23A29;
}

/* ─── Footer search submit btn (custom_style.css:1196) ──────── */
.footer-search-group .submit {
    background: linear-gradient(155deg, #F23A29 0%, #F25D27 93.75%);
}

/* ─── Footer bottom nav hover (custom_style.css:1232) ───────── */
.footer-bottom-nav a:hover {
    color: #F26E22;
}

/* ─── Mega menu arrow active (custom_style.css:6995) ────────── */
.primary-menu .have-mega-menu .menu-parent-a.active::after,
.primary-menu .have-mega-menu .menu-parent-a:hover::after {
    border: 6px solid #F23A29;
    border-right: 6px solid transparent;
    border-bottom: 0;
}

/* ─── bg-pink utility (custom_style.css:7083) ───────────────── */
.bg-pink {
    background-color: #F27777 !important;
}

/* ─── Hero section background (custom_style.css:6032) ───────── */
.lms-banner-section4::after {
    background: #111111;
}

/* ─── Section heading weight consistency ─────────────────────── */
.title-5.fw-500 {
    font-weight: 600 !important;
}

/* ─── Category card hover lift ───────────────────────────────── */
.lms-service-card-2 {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 14px;
}
.lms-service-card-2:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(242, 58, 41, 0.10);
}

/* ─── Course card hover lift ─────────────────────────────────── */
.lms-1-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    border-radius: 14px !important;
}
.lms-1-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.09) !important;
}

/* ─── Accordion brand active state ───────────────────────────── */
.accordion-button:not(.collapsed) {
    color: #F23A29 !important;
    background-color: #FFF8F7 !important;
    box-shadow: none !important;
}
.accordion-button:not(.collapsed)::after {
    filter: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23F23A29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.accordion-button:focus {
    box-shadow: 0 0 0 3px rgba(242, 58, 41, 0.12) !important;
    border-color: rgba(242, 58, 41, 0.3) !important;
}

/* ─── Responsive overrides ───────────────────────────────────── */
@media (max-width: 768px) {
    /* Achievements top row: 2-col grid → single column */
    .ac-achievements-grid {
        grid-template-columns: 1fr !important;
    }

    /* Teaching philosophy grid: 2-col → single column */
    .ac-philosophy-grid {
        grid-template-columns: 1fr !important;
    }

    /* Pass-rate section: hide vertical divider when items wrap */
    .ac-pass-rate-divider {
        display: none !important;
    }

    /* Hero headline: 56px is unreadable on narrow screens */
    .lms-banner-section4 .fs-56px {
        font-size: 30px !important;
        line-height: 1.25 !important;
    }

    /* Hero sub-title */
    .lms-banner-section4 .fs-24px {
        font-size: 16px !important;
    }

    /* Tutor image column: remove asymmetric right padding when stacked */
    .ac-tutor-image-col {
        padding-right: 0 !important;
    }
}

/* ─── Hero brand top-center glow ─────────────────────────────── */
.lms-banner-section4::before {
    position: absolute;
    content: "";
    left: 50%;
    top: -60px;
    transform: translateX(-50%);
    width: min(700px, 100vw);
    height: 340px;
    background: radial-gradient(ellipse, #F23A2938 0%, transparent 68%);
    z-index: -1;
    pointer-events: none;
}

/* ─── Video player brand color (custom_style.css:6057) ──────── */
.lms-video .plyr__control--overlaid,
.lms-video .plyr--video .plyr__control:hover {
    background: #F23A29;
}
.lms-video .plyr--full-ui input[type=range] {
    color: #F23A29;
}

/* ─── Blog read-more link color (custom_style.css:1800) ─────── */
.blog-post1-details .read-more {
    color: #F23A29;
}

/* ─── Blog card hover shadow brand tint (custom_style.css:7231) */
.blog-post1-link:hover {
    box-shadow: 0 14px 32px rgba(242, 58, 41, 0.12) !important;
}

/* ─── Inner page breadcrumb bg (custom_style.css:6605) ──────── */
.breadcum-area {
    background: linear-gradient(90deg, #fcd5d0 26%, #fde0cc 93%);
}

/* ─── Courses listing breadcrumb (style.css:5442) ───────────── */
.lms1-breadcrumb-section {
    background: linear-gradient(270deg, rgba(242, 58, 41, 0.06) 1.37%, rgba(242, 93, 39, 0.06) 86.05%);
}

/* ─── Footer background (style.css:3743) ────────────────────── */
.footer-area {
    background: #1a1a1a;
    border-top: 4px solid #F23A29;
}

/* ═══ University template overrides (home_permanent_templates/university) ═ */

/* ─── CTA buttons (.btn-danger-1) (custom_style.css:6182) ────── */
.btn-danger-1 {
    background: #F23A29;
}
.btn-danger-1:active,
.btn-danger-1:hover {
    background: #d42e1a !important;
}

/* ─── Price / accent text (.text-danger-2) (custom_style.css:710) */
.text-danger-2 {
    color: #F23A29;
}