/* ============================================================
   BATCH 1 — Global Page Overrides (breadcrumb, course-details,
   cart, checkout, instructors, blog, contact, forms, etc.)
   ============================================================ */

/* --- Breadcrumb --- */
.breadcrumb__area {
    background-color: #1B3A2D !important;
    background-image: none !important;
}
.breadcrumb__content h3.title {
    color: #fff !important;
}
.breadcrumb__content nav a {
    color: rgba(255, 255, 255, 0.75) !important;
}
.breadcrumb__content nav a:hover {
    color: #2FBF71 !important;
}
.breadcrumb__content .breadcrumb-separator {
    color: rgba(255, 255, 255, 0.45) !important;
}

/* --- Global form inputs (.form-grp) --- */
.form-grp input:not([type="file"]):not([type="radio"]):not([type="checkbox"]),
.form-grp textarea,
.form-grp select {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.form-grp input:not([type="file"]):not([type="radio"]):not([type="checkbox"]):focus,
.form-grp textarea:focus,
.form-grp select:focus {
    border-color: #1B7A47 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(27, 122, 71, 0.15) !important;
}

/* --- Global accordion (FAQ, curriculum) --- */
.accordion-button:not(.collapsed) {
    color: #1B3A2D !important;
    background: #E8F5EE !important;
    box-shadow: inset 0 -1px 0 #B8DFC9 !important;
}
.accordion-button:focus {
    border-color: #1B7A47 !important;
    box-shadow: 0 0 0 3px rgba(27, 122, 71, 0.15) !important;
}
.accordion-button::after {
    filter: invert(43%) sepia(52%) saturate(530%) hue-rotate(108deg) brightness(82%) contrast(95%);
}

/* --- Global pagination --- */
.pagination__wrap .pagination .page-link {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    color: #374151 !important;
    margin: 0 3px !important;
    transition: all 0.15s !important;
}
.pagination__wrap .pagination .page-item.active .page-link {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
}
.pagination__wrap .pagination .page-link:hover {
    background: #F0FAF4 !important;
    border-color: #1B3A2D !important;
    color: #1B3A2D !important;
}

/* --- btn-primary override (order success/fail) --- */
.btn.btn-primary,
.btn-primary {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
    border-radius: 8px !important;
}
.btn.btn-primary:hover,
.btn-primary:hover {
    background: #1B7A47 !important;
    border-color: #1B7A47 !important;
}

/* ---- Course Details Page ---- */
.courses__details-content .nav-tabs {
    border-bottom-color: #E5E7EB !important;
    gap: 4px;
}
.courses__details-content .nav-tabs .nav-link {
    color: #374151 !important;
    font-weight: 500;
    border-color: transparent !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 10px 18px !important;
}
.courses__details-content .nav-tabs .nav-link:hover {
    color: #1B3A2D !important;
    border-bottom-color: #B8DFC9 !important;
    background: transparent !important;
}
.courses__details-content .nav-tabs .nav-link.active {
    color: #1B3A2D !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #1B3A2D !important;
    background: transparent !important;
}
/* course-item open (free preview) */
.course-item.open-item .item-name {
    color: #1B7A47 !important;
}
/* Rating bars */
.course-rate__details-row .rating {
    background: #2FBF71 !important;
}
.course-rate__details-row-star .fa-star,
.review-author-content .author-rating .fa-star {
    color: #F5A623 !important;
}
/* Sidebar cost box */
.courses__cost-wrap {
    background: #E8F5EE !important;
    border: 1px solid #B8DFC9 !important;
    border-radius: 12px !important;
    padding: 20px !important;
}
.courses__cost-wrap > span {
    color: #1B7A47 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}
.courses__cost-wrap h2.title {
    color: #1B3A2D !important;
}
.courses__cost-wrap h2.title del {
    color: #9CA3AF !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
/* Sidebar info + social headings */
.courses__information-wrap h5.title,
.courses__details-social h5.title {
    color: #1B3A2D !important;
    border-bottom: 2px solid #E8F5EE !important;
    padding-bottom: 8px !important;
}
/* Sidebar icons → green tint */
.courses__information-wrap ul li img.injectable {
    filter: invert(43%) sepia(52%) saturate(530%) hue-rotate(108deg) brightness(82%) contrast(95%) !important;
}
/* Courses item tag on details page */
.courses__item-meta .courses__item-tag a {
    color: #1B7A47 !important;
    background: #F0FAF4 !important;
    border: 1px solid #B8DFC9 !important;
    border-radius: 100px !important;
    padding: 4px 12px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

/* ---- Cart Page ---- */
.cart__table thead tr {
    background: #1B3A2D !important;
}
.cart__table thead tr th {
    color: #fff !important;
    font-weight: 600 !important;
    padding: 14px 12px !important;
}
.cart__table tbody tr:hover {
    background: #F0FAF4 !important;
}
.cart__collaterals-wrap {
    background: #fff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 14px !important;
    padding: 24px !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.05) !important;
}
.cart__collaterals-wrap h2.title {
    color: #1B3A2D !important;
    font-size: 20px !important;
    border-bottom: 2px solid #E8F5EE !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}
.cart__collaterals-wrap ul.list-wrap li {
    color: #374151 !important;
    border-bottom: 1px solid #F3F4F6 !important;
    padding: 10px 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}
.cart__collaterals-wrap ul.list-wrap li span,
.cart__collaterals-wrap ul.list-wrap li .amount,
.cart__collaterals-wrap ul.list-wrap li .discount-amount {
    color: #1B3A2D !important;
    font-weight: 700 !important;
}
.cart__collaterals-wrap > a.btn {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
    border-radius: 8px !important;
    width: 100% !important;
    text-align: center !important;
    display: block !important;
    padding: 13px !important;
    font-weight: 600 !important;
    margin-top: 16px !important;
}
.cart__collaterals-wrap > a.btn:hover {
    background: #1B7A47 !important;
    border-color: #1B7A47 !important;
}
/* Coupon form */
.coupon-form input[type="text"] {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px 0 0 8px !important;
    padding: 10px 14px !important;
}
.coupon-form input[type="text"]:focus {
    border-color: #1B7A47 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(27, 122, 71, 0.15) !important;
}
.coupon-form button.btn {
    background: #1B7A47 !important;
    border-color: #1B7A47 !important;
    color: #fff !important;
    border-radius: 0 8px 8px 0 !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}
.coupon-form button.btn:hover {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
}

/* ---- Checkout Page ---- */
.wsus__single_payment {
    border: 2px solid #E5E7EB !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    display: block !important;
    padding: 12px !important;
    background: #fff !important;
    text-align: center !important;
    margin-bottom: 16px !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}
.wsus__single_payment:hover {
    border-color: #1B7A47 !important;
    box-shadow: 0 0 0 3px rgba(27, 122, 71, 0.1) !important;
}

/* ---- All Instructors ---- */
.instructor__item {
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07) !important;
    overflow: hidden !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
    margin-bottom: 28px !important;
    border: none !important;
}
.instructor__item:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.13) !important;
    transform: translateY(-3px) !important;
}
.instructor__thumb {
    overflow: hidden !important;
}
.instructor__thumb img {
    width: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 4 / 3 !important;
    transition: transform 0.3s !important;
}
.instructor__item:hover .instructor__thumb img {
    transform: scale(1.04) !important;
}
.instructor__content {
    padding: 18px !important;
}
.instructor__content h2.title,
.instructor__content h2.title a {
    color: #1B3A2D !important;
    font-size: 18px !important;
}
.instructor__content h2.title a:hover {
    color: #1B7A47 !important;
}
.instructor__content .designation {
    color: #1B7A47 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 4px !important;
}
.instructor__content > span:not(.designation) {
    color: #6B7280 !important;
    font-size: 13px !important;
}
.instructor__content .avg-rating {
    font-size: 13px !important;
    color: #6B7280 !important;
    margin: 4px 0 !important;
}
.instructor__content .avg-rating .fa-star {
    color: #F5A623 !important;
}
.instructor__social ul {
    gap: 8px !important;
}
.instructor__social ul li a {
    background: #E8F5EE !important;
    color: #1B3A2D !important;
    border: 1px solid #B8DFC9 !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    transition: all 0.2s !important;
}
.instructor__social ul li a:hover {
    background: #1B3A2D !important;
    color: #fff !important;
    border-color: #1B3A2D !important;
}

/* ---- Instructor Details Page ---- */
.instructor__details-content h2.title {
    color: #1B3A2D !important;
}
.instructor__details-content .designation {
    color: #1B7A47 !important;
    font-weight: 600 !important;
}
.instructor__details-content .avg-rating .fa-star {
    color: #F5A623 !important;
}
.instructor__details-biography h4.title,
.instructor__details-Skill h4.title {
    color: #1B3A2D !important;
    border-left: 3px solid #2FBF71 !important;
    padding-left: 12px !important;
    margin-bottom: 16px !important;
}
.instructor__details-courses .main-title {
    color: #1B3A2D !important;
}
.instructor__details-courses > .row p {
    color: #6B7280 !important;
}
.instructor__details-nav button {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s !important;
}
.instructor__details-nav button:hover {
    background: #1B7A47 !important;
}
/* Instructor sidebar quick-contact */
.instructor__sidebar {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 28px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07) !important;
    border: 1px solid #E5E7EB !important;
}
.instructor__sidebar h4.title {
    color: #1B3A2D !important;
    border-bottom: 2px solid #E8F5EE !important;
    padding-bottom: 10px !important;
    margin-bottom: 16px !important;
}
/* Instructor's courses carousel (courses-swiper-active-two) */
.courses-swiper-active-two .courses__item {
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07) !important;
    overflow: hidden !important;
    transition: box-shadow 0.2s, transform 0.2s !important;
    border: none !important;
}
.courses-swiper-active-two .courses__item:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.13) !important;
    transform: translateY(-3px) !important;
}

/* ---- Blog Listing ---- */
.blog__post-meta ul li {
    color: #6B7280 !important;
}
.blog__post-meta ul li a {
    color: #1B7A47 !important;
}
.blog__post-meta ul li a:hover {
    color: #1B3A2D !important;
}
/* Blog sidebar */
.blog-widget .widget-title {
    color: #1B3A2D !important;
    border-bottom: 2px solid #E8F5EE !important;
    padding-bottom: 10px !important;
}
.sidebar-search-form input {
    border: 1px solid #D1D5DB !important;
    border-right: none !important;
    border-radius: 8px 0 0 8px !important;
}
.sidebar-search-form input:focus {
    border-color: #1B7A47 !important;
    outline: none !important;
}
.sidebar-search-form button {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
    border-radius: 0 8px 8px 0 !important;
    transition: background 0.2s !important;
}
.sidebar-search-form button:hover {
    background: #1B7A47 !important;
}
.shop-cat-list ul li a {
    color: #374151 !important;
    transition: color 0.15s !important;
}
.shop-cat-list ul li a:hover {
    color: #1B7A47 !important;
}
.shop-cat-list ul li a i {
    color: #2FBF71 !important;
}
/* Popular posts */
.rc-post-content h4.title a {
    color: #1B3A2D !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}
.rc-post-content h4.title a:hover {
    color: #1B7A47 !important;
}
.rc-post-content .date {
    color: #6B7280 !important;
    font-size: 12px !important;
}
/* Blog details */
.blog__details-content h3.title {
    color: #1B3A2D !important;
}
.blog__details-body { color: #374151; font-size: 16px; line-height: 1.8; }
.blog__details-body h1 { font-size: 32px; font-weight: 700; color: #0D3D2D; margin: 32px 0 16px; line-height: 1.3; }
.blog__details-body h2 { font-size: 26px; font-weight: 700; color: #0D3D2D; margin: 28px 0 14px; line-height: 1.35; }
.blog__details-body h3 { font-size: 21px; font-weight: 700; color: #14532D; margin: 24px 0 12px; line-height: 1.4; }
.blog__details-body h4 { font-size: 18px; font-weight: 700; color: #14532D; margin: 20px 0 10px; line-height: 1.45; }
.blog__details-body h5 { font-size: 16px; font-weight: 700; color: #1F2937; margin: 18px 0 8px; }
.blog__details-body h6 { font-size: 14px; font-weight: 700; color: #1F2937; margin: 16px 0 8px; text-transform: uppercase; letter-spacing: 0.04em; }
.blog__details-body p { margin-bottom: 16px; }
.blog__details-body ul, .blog__details-body ol {
    display: block !important;
    gap: 0 !important;
    margin-bottom: 16px;
    padding-left: 22px;
}
.blog__details-body ul { list-style: disc !important; }
.blog__details-body ol { list-style: decimal !important; }
.blog__details-body ul li, .blog__details-body ol li {
    position: static !important;
    padding-left: 4px !important;
    font-family: inherit !important;
    color: inherit !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 0 0 8px !important;
    display: list-item !important;
}
.blog__details-body ul li::after, .blog__details-body ol li::after { content: none !important; }
.blog__details-body img { max-width: 100%; height: auto; border-radius: 8px; margin: 16px 0; }
.blog__details-body figure { margin: 16px 0; }
.blog__details-body figure img { margin: 0; }
.blog__details-body figure figcaption { font-size: 13px; color: #6B7280; text-align: center; margin-top: 6px; }
.tg-post-tag ul li a {
    border: 1px solid #D1D5DB !important;
    border-radius: 100px !important;
    color: #374151 !important;
    font-size: 12px !important;
    padding: 5px 14px !important;
    transition: all 0.15s !important;
}
.tg-post-tag ul li a:hover {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
}
.tg-post-tag .tag-title {
    color: #1B3A2D !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* ---- Contact Page ---- */
.contact-info-wrap ul li .icon {
    background: #E8F5EE !important;
    border: 1px solid #B8DFC9 !important;
    border-radius: 50% !important;
    width: 52px !important;
    height: 52px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}
.contact-info-wrap ul li .icon img.injectable {
    filter: invert(43%) sepia(52%) saturate(530%) hue-rotate(108deg) brightness(82%) contrast(95%) !important;
}
.contact-info-wrap ul li .content h4.title {
    color: #1B3A2D !important;
    font-size: 15px !important;
    margin-bottom: 4px !important;
}
.contact-info-wrap ul li .content a {
    color: #1B7A47 !important;
    display: block !important;
    font-size: 14px !important;
}
.contact-info-wrap ul li .content a:hover {
    color: #1B3A2D !important;
}
.contact-form-wrap {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 36px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07) !important;
}
.contact-form-wrap h4.title {
    color: #1B3A2D !important;
    margin-bottom: 6px !important;
}

/* ---- Become Instructor (singUp-wrap) ---- */
.singUp-wrap {
    background: #fff !important;
    border-radius: 16px !important;
    padding: 36px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.07) !important;
}
.singUp-wrap h2.title {
    color: #1B3A2D !important;
    border-bottom: 2px solid #E8F5EE !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
}
.singUp-wrap .form-select {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
}
.singUp-wrap .form-select:focus {
    border-color: #1B7A47 !important;
    box-shadow: 0 0 0 3px rgba(27, 122, 71, 0.15) !important;
}
.singUp-wrap .form-control {
    border: 1px solid #D1D5DB !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
}
.singUp-wrap .form-control:focus {
    border-color: #1B7A47 !important;
    box-shadow: 0 0 0 3px rgba(27, 122, 71, 0.15) !important;
}

/* ---- Error / 404 Page ---- */
.error-content h2.title {
    color: #1B3A2D !important;
    font-size: 28px !important;
}
.error-content h2.title span {
    color: #006D39 !important;
    display: block !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-top: 8px !important;
}
.tg-button-wrap .arrow-btn {
    background: #006D39 !important;
    border-color: #006D39 !important;
}
.tg-button-wrap .arrow-btn:hover {
    background: #1B7A47 !important;
    border-color: #1B7A47 !important;
}

/* ---- Testimonials (about page + shared) ---- */
.testimonial__item {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07) !important;
    border: none !important;
}
.testimonial__item .rating .fa-star {
    color: #F5A623 !important;
}
.testimonial__author-content h2.title {
    color: #1B3A2D !important;
    font-size: 16px !important;
}
.testimonial__nav button {
    background: #1B3A2D !important;
    border-color: #1B3A2D !important;
    color: #fff !important;
    transition: background 0.2s !important;
}
.testimonial__nav button:hover {
    background: #1B7A47 !important;
    border-color: #1B7A47 !important;
}

