/**
 * ModusClass - TutorLMS & Theme Design Override
 * Pure CSS approach - all TutorLMS functionality stays intact
 * 
 * Colors:
 * - Primary: #10B981 (Emerald Green)
 * - Secondary: #8B5CF6 (Purple)
 */

/* ==========================================================================
   HEADER MOBILE/TABLET RESPONSIVE
   ========================================================================== */

/* On mobile/tablet: hide register button, show only hamburger */
@media (max-width: 991px) {
    /* Hide the register button in header on mobile/tablet */
    .site-header .header-actions > a.btn,
    .site-header .header-actions > .btn,
    .site-header .header-actions .btn-primary,
    .header-inner .header-actions > a.btn,
    .header-inner .header-actions .btn-primary,
    header .header-actions > a.btn,
    header .header-actions .btn-primary {
        display: none !important;
        visibility: hidden !important;
    }
    
    /* Show the hamburger menu */
    .site-header .header-actions .nav-toggle,
    .header-inner .header-actions .nav-toggle,
    header .header-actions .nav-toggle,
    .nav-toggle {
        display: inline-grid !important;
        place-items: center !important;
        visibility: visible !important;
    }
    
    /* Header inner layout */
    .header-inner {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
}

@media (max-width: 760px) {
    /* Ensure button is hidden and hamburger is visible */
    .header-actions > a.btn,
    .header-actions .btn-primary,
    .site-header .header-actions > a,
    header .header-actions > a:not(.nav-toggle) {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    
    .nav-toggle {
        display: inline-grid !important;
        visibility: visible !important;
    }
}

/* ==========================================================================
   CREATORS SLIDER FIX
   ========================================================================== */
.creators-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 8px 4px 16px !important;
    scroll-behavior: smooth;
}

.creators-slider::-webkit-scrollbar {
    display: none;
}

.creator-card {
    flex: 0 0 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
}

/* ==========================================================================
   GLOBAL OVERRIDES
   ========================================================================== */

/* Font family */
body,
.tutor-wrap,
.tutor-dashboard,
.tutor-course-details-page {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Primary color overrides for ALL elements */
a:hover,
a:focus,
.tutor-color-primary,
.tutor-text-primary,
.tutor-link-btn,
.tutor-course-details-content a:hover,
.tutor-course-topic-item a:hover {
    color: #10B981 !important;
}

/* ==========================================================================
   UNIFIED BUTTON SYSTEM
   All buttons use these base classes for consistency
   ========================================================================== */

/* 
 * Button Base - Applied to buttons with .btn or .tutor-btn class only
 */
.btn,
.tutor-btn,
input[type="submit"],
input[type="button"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 12px 24px !important;
    border-radius: 999px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    border: 2px solid transparent !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

/* 
 * PRIMARY Button - Emerald Green
 * Classes: .btn-primary, .tutor-btn-primary
 */
.btn-primary,
.btn.btn-primary,
a.btn-primary,
button.btn-primary,
.tutor-btn-primary,
.tutor-btn.tutor-btn-primary,
a.tutor-btn-primary,
button.tutor-btn-primary,
input[type="submit"].tutor-btn-primary,
.tutor-button.tutor-success,
.tutor-btn-success,
.tutor-enroll-btn .tutor-btn,
.tutor-add-to-cart-btn,
.single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background: linear-gradient(180deg, #10B981 0%, #059669 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.25),
        0 4px 14px rgba(16, 185, 129, 0.35) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
a.btn-primary:hover,
.tutor-btn-primary:hover,
.tutor-btn.tutor-btn-primary:hover,
a.tutor-btn-primary:hover,
.tutor-add-to-cart-btn:hover,
.single_add_to_cart_button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background: linear-gradient(180deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.25),
        0 6px 20px rgba(16, 185, 129, 0.45) !important;
}

.btn-primary:active,
.tutor-btn-primary:active {
    transform: translateY(0) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* 
 * OUTLINE Button - White/Light with border
 * Classes: .btn-outline, .tutor-btn-outline-primary
 */
.btn-outline,
.btn.btn-outline,
a.btn-outline,
button.btn-outline,
.tutor-btn-outline-primary,
.tutor-btn.tutor-btn-outline-primary,
.btn-outline-primary {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 2px solid #E5E7EB !important;
    color: #374151 !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.8),
        0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

.btn-outline:hover,
.btn.btn-outline:hover,
a.btn-outline:hover,
.tutor-btn-outline-primary:hover,
.btn-outline-primary:hover {
    border-color: #10B981 !important;
    color: #10B981 !important;
    transform: translateY(-2px) !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.8),
        0 4px 12px rgba(16, 185, 129, 0.15) !important;
}

/* 
 * SECONDARY Button - Purple
 * Classes: .btn-secondary, .tutor-btn-secondary
 */
.btn-secondary,
.btn.btn-secondary,
a.btn-secondary,
.tutor-btn-secondary {
    background: linear-gradient(180deg, #8B5CF6 0%, #7C3AED 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.25),
        0 4px 14px rgba(139, 92, 246, 0.35) !important;
}

.btn-secondary:hover,
.tutor-btn-secondary:hover {
    background: linear-gradient(180deg, #7C3AED 0%, #6D28D9 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.25),
        0 6px 20px rgba(139, 92, 246, 0.45) !important;
}

/* 
 * LINK Button - Text only
 * Classes: .btn-link
 */
.btn-link,
.btn.btn-link,
a.btn-link {
    background: transparent !important;
    border-color: transparent !important;
    color: #6B7280 !important;
    padding: 8px 16px !important;
    min-height: auto !important;
    box-shadow: none !important;
}

.btn-link:hover {
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.08) !important;
}

/* 
 * Button Sizes
 */
.btn-sm,
.tutor-btn-sm {
    min-height: 36px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
}

.btn-lg,
.tutor-btn-lg {
    min-height: 56px !important;
    padding: 16px 32px !important;
    font-size: 16px !important;
}

/* ==========================================================================
   CARDS - Course Cards, etc.
   ========================================================================== */

.tutor-card,
.tutor-course-card,
.tutor-mycourse-card,
.tutor-course,
.tutor-course-listing-item,
[class*="course-card"],
.course-card {
    border-radius: 16px !important;
    border: 1px solid #E5E7EB !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

.tutor-card:hover,
.tutor-course-card:hover,
.tutor-course:hover,
.course-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
    border-color: #D1FAE5 !important;
}

/* Card thumbnails */
.tutor-course-thumbnail,
.tutor-course-card-thumbnail,
.tutor-ratio-img {
    border-radius: 12px 12px 0 0 !important;
}

/* ==========================================================================
   INSTRUCTOR PROFILE PAGE (author.php)
   ========================================================================== */

/* Reset parent theme padding for profile pages */
body.author .site-content {
    padding: 0 !important;
    margin: 0 !important;
}

body.author main {
    margin: 0 !important;
    padding: 0 !important;
}

/* Page Hero profile styles */
body.author .page-hero {
    position: relative !important;
    overflow: hidden !important;
    padding: 60px 0 50px !important;
}

body.author .page-hero:not(.has-cover) {
    background: linear-gradient(135deg, #2E1065 0%, #134E4A 30%, #0D3D38 50%, #3B0764 70%, #4C1D95 100%) !important;
}

body.author .page-hero::before {
    content: '' !important;
    position: absolute !important;
    top: -30% !important;
    right: -10% !important;
    width: 700px !important;
    height: 700px !important;
    background: radial-gradient(circle, rgba(16, 185, 129, 0.35) 0%, rgba(16, 185, 129, 0.15) 40%, transparent 70%) !important;
    pointer-events: none !important;
}

body.author .page-hero::after {
    content: '' !important;
    position: absolute !important;
    bottom: -20% !important;
    left: -5% !important;
    width: 600px !important;
    height: 600px !important;
    background: radial-gradient(circle, rgba(147, 51, 234, 0.4) 0%, rgba(126, 34, 206, 0.2) 40%, transparent 70%) !important;
    pointer-events: none !important;
}

body.author .page-hero .container {
    position: relative !important;
    z-index: 1 !important;
}

body.author .page-hero .breadcrumbs {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body.author .page-hero .breadcrumbs a {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
}

body.author .page-hero .breadcrumbs a:hover {
    color: #fff !important;
}

body.author .page-hero .breadcrumbs span {
    color: rgba(255, 255, 255, 0.5) !important;
}

body.author .author-page-hero.has-cover {
    position: relative;
    isolation: isolate;
}

body.author .author-page-hero.has-cover::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 28%);
    pointer-events: none;
    z-index: 0;
}

body.author .author-page-hero.has-cover .container {
    position: relative;
    z-index: 1;
}

body.author .profile-header {
    display: flex !important;
    gap: 32px !important;
    align-items: center !important;
    margin-top: 24px !important;
}

body.author .profile-avatar {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 4px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
    flex-shrink: 0 !important;
}

body.author .profile-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

body.author .profile-info {
    flex: 1 !important;
}

body.author .page-hero .h1 {
    font-size: 44px !important;
    line-height: 52px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    margin: 0 !important;
    color: #fff !important;
}

body.author .page-hero .mark-secondary {
    background: linear-gradient(135deg, #8B5CF6 0%, #10B981 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

body.author .profile-title {
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin-top: 8px !important;
}

body.author .profile-stats {
    display: flex !important;
    gap: 32px !important;
    margin-top: 20px !important;
}

body.author .profile-stat {
    display: flex !important;
    flex-direction: column !important;
}

body.author .profile-stat-value {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #fff !important;
}

body.author .profile-stat-label {
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

body.author .profile-actions {
    display: flex !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

/* Section Content */
body.author .section-content {
    background: linear-gradient(180deg, #F1F5F9 0%, #F9FAFB 100%) !important;
    padding: 48px 0 !important;
}

/* Two column layout */
body.author .two-col {
    display: grid !important;
    grid-template-columns: 1fr 360px !important;
    gap: 18px !important;
    align-items: start !important;
}

/* Panel styles */
body.author .panel {
    background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: 
        inset 1px 1px 2px rgba(255, 255, 255, 0.8),
        inset -1px -1px 2px rgba(0, 0, 0, 0.02),
        0 1px 2px rgba(0, 0, 0, 0.02),
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 4px 8px rgba(0, 0, 0, 0.03),
        0 8px 16px rgba(0, 0, 0, 0.02) !important;
    position: relative !important;
}

body.author .panel .h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: #111827 !important;
}

body.author .panel .h4 {
    font-size: 18px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    margin: 0 !important;
    color: #111827 !important;
}

body.author .panel .p {
    font-size: 16px !important;
    line-height: 24px !important;
    margin: 0 !important;
    color: #111827 !important;
}

/* Profile tags */
body.author .profile-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.author .tag {
    display: inline-block !important;
    padding: 6px 14px !important;
    background: #D1FAE5 !important;
    color: #10B981 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Stack utilities */
body.author .stack-18 {
    display: grid !important;
    gap: 18px !important;
}

body.author .stack-12 {
    display: grid !important;
    gap: 12px !important;
}

/* Courses section title */
body.author #courses .h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    margin: 0 0 12px 0 !important;
    color: #111827 !important;
}

/* Info list in sidebar */
body.author .info-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

body.author .info-item {
    display: flex !important;
    justify-content: space-between !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #E5E7EB !important;
}

body.author .info-item:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

body.author .info-label {
    color: #6B7280 !important;
    font-size: 14px !important;
}

body.author .info-value {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #111827 !important;
}

/* Social links */
body.author .social-links {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

body.author .social-link {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: all 0.2s ease !important;
    color: #111827 !important;
    text-decoration: none !important;
}

body.author .social-link:hover {
    background: #D1FAE5 !important;
    color: #10B981 !important;
}

body.author .social-link .icon {
    width: 20px !important;
    height: 20px !important;
}

/* Panel gradient for CTA */
body.author .panel-gradient {
    background: linear-gradient(135deg, #10B981 0%, #8B5CF6 100%) !important;
}

body.author .panel-gradient .h4 {
    color: #fff !important;
}

body.author .panel-gradient .p {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Review cards */
body.author .review-card {
    background: #F8FAFC !important;
    border-radius: 16px !important;
    padding: 20px !important;
}

body.author .review-header {
    display: flex !important;
    gap: 12px !important;
    align-items: center !important;
}

body.author .review-avatar {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #10B981 0%, #8B5CF6 100%) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
}

body.author .review-name {
    font-weight: 700 !important;
    color: #111827 !important;
}

body.author .review-date {
    font-size: 13px !important;
    color: #6B7280 !important;
}

body.author .review-rating {
    margin-left: auto !important;
    color: #F59E0B !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
}

body.author .review-text {
    margin-top: 12px !important;
    color: #6B7280 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* Utility classes */
body.author .mt-8 { margin-top: 8px !important; }
body.author .mt-12 { margin-top: 12px !important; }
body.author .mt-16 { margin-top: 16px !important; }
body.author .mb-12 { margin-bottom: 12px !important; }
body.author .mb-16 { margin-bottom: 16px !important; }

/* Mobile responsive */
@media (max-width: 991px) {
    body.author .two-col {
        grid-template-columns: 1fr !important;
    }
    
    body.author .profile-header {
        flex-direction: column !important;
        text-align: center !important;
    }
    
    body.author .profile-avatar {
        margin: 0 auto !important;
    }
    
    body.author .profile-stats {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 20px !important;
    }
    
    body.author .profile-actions {
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    
    body.author .page-hero .h1 {
        font-size: 32px !important;
        line-height: 40px !important;
    }
}

@media (max-width: 575px) {
    body.author .page-hero {
        padding: 40px 0 30px !important;
    }
    
    body.author .page-hero .h1 {
        font-size: 26px !important;
        line-height: 34px !important;
    }
    
    body.author .section-content {
        padding: 32px 0 !important;
    }
    
    body.author .panel {
        padding: 20px !important;
    }
}

/* ==========================================================================
   INSTRUCTOR PROFILE PAGE - COURSE CARDS
   ========================================================================== */

/* Profile page course grid - custom author.php template */
#courses .stack-12 {
    display: grid !important;
    gap: 16px !important;
}

/* Base styles for instructor page course cards - all screen sizes */
#courses .card.card-horizontal .card-arrow {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    background: linear-gradient(135deg, #10B981 0%, #0D9488 100%) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
    flex-shrink: 0 !important;
}

#courses .card.card-horizontal .card-arrow svg,
#courses .card.card-horizontal .card-arrow .icon {
    color: #fff !important;
    stroke: #fff !important;
    width: 20px !important;
    height: 20px !important;
}

#courses .card.card-horizontal:hover .card-arrow {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: scale(1.1) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;
}

#courses .card.card-horizontal .price-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

/* Desktop: Horizontal cards in single column list */
@media (min-width: 992px) {
    #courses .stack-12 {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }
    
    #courses .card.card-horizontal {
        display: flex !important;
        flex-direction: row !important;
        gap: 0 !important;
        max-width: 100% !important;
        background: #fff !important;
        border-radius: 16px !important;
        border: 1px solid #E5E7EB !important;
        overflow: hidden !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
        transition: all 0.3s ease !important;
    }
    
    #courses .card.card-horizontal:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 12px 40px rgba(0,0,0,0.1) !important;
        border-color: #D1FAE5 !important;
    }
    
    #courses .card.card-horizontal .card-media-sm {
        width: 220px !important;
        min-width: 220px !important;
        height: 160px !important;
        flex-shrink: 0 !important;
        border-radius: 16px 0 0 16px !important;
        object-fit: cover !important;
    }
    
    #courses .card.card-horizontal .card-body {
        padding: 20px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        flex: 1 !important;
    }
    
    #courses .card.card-horizontal .card-title {
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1F2937 !important;
        margin-bottom: 8px !important;
    }
    
    #courses .card.card-horizontal .card-meta {
        font-size: 14px !important;
        color: #6B7280 !important;
    }
    
    #courses .card.card-horizontal .price-row {
        margin-top: 12px !important;
    }
    
    #courses .card.card-horizontal .price {
        font-size: 20px !important;
        font-weight: 800 !important;
        color: #10B981 !important;
    }
}

/* Tablet: 2-column grid with vertical cards */
@media (min-width: 577px) and (max-width: 991px) {
    #courses .stack-12 {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    
    #courses .card.card-horizontal {
        flex-direction: column !important;
        gap: 0 !important;
        background: #fff !important;
        border-radius: 16px !important;
        border: 1px solid #E5E7EB !important;
        overflow: hidden !important;
    }
    
    #courses .card.card-horizontal .card-media-sm {
        width: 100% !important;
        height: 160px !important;
        border-radius: 16px 16px 0 0 !important;
        object-fit: cover !important;
    }
    
    #courses .card.card-horizontal .card-body {
        padding: 16px !important;
    }
    
    #courses .card.card-horizontal .card-title {
        font-size: 16px !important;
    }
    
    #courses .card.card-horizontal .price {
        font-size: 18px !important;
    }
}

/* Mobile: Single column, centered cards */
@media (max-width: 576px) {
    #courses .stack-12 {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        justify-items: center !important;
    }
    
    #courses .card.card-horizontal {
        flex-direction: column !important;
        max-width: 350px !important;
        width: 100% !important;
        background: #fff !important;
        border-radius: 16px !important;
        border: 1px solid #E5E7EB !important;
        overflow: hidden !important;
    }
    
    #courses .card.card-horizontal .card-media-sm {
        width: 100% !important;
        height: 180px !important;
        border-radius: 16px 16px 0 0 !important;
        object-fit: cover !important;
    }
    
    #courses .card.card-horizontal .card-body {
        padding: 16px !important;
    }
}

/* TutorLMS default profile page grid (fallback) */
.tutor-course-list,
.tutor-courses-wrap,
.tutor-user-public-profile .tutor-course-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}

@media (max-width: 991px) {
    .tutor-course-list,
    .tutor-courses-wrap,
    .tutor-user-public-profile .tutor-course-list {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 576px) {
    .tutor-course-list,
    .tutor-courses-wrap,
    .tutor-user-public-profile .tutor-course-list {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

/* Profile course cards styling */
.tutor-course-list .tutor-card,
.tutor-user-public-profile .tutor-card {
    background: #fff !important;
    border-radius: 16px !important;
    border: 1px solid #E5E7EB !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
}

.tutor-course-list .tutor-card:hover,
.tutor-user-public-profile .tutor-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 16px 48px rgba(16, 185, 129, 0.12) !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}

/* Course thumbnail */
.tutor-course-list .tutor-course-thumbnail,
.tutor-user-public-profile .tutor-course-thumbnail {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
}

.tutor-course-list .tutor-course-thumbnail img,
.tutor-user-public-profile .tutor-course-thumbnail img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    transition: transform 0.3s ease !important;
}

.tutor-course-list .tutor-card:hover .tutor-course-thumbnail img,
.tutor-user-public-profile .tutor-card:hover .tutor-course-thumbnail img {
    transform: scale(1.05) !important;
}

/* Wishlist button on cards */
.tutor-course-list .tutor-course-bookmark-btn,
.tutor-user-public-profile .tutor-course-bookmark-btn {
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    background: rgba(255,255,255,0.9) !important;
    border-radius: 8px !important;
    padding: 8px !important;
    transition: all 0.2s ease !important;
}

.tutor-course-list .tutor-course-bookmark-btn:hover,
.tutor-user-public-profile .tutor-course-bookmark-btn:hover {
    background: #fff !important;
    transform: scale(1.1) !important;
}

/* Card content area */
.tutor-course-list .tutor-card-body,
.tutor-user-public-profile .tutor-card-body {
    padding: 16px !important;
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Course title */
.tutor-course-list .tutor-course-name,
.tutor-user-public-profile .tutor-course-name {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #1F2937 !important;
    margin-bottom: 8px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.tutor-course-list .tutor-course-name a,
.tutor-user-public-profile .tutor-course-name a {
    color: inherit !important;
    text-decoration: none !important;
}

.tutor-course-list .tutor-course-name a:hover,
.tutor-user-public-profile .tutor-course-name a:hover {
    color: #10B981 !important;
}

/* Rating stars */
.tutor-course-list .tutor-ratings,
.tutor-user-public-profile .tutor-ratings {
    margin-bottom: 8px !important;
}

.tutor-course-list .tutor-ratings .tutor-ratings-stars,
.tutor-user-public-profile .tutor-ratings .tutor-ratings-stars {
    color: #FBBF24 !important;
}

/* Course meta (students, duration) */
.tutor-course-list .tutor-meta,
.tutor-user-public-profile .tutor-meta {
    font-size: 13px !important;
    color: #6B7280 !important;
    margin-bottom: 12px !important;
}

/* Author/instructor info */
.tutor-course-list .tutor-course-author,
.tutor-user-public-profile .tutor-course-author {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 12px !important;
    border-top: 1px solid #F3F4F6 !important;
    margin-top: auto !important;
}

.tutor-course-list .tutor-course-author img,
.tutor-user-public-profile .tutor-course-author img {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
}

.tutor-course-list .tutor-course-author span,
.tutor-user-public-profile .tutor-course-author span {
    font-size: 13px !important;
    color: #6B7280 !important;
}

/* Price styling */
.tutor-course-list .tutor-course-price,
.tutor-user-public-profile .tutor-course-price,
.tutor-card-footer .tutor-course-price {
    margin-top: auto !important;
    padding-top: 12px !important;
}

.tutor-course-list .tutor-course-price .price,
.tutor-user-public-profile .tutor-course-price .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #10B981 !important;
}

/* Sale price */
.tutor-course-list .tutor-course-price del,
.tutor-user-public-profile .tutor-course-price del {
    font-size: 14px !important;
    color: #9CA3AF !important;
    text-decoration: line-through !important;
    margin-left: 8px !important;
}

/* Card footer / buttons */
.tutor-course-list .tutor-card-footer,
.tutor-user-public-profile .tutor-card-footer {
    padding: 12px 16px !important;
    background: #F9FAFB !important;
    border-top: 1px solid #F3F4F6 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.tutor-course-list .tutor-card-footer .tutor-btn,
.tutor-user-public-profile .tutor-card-footer .tutor-btn {
    background: #10B981 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #fff !important;
    transition: all 0.2s ease !important;
}

.tutor-course-list .tutor-card-footer .tutor-btn:hover,
.tutor-user-public-profile .tutor-card-footer .tutor-btn:hover {
    background: #059669 !important;
    transform: translateY(-1px) !important;
}

/* Secondary button (View Details) */
.tutor-course-list .tutor-card-footer .tutor-btn-outline,
.tutor-user-public-profile .tutor-card-footer .tutor-btn-outline {
    background: transparent !important;
    border: 1px solid #E5E7EB !important;
    color: #374151 !important;
}

.tutor-course-list .tutor-card-footer .tutor-btn-outline:hover,
.tutor-user-public-profile .tutor-card-footer .tutor-btn-outline:hover {
    border-color: #10B981 !important;
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.05) !important;
}

/* Category tag */
.tutor-course-list .tutor-meta-tag,
.tutor-user-public-profile .tutor-meta-tag {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
}

/* Profile page tabs */
.tutor-user-public-profile .tutor-nav-tabs,
.tutor-user-public-profile .tutor-nav {
    border-bottom: 1px solid #E5E7EB !important;
    margin-bottom: 24px !important;
    gap: 8px !important;
}

.tutor-user-public-profile .tutor-nav-tabs .tutor-nav-link,
.tutor-user-public-profile .tutor-nav .tutor-nav-link {
    padding: 12px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #6B7280 !important;
    border: none !important;
    background: transparent !important;
    border-radius: 8px 8px 0 0 !important;
    transition: all 0.2s ease !important;
}

.tutor-user-public-profile .tutor-nav-tabs .tutor-nav-link:hover,
.tutor-user-public-profile .tutor-nav .tutor-nav-link:hover {
    color: #10B981 !important;
    background: rgba(16, 185, 129, 0.05) !important;
}

.tutor-user-public-profile .tutor-nav-tabs .tutor-nav-link.active,
.tutor-user-public-profile .tutor-nav .tutor-nav-link.is-active {
    color: #10B981 !important;
    background: #fff !important;
    border-bottom: 2px solid #10B981 !important;
}

/* Profile header */
.tutor-user-public-profile .tutor-profile-header,
.tutor-user-public-profile .tutor-instructor-profile-header {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
    border-radius: 16px !important;
    padding: 32px !important;
    margin-bottom: 24px !important;
}

.tutor-user-public-profile .tutor-profile-photo img,
.tutor-user-public-profile .tutor-avatar img {
    border: 3px solid #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Profile name */
.tutor-user-public-profile .tutor-instructor-profile-name,
.tutor-user-public-profile .tutor-profile-name {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
}

/* Profile stats */
.tutor-user-public-profile .tutor-profile-stats,
.tutor-user-public-profile .tutor-instructor-profile-stats {
    display: flex !important;
    gap: 24px !important;
    margin-top: 16px !important;
}

.tutor-user-public-profile .tutor-profile-stat {
    text-align: center !important;
    color: rgba(255,255,255,0.9) !important;
}

.tutor-user-public-profile .tutor-profile-stat .tutor-stat-value {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

.tutor-user-public-profile .tutor-profile-stat .tutor-stat-label {
    font-size: 13px !important;
    color: rgba(255,255,255,0.7) !important;
}

/* Loop course price styling in profile */
.tutor-user-public-profile .tutor-course-loop-price,
.tutor-course-list .tutor-course-loop-price {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 16px !important;
    border-top: 1px solid #F3F4F6 !important;
    background: #FAFAFA !important;
}

.tutor-user-public-profile .tutor-course-loop-price .price,
.tutor-course-list .tutor-course-loop-price .price {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #10B981 !important;
}

/* Free course badge */
.tutor-user-public-profile .tutor-course-loop-price .tutor-free-course-badge,
.tutor-course-list .tutor-course-loop-price .tutor-free-course-badge {
    background: #10B981 !important;
    color: #fff !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

/* Add to cart / View course button in loop */
.tutor-user-public-profile .tutor-loop-cart-btn-wrap .tutor-btn,
.tutor-course-list .tutor-loop-cart-btn-wrap .tutor-btn,
.tutor-user-public-profile .tutor-course-loop-price .tutor-btn,
.tutor-course-list .tutor-course-loop-price .tutor-btn {
    background: #10B981 !important;
    color: #fff !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.tutor-user-public-profile .tutor-loop-cart-btn-wrap .tutor-btn:hover,
.tutor-course-list .tutor-loop-cart-btn-wrap .tutor-btn:hover,
.tutor-user-public-profile .tutor-course-loop-price .tutor-btn:hover,
.tutor-course-list .tutor-course-loop-price .tutor-btn:hover {
    background: #059669 !important;
    transform: translateY(-1px) !important;
}

/* View Details link */
.tutor-user-public-profile .tutor-course-loop-price a:not(.tutor-btn),
.tutor-course-list .tutor-course-loop-price a:not(.tutor-btn) {
    color: #6B7280 !important;
    font-size: 13px !important;
    text-decoration: none !important;
}

.tutor-user-public-profile .tutor-course-loop-price a:not(.tutor-btn):hover,
.tutor-course-list .tutor-course-loop-price a:not(.tutor-btn):hover {
    color: #10B981 !important;
}

/* Section titles in profile */
.tutor-user-public-profile .tutor-fs-5,
.tutor-user-public-profile .tutor-fw-medium {
    font-weight: 600 !important;
    color: #1F2937 !important;
}

/* ==========================================================================
   COURSE DETAILS PAGE
   ========================================================================== */

.tutor-course-details-header {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
    border-radius: 0 0 24px 24px !important;
}

.tutor-course-details-title {
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
}

/* Course sidebar */
.tutor-course-details-sidebar .tutor-card {
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important;
}

/* Price display */
.tutor-course-sidebar-card-pricing .tutor-course-sidebar-card-sell-price,
.tutor-course-price .tutor-fs-4,
.tutor-price-preview {
    color: #10B981 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   RATINGS & STARS
   ========================================================================== */

.tutor-ratings-stars i,
.tutor-star-rating-group i,
.tutor-rating-stars i,
[class*="star-rating"] i,
.tutor-ratings .tutor-icon-star-line,
.tutor-ratings .tutor-icon-star-bold {
    color: #F59E0B !important;
}

/* ==========================================================================
   PROGRESS BARS
   ========================================================================== */

.tutor-progress-bar,
.tutor-progress-value,
[class*="progress-bar"],
.progress-bar {
    background: linear-gradient(90deg, #10B981 0%, #059669 100%) !important;
    border-radius: 999px !important;
}

.tutor-progress-bar-wrap,
.tutor-progress-wrapper {
    background: #E5E7EB !important;
    border-radius: 999px !important;
}

/* ==========================================================================
   BADGES & TAGS
   ========================================================================== */

.tutor-badge-primary,
.tutor-status-badge.success,
.badge-primary,
.tutor-badge-success {
    background: #D1FAE5 !important;
    color: #059669 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

.tutor-badge-secondary {
    background: #EDE9FE !important;
    color: #7C3AED !important;
}

/* ==========================================================================
   FORMS & INPUTS
   ========================================================================== */

.tutor-form-control,
.tutor-form-control:focus,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea,
select,
.form-control {
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 12px 16px !important;
    transition: all 0.2s ease !important;
}

.tutor-form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #10B981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15) !important;
    outline: none !important;
}

/* Checkboxes & Radio */
.tutor-form-check-input:checked,
input[type="checkbox"]:checked,
input[type="radio"]:checked {
    background-color: #10B981 !important;
    border-color: #10B981 !important;
}

/* ==========================================================================
   NAVIGATION & TABS
   ========================================================================== */

.tutor-nav-item.is-active .tutor-nav-link,
.tutor-nav-link.is-active,
.tutor-tab-item.is-active,
.nav-link.active,
.tutor-dashboard-menu-item.active a {
    color: #10B981 !important;
    border-color: #10B981 !important;
}

.tutor-nav-link:hover,
.tutor-tab-item:hover {
    color: #10B981 !important;
}

/* ==========================================================================
   DASHBOARD
   ========================================================================== */

.tutor-dashboard-header {
    background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%) !important;
}

.tutor-dashboard-menu-item a:hover,
.tutor-dashboard-menu-item.active a {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #10B981 !important;
}

.tutor-dashboard-menu-item.active a::before,
.tutor-dashboard-menu-item a:hover::before {
    background: #10B981 !important;
}

/* Stats cards */
.tutor-dashboard-info-card {
    border-radius: 16px !important;
    border: 1px solid #E5E7EB !important;
}

/* ==========================================================================
   INSTRUCTOR PROFILE
   ========================================================================== */

.tutor-instructor-cover {
    border-radius: 16px !important;
}

.tutor-instructor-avatar {
    border: 4px solid #fff !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15) !important;
}

/* ==========================================================================
   LESSON & CURRICULUM
   ========================================================================== */

.tutor-accordion-item {
    border-radius: 12px !important;
    border: 1px solid #E5E7EB !important;
    margin-bottom: 8px !important;
}

.tutor-course-topic-item:hover {
    background: rgba(16, 185, 129, 0.05) !important;
}

.tutor-course-topic-item.is-active {
    background: rgba(16, 185, 129, 0.1) !important;
    border-left: 3px solid #10B981 !important;
}

/* Lesson icons */
.tutor-icon-lesson-complete,
.tutor-lesson-complete-icon {
    color: #10B981 !important;
}

/* ==========================================================================
   ALERTS & NOTICES
   ========================================================================== */

.tutor-alert-success,
.alert-success,
.woocommerce-message {
    background: #D1FAE5 !important;
    border-color: #10B981 !important;
    color: #047857 !important;
    border-radius: 12px !important;
}

.tutor-alert-warning,
.alert-warning {
    border-radius: 12px !important;
}

/* ==========================================================================
   PAGINATION - Matching design-handoff
   ========================================================================== */

/* Pagination container spacing */
.tutor-pagination,
nav.navigation.pagination,
.tutorstarter-pagination {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 8px !important;
}

/* Courses Archive Pagination - Custom styled */
.courses-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 64px;
    padding-top: 32px;
    border-top: 1px solid #E5E7EB;
}

.pagination-info {
    color: #6B7280;
}

.pagination-buttons {
    display: flex;
    gap: 8px;
    align-items: center;
}

.pagination-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid #E5E7EB;
    color: #374151;
}

.pagination-btn:hover {
    border-color: #10B981;
    color: #10B981;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15);
}

.pagination-btn.active {
    background: linear-gradient(180deg, #10B981 0%, #059669 100%);
    border-color: #10B981;
    color: #fff;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35);
}

.pagination-btn.active:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.45);
    color: #fff;
}

.pagination-next {
    padding: 8px 24px;
    background: linear-gradient(180deg, #10B981 0%, #059669 100%);
    border-color: #10B981;
    color: #fff;
}

.pagination-next:hover {
    background: linear-gradient(180deg, #059669 0%, #047857 100%);
    color: #fff;
}

@media (max-width: 600px) {
    .courses-pagination {
        flex-direction: column;
        gap: 16px;
        text-align: center;
    }
    .pagination-btn {
        min-width: 42px;
        height: 42px;
        font-size: 14px;
    }
}

/* Base pagination item - be specific to avoid affecting other buttons */
.tutor-pagination .tutor-pagination-item,
nav.navigation.pagination .page-numbers,
.tutorstarter-pagination .page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 8px 16px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1.5px solid #E5E7EB !important;
    color: #374151 !important;
}

/* Active/Current pagination */
.tutor-pagination .tutor-pagination-item.is-active,
nav.navigation.pagination .page-numbers.current,
.tutorstarter-pagination .page-numbers.current {
    background: linear-gradient(180deg, #10B981 0%, #059669 100%) !important;
    border-color: #10B981 !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
}

/* Hover state */
.tutor-pagination .tutor-pagination-item:hover,
nav.navigation.pagination .page-numbers:hover,
.tutorstarter-pagination .page-numbers:hover {
    border-color: #10B981 !important;
    color: #10B981 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.15) !important;
}

/* ==========================================================================
   HEADER NAVIGATION (Parent Theme Override)
   ========================================================================== */

.site-header,
.tstarter-header,
header.header-default,
#masthead {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* Logo size - GLOBAL FIX */
.site-header img,
.site-header .custom-logo,
.site-header .site-logo img,
.site-branding img,
#masthead .custom-logo,
#masthead .site-logo img,
header .custom-logo-link img,
.header-default .custom-logo,
.custom-logo,
.custom-logo-link img,
img.custom-logo,
.site-logo img,
.logo img,
header img[class*="logo"],
.woocommerce-account .custom-logo,
.woocommerce-account header img,
.woocommerce-account .site-branding img,
body.woocommerce-account .custom-logo,
body.woocommerce-account .site-header img,
body.woocommerce-lost-password .custom-logo,
body.woocommerce-lost-password header img,
body.woocommerce-lost-password .site-branding img {
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
    max-width: 200px !important;
    object-fit: contain !important;
}

/* Nav links - default state: transparent border to prevent layout shift on hover */
.main-navigation a,
.primary-menu a,
.site-header nav a,
.site-header .nav a {
    border: 2px solid transparent !important;
}

.main-navigation a:hover,
.primary-menu a:hover,
.site-header nav a:hover,
.site-header .nav a:hover {
    color: #10B981 !important;
    background: #fff !important;
    border-color: #10B981 !important;
}

.main-navigation .current-menu-item > a,
.primary-menu .current-menu-item > a {
    color: #10B981 !important;
}

/* ==========================================================================
   FOOTER (Light Theme - matching design-handoff)
   ========================================================================== */

.site-footer,
#colophon,
footer.footer {
    padding: 72px 0 48px !important;
    background: linear-gradient(180deg, #F1F5F9 0%, #E2E8F0 100%) !important;
    border-top: 1px solid #E5E7EB !important;
    color: #111827 !important;
}

.site-footer .footer-title,
.site-footer h3,
.site-footer h4 {
    color: #111827 !important;
    font-weight: 900 !important;
}

.site-footer .footer-links a,
.site-footer a {
    color: #6B7280 !important;
}

.site-footer a:hover,
footer a:hover {
    color: #7C3AED !important;
}

.site-footer .small.muted,
.site-footer .muted,
.site-footer p {
    color: #6B7280 !important;
}

.site-footer .footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.04) !important;
    color: #6B7280 !important;
}

/* Footer social icons — now styled via embedded <style> in footer.php
   using .mc-social-* classes to avoid cache conflicts. */

/* ==========================================================================
   WOOCOMMERCE INTEGRATION
   ========================================================================== */

.woocommerce .price,
.woocommerce-Price-amount {
    color: #10B981 !important;
    font-weight: 700 !important;
}

.woocommerce .added_to_cart {
    background: #10B981 !important;
    color: #fff !important;
    border-radius: 12px !important;
}

/* Cart */
.woocommerce-cart .cart_item:hover {
    background: rgba(16, 185, 129, 0.05) !important;
}

/* ==========================================================================
   TUTOR LMS CHECKOUT PAGE STYLING - EXACT SELECTORS
   ========================================================================== */

/* Page background */
body.tutor-checkout-page {
    background: #F8FAFC !important;
}

/* Page title "Checkout" - h1.h1 */
.tutor-checkout-page h1.h1,
.page-content h1.h1,
article.page-content h1 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    font-style: normal !important;
    color: #1E293B !important;
    margin-bottom: 32px !important;
    letter-spacing: -0.02em !important;
}

/* Main container */
.tutor-checkout-page .tutor-container {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

.tutor-checkout-container {
    max-width: 100% !important;
}

/* Two column layout - OVERRIDE tutor grid system */
.tutor-checkout-container .tutor-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
    align-items: flex-start !important;
    margin: 0 !important;
}

.tutor-checkout-container .tutor-row > .tutor-col-md-6 {
    flex: 1 1 calc(50% - 16px) !important;
    max-width: calc(50% - 16px) !important;
    min-width: 320px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Reset TutorLMS column attributes */
.tutor-checkout-container [tutor-checkout-details] {
    width: 100% !important;
}

@media (max-width: 991px) {
    .tutor-checkout-container .tutor-row {
        flex-direction: column !important;
        gap: 24px !important;
    }
    
    .tutor-checkout-container .tutor-row > .tutor-col-md-6 {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
}

/* ============================================
   ORDER DETAILS PANEL (Left Column)
   ULTRA-SPECIFIC selectors to override TutorLMS
   ============================================ */

/* Full specificity chain from body to element */
body.tutor-checkout-page .tutor-checkout-page .tutor-container .tutor-checkout-container .tutor-checkout-details,
body.tutor-checkout-page .tutor-checkout-container .tutor-checkout-details,
body.tutor-checkout-page div.tutor-checkout-details,
body .tutor-checkout-page .tutor-checkout-details,
.tutor-checkout-page .tutor-checkout-details,
div.tutor-checkout-details,
.tutor-checkout-details {
    background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 28px !important;
    box-shadow: 
        inset 1px 1px 2px rgba(255, 255, 255, 0.8),
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 4px 8px rgba(0, 0, 0, 0.03),
        0 8px 16px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 0 !important;
}

body.tutor-checkout-page .tutor-checkout-details-inner,
.tutor-checkout-details-inner {
    padding: 0 !important;
}

/* "Order Details" heading - h5.tutor-fs-5 */
body.tutor-checkout-page .tutor-checkout-details h5.tutor-fs-5,
body.tutor-checkout-page .tutor-checkout-details-inner > h5,
.tutor-checkout-details h5.tutor-fs-5,
.tutor-checkout-details-inner > h5 {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #1E293B !important;
    margin: 0 0 20px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #E2E8F0 !important;
}

/* Course item */
body.tutor-checkout-page .tutor-checkout-course-item,
.tutor-checkout-course-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 16px 0 !important;
    border-bottom: 1px solid #F1F5F9 !important;
}

body.tutor-checkout-page .tutor-checkout-course-content,
.tutor-checkout-course-content {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 16px !important;
}

body.tutor-checkout-page .tutor-checkout-course-thumb-title,
.tutor-checkout-course-thumb-title {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex: 1 !important;
}

.tutor-checkout-course-thumb-title img {
    width: 60px !important;
    height: 60px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    flex-shrink: 0 !important;
}

.tutor-checkout-course-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

.tutor-checkout-course-title a {
    color: #1E293B !important;
    text-decoration: none !important;
}

.tutor-checkout-course-title a:hover {
    color: #10B981 !important;
}

/* Price display */
.tutor-checkout-course-content .tutor-text-right {
    text-align: right !important;
}

.tutor-checkout-course-content .tutor-fw-bold {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #10B981 !important;
}

.tutor-checkout-discount-price {
    font-size: 13px !important;
    color: #94A3B8 !important;
    text-decoration: line-through !important;
}

/* Summary section */
.tutor-checkout-summary {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid #E2E8F0 !important;
}

.tutor-checkout-summary-item {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 0 !important;
    font-size: 15px !important;
    color: #475569 !important;
}

.tutor-checkout-summary-item .tutor-fw-bold {
    color: #1E293B !important;
    font-weight: 600 !important;
}

/* Grand Total */
.tutor-checkout-grand-total {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #10B981 !important;
}

/* Coupon link */
.tutor-have-a-coupon .tutor-btn-link {
    color: #10B981 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

.tutor-have-a-coupon .tutor-btn-link:hover {
    text-decoration: underline !important;
}

/* Apply coupon form */
.tutor-apply-coupon-form {
    display: flex !important;
    gap: 12px !important;
    margin-top: 12px !important;
}

.tutor-apply-coupon-form input {
    flex: 1 !important;
    height: 44px !important;
    padding: 10px 14px !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

.tutor-apply-coupon-form .tutor-btn-secondary {
    background: #10B981 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}

/* ============================================
   BILLING ADDRESS PANEL (Right Column)
   ULTRA-SPECIFIC selectors to override TutorLMS
   ============================================ */

body.tutor-checkout-page .tutor-checkout-page .tutor-container .tutor-checkout-container .tutor-checkout-billing,
body.tutor-checkout-page .tutor-checkout-container .tutor-checkout-billing,
body.tutor-checkout-page div.tutor-checkout-billing,
body .tutor-checkout-page .tutor-checkout-billing,
.tutor-checkout-page .tutor-checkout-billing,
div.tutor-checkout-billing,
.tutor-checkout-billing {
    background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 28px !important;
    box-shadow: 
        inset 1px 1px 2px rgba(255, 255, 255, 0.8),
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 4px 8px rgba(0, 0, 0, 0.03),
        0 8px 16px rgba(0, 0, 0, 0.02) !important;
    margin-bottom: 0 !important;
}

body.tutor-checkout-page .tutor-checkout-billing-inner,
.tutor-checkout-billing-inner {
    padding: 0 !important;
}

/* "Billing Address" heading */
body.tutor-checkout-page .tutor-checkout-billing h5.tutor-fs-5,
body.tutor-checkout-page .tutor-checkout-billing-inner > h5,
.tutor-checkout-billing h5.tutor-fs-5,
.tutor-checkout-billing-inner > h5 {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #1E293B !important;
    margin: 0 0 24px 0 !important;
}

/* Form labels */
body.tutor-checkout-page .tutor-billing-fields .tutor-form-label,
.tutor-billing-fields .tutor-form-label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    margin-bottom: 8px !important;
}

/* Form inputs - tutor-form-control */
body.tutor-checkout-page .tutor-checkout-billing .tutor-form-control,
body.tutor-checkout-page .tutor-billing-fields .tutor-form-control,
body.tutor-checkout-page .tutor-checkout-billing input[type="text"],
body.tutor-checkout-page .tutor-checkout-billing input[type="email"],
body.tutor-checkout-page .tutor-checkout-billing select,
body.tutor-checkout-page input.tutor-form-control,
.tutor-checkout-billing .tutor-form-control,
.tutor-billing-fields .tutor-form-control,
.tutor-checkout-billing input[type="text"],
.tutor-checkout-billing input[type="email"],
.tutor-checkout-billing select {
    width: 100% !important;
    height: 48px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-family: 'Inter', sans-serif !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #1E293B !important;
    transition: all 0.2s ease !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

body.tutor-checkout-page .tutor-checkout-billing .tutor-form-control:focus,
body.tutor-checkout-page .tutor-billing-fields .tutor-form-control:focus,
.tutor-checkout-billing .tutor-form-control:focus,
.tutor-billing-fields .tutor-form-control:focus {
    outline: none !important;
    border-color: #10B981 !important;
    box-shadow: 
        0 0 0 3px rgba(16, 185, 129, 0.15),
        inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

body.tutor-checkout-page .tutor-checkout-billing .tutor-form-control::placeholder,
.tutor-checkout-billing .tutor-form-control::placeholder {
    color: #94A3B8 !important;
}

/* Form grid */
body.tutor-checkout-page .tutor-billing-fields .tutor-row,
.tutor-billing-fields .tutor-row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin: 0 -8px !important;
}

body.tutor-checkout-page .tutor-billing-fields .tutor-col-12,
.tutor-billing-fields .tutor-col-12 {
    padding: 0 8px !important;
}

body.tutor-checkout-page .tutor-billing-fields .tutor-col-sm-6,
body.tutor-checkout-page .tutor-billing-fields .tutor-col-lg-6,
.tutor-billing-fields .tutor-col-sm-6,
.tutor-billing-fields .tutor-col-lg-6 {
    padding: 0 8px !important;
}

.tutor-billing-fields .tutor-mb-16 {
    margin-bottom: 16px !important;
}

/* ============================================
   PAYMENT METHOD SECTION
   ============================================ */

.tutor-payment-method-wrapper {
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid #E2E8F0 !important;
}

.tutor-payment-method-wrapper > h5 {
    font-family: 'Inter', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #1E293B !important;
    margin: 0 0 16px 0 !important;
}

/* Payment options container */
.tutor-checkout-payment-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

/* Payment option item */
.tutor-checkout-payment-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 20px !important;
    background: #fff !important;
    border: 2px solid #E2E8F0 !important;
    border-radius: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.tutor-checkout-payment-item:hover {
    border-color: #10B981 !important;
    background: rgba(16, 185, 129, 0.02) !important;
}

.tutor-checkout-payment-item.active {
    border-color: #10B981 !important;
    background: linear-gradient(145deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.04) 100%) !important;
}

.tutor-checkout-payment-item .tutor-form-check-input {
    width: 20px !important;
    height: 20px !important;
    accent-color: #10B981 !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.tutor-payment-item-content {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-weight: 600 !important;
    color: #1E293B !important;
}

.tutor-payment-item-content img {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
}

/* Payment instructions box */
.tutor-payment-instructions {
    background: #F8FAFC !important;
    border: 1px solid #E2E8F0 !important;
    border-radius: 12px !important;
    padding: 16px !important;
    font-size: 14px !important;
    color: #64748B !important;
    line-height: 1.6 !important;
}

.tutor-payment-instructions p {
    margin: 0 !important;
}

/* ============================================
   TERMS CHECKBOX
   ============================================ */

.tutor-checkout-billing .tutor-form-check {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    margin-top: 20px !important;
    padding: 16px !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
}

.tutor-checkout-billing .tutor-form-check-input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    border: 2px solid #CBD5E1 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    accent-color: #10B981 !important;
    margin: 2px 0 0 0 !important;
}

.tutor-checkout-billing .tutor-form-check label {
    font-size: 14px !important;
    color: #64748B !important;
    line-height: 1.5 !important;
    cursor: pointer !important;
}

.tutor-checkout-billing .tutor-form-check label .tutor-color-primary,
.tutor-checkout-billing .tutor-form-check label a {
    color: #10B981 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.tutor-checkout-billing .tutor-form-check label a:hover {
    text-decoration: underline !important;
}

/* ============================================
   PAY NOW BUTTON
   ============================================ */

#tutor-checkout-pay-now-button,
.tutor-checkout-billing button[type="submit"],
button.tutor-btn-primary.tutor-btn-lg.tutor-w-100 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 56px !important;
    padding: 0 32px !important;
    margin-top: 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    color: #fff !important;
    background: linear-gradient(180deg, #10B981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 999px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.25),
        0 4px 12px rgba(16, 185, 129, 0.3),
        0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

#tutor-checkout-pay-now-button:hover,
.tutor-checkout-billing button[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.25),
        0 8px 20px rgba(16, 185, 129, 0.4),
        0 4px 8px rgba(0, 0, 0, 0.1) !important;
}

#tutor-checkout-pay-now-button:active {
    transform: translateY(0) !important;
}

/* ============================================
   MOBILE RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .tutor-checkout-details,
    .tutor-checkout-billing {
        padding: 20px !important;
        border-radius: 16px !important;
    }
    
    .tutor-checkout-course-thumb-title img {
        width: 50px !important;
        height: 50px !important;
    }
    
    .tutor-checkout-page h1.h1 {
        font-size: 28px !important;
    }
    
    #tutor-checkout-pay-now-button {
        height: 52px !important;
        font-size: 15px !important;
    }
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 991px) {
    .tutor-card,
    .tutor-course-card {
        border-radius: 12px !important;
    }
    
    .tutor-btn-primary {
        padding: 10px 20px !important;
    }
}

/* Old duplicate checkout selectors removed - correct selectors are in TUTOR CHECKOUT PAGE section above */

/* WooCommerce checkout overrides (if using WC) */
.woocommerce-checkout #payment {
    border-radius: 16px !important;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 991px) {
    .tutor-card,
    .tutor-course-card {
        border-radius: 12px !important;
    }
    
    .tutor-btn-primary {
        padding: 10px 20px !important;
    }
}

/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */

.text-primary,
.mc-text-primary {
    color: #10B981 !important;
}

.bg-primary,
.mc-bg-primary {
    background-color: #10B981 !important;
}

.border-primary,
.mc-border-primary {
    border-color: #10B981 !important;
}

/* ==========================================================================
   WP-LOGIN PAGE CUSTOMIZATION
   ========================================================================== */

body.login {
    background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

body.login #login {
    padding: 8% 0 0 !important;
}

body.login #login h1 a {
    background-image: url('../img/logo-modusclass.svg') !important;
    background-size: contain !important;
    background-position: center !important;
    width: 200px !important;
    height: 60px !important;
    margin-bottom: 20px !important;
}

body.login form {
    background: #fff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
    padding: 26px 24px !important;
}

body.login form .input,
body.login form input[type="text"],
body.login form input[type="password"],
body.login form input[type="email"] {
    height: 48px !important;
    border-radius: 12px !important;
    border: 1px solid #E5E7EB !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.login form .input:focus,
body.login form input:focus {
    border-color: #10B981 !important;
    box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15) !important;
    outline: none !important;
}

body.login form .button-primary,
body.login #wp-submit {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    border: none !important;
    border-radius: 12px !important;
    height: 48px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-shadow: none !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
    transition: all 0.3s ease !important;
}

body.login form .button-primary:hover,
body.login #wp-submit:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;
}

body.login #nav,
body.login #backtoblog {
    text-align: center !important;
}

body.login #nav a,
body.login #backtoblog a {
    color: #6B7280 !important;
    text-decoration: none !important;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
    color: #10B981 !important;
}

body.login .message,
body.login .success {
    border-left-color: #10B981 !important;
    border-radius: 8px !important;
}

body.login #login_error {
    border-left-color: #EF4444 !important;
    border-radius: 8px !important;
}

/* ==========================================================================
   BREADCRUMBS - HIDE PLUGIN BREADCRUMBS, KEEP OURS
   ========================================================================== */

/* Hide breadcrumbs from plugins (Yoast, RankMath, etc) */
.yoast-breadcrumbs,
.rank-math-breadcrumb,
.woocommerce-breadcrumb,
nav.breadcrumb:not(.page-hero nav.breadcrumbs),
.breadcrumb-trail,
#breadcrumbs:not(.page-hero #breadcrumbs) {
    display: none !important;
}

/* Hide TutorLMS breadcrumbs (they appear outside page-hero) */
.tutor-breadcrumb,
.tutor-course-details-page > nav.breadcrumb,
.tutor-wrap > nav.breadcrumb {
    display: none !important;
}

/* Style our custom breadcrumbs in page-hero (nav.breadcrumbs) */
.page-hero .breadcrumbs,
.page-hero nav.breadcrumbs {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
}

.page-hero .breadcrumbs a,
.page-hero nav.breadcrumbs a {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.page-hero .breadcrumbs a:hover,
.page-hero nav.breadcrumbs a:hover {
    color: #fff !important;
}

.page-hero .breadcrumbs ol,
.page-hero nav.breadcrumbs ol {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
}

.page-hero .breadcrumbs ol li,
.page-hero nav.breadcrumbs ol li {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(255, 255, 255, 0.6) !important;
}

.page-hero .breadcrumbs ol li::before,
.page-hero nav.breadcrumbs ol li::before {
    content: none !important;
}

.page-hero .breadcrumbs ol li + li::before,
.page-hero nav.breadcrumbs ol li + li::before {
    content: "›" !important;
    color: rgba(255, 255, 255, 0.4) !important;
    margin-right: 8px !important;
}

/* ==========================================================================
   REGISTRATION PAGE - Cards, Buttons, Badges
   ========================================================================== */

/* Registration options grid */
.reg-options {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 32px !important;
    max-width: 900px !important;
    margin: 0 auto !important;
}

@media (max-width: 768px) {
    .reg-options {
        grid-template-columns: 1fr !important;
    }
}

/* Registration card base */
.reg-card {
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
    background: #fff !important;
    border-radius: 20px !important;
    padding: 32px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #E5E7EB !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

.reg-card:hover {
    transform: translateY(-6px) !important;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1) !important;
}

/* Featured card - purple border */
.reg-card-featured {
    border: 2px solid #8B5CF6 !important;
}

.reg-card-featured:hover {
    box-shadow: 0 12px 40px rgba(139, 92, 246, 0.2) !important;
}

/* Популарно badge */
.reg-badge {
    position: absolute !important;
    top: -12px !important;
    right: 24px !important;
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 16px !important;
    border-radius: 20px !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.4) !important;
}

/* Registration icons */
.reg-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.3s ease !important;
}

.reg-card:hover .reg-icon {
    transform: scale(1.1) !important;
}

.reg-icon-user {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3) !important;
}

.reg-icon-creator {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%) !important;
    box-shadow: 0 4px 12px rgba(139, 92, 246, 0.3) !important;
}

/* Registration content */
.reg-content {
    flex: 1 !important;
}

.reg-content .h3 {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
    color: #111827 !important;
}

.reg-content .muted {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #6B7280 !important;
    margin-bottom: 16px !important;
}

/* Registration feature list */
.reg-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px 0 !important;
}

.reg-list li {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    color: #374151 !important;
    padding: 6px 0 !important;
}

.reg-list li svg {
    color: #10B981 !important;
    flex-shrink: 0 !important;
}

/* Registration buttons */
.reg-card .btn,
.reg-content .btn {
    width: 100% !important;
    justify-content: center !important;
    border-radius: 12px !important;
    padding: 14px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.reg-card .btn-primary {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
}

.reg-card .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;
}

/* Creator card button - purple */
.reg-card-featured .btn-primary,
.reg-card-featured .btn {
    background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%) !important;
    box-shadow: 0 4px 14px rgba(139, 92, 246, 0.3) !important;
}

.reg-card-featured .btn-primary:hover,
.reg-card-featured .btn:hover {
    box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4) !important;
}

/* Registration footer link */
.reg-footer {
    text-align: center !important;
    margin-top: 32px !important;
    font-size: 14px !important;
    color: #6B7280 !important;
}

.reg-footer a {
    color: #10B981 !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   FOOTER - FORCE LIGHT THEME (MAXIMUM SPECIFICITY)
   ========================================================================== */

/* Remove dark background from ALL footer elements */
footer,
.site-footer,
#colophon,
body footer,
body .site-footer,
body #colophon,
html body footer,
html body .site-footer,
html body #colophon,
#page footer,
#page .site-footer,
#page #colophon,
.site > footer,
footer.site-footer,
footer#colophon,
[class*="footer"]:not(.footer-links):not(.footer-grid):not(.footer-bottom):not(.footer-title),
.footer-wrapper,
.footer-area,
.site-footer-wrapper {
    background: #F8FAFC !important;
    background-color: #F8FAFC !important;
    background-image: none !important;
    border-top: 1px solid #E5E7EB !important;
    color: #374151 !important;
    padding: 60px 0 40px !important;
}

/* Override any gradient background on footer */
footer::before,
footer::after,
.site-footer::before,
.site-footer::after,
#colophon::before,
#colophon::after {
    display: none !important;
    background: none !important;
}

/* Footer container */
footer .container,
footer .footer-container,
.site-footer .container,
#colophon .container {
    background: transparent !important;
}

/* Footer text - dark for light background */
footer *,
.site-footer *,
#colophon * {
    color: #374151 !important;
}

/* Footer headings */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.site-footer h1, .site-footer h2, .site-footer h3, .site-footer h4, .site-footer h5, .site-footer h6,
#colophon h1, #colophon h2, #colophon h3, #colophon h4, #colophon h5, #colophon h6,
footer .footer-title,
.site-footer .footer-title {
    color: #111827 !important;
    font-weight: 700 !important;
}

/* Footer links */
footer a,
.site-footer a,
#colophon a {
    color: #6B7280 !important;
}

footer a:hover,
.site-footer a:hover,
#colophon a:hover {
    color: #10B981 !important;
}

/* Footer muted text */
footer p,
footer .small,
footer .muted,
.site-footer p,
#colophon p {
    color: #6B7280 !important;
}

/* Footer bottom bar */
footer .footer-bottom,
.site-footer .footer-bottom,
#colophon .footer-bottom {
    border-top: 1px solid #E5E7EB !important;
    margin-top: 40px !important;
    padding-top: 24px !important;
}

/* Newsletter input in footer */
footer input[type="email"],
footer input[type="text"],
.site-footer input[type="email"] {
    background: #fff !important;
    border: 1px solid #D1D5DB !important;
    color: #111827 !important;
}

/* Newsletter button */
footer .btn,
footer button,
.site-footer .btn,
.site-footer button[type="submit"] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
    border: none !important;
}

/* Logo in footer - ensure visibility */
footer img,
footer .brand-logo,
.site-footer img,
.site-footer .brand-logo {
    filter: none !important;
    opacity: 1 !important;
}

/* ==========================================================================
   TUTORSTARTER PARENT THEME FOOTER OVERRIDES
   These target the specific parent theme footer classes
   ========================================================================== */

/* Parent theme footer widgets section */
.footer-widgets,
.footer-alternative,
section.footer-widgets,
section.footer-alternative,
.footer-widgets.footer-alternative {
    background: #F8FAFC !important;
    background-color: #F8FAFC !important;
    background-image: none !important;
    padding: 60px 0 !important;
}

/* Parent theme footer bottom section */
.footer-bottom-area,
section.footer-bottom-area,
.site-footer-bottom {
    background: #F1F5F9 !important;
    background-image: none !important;
    border-top: 1px solid #E5E7EB !important;
}

/* All text in parent footer */
.footer-widgets *,
.footer-alternative *,
.footer-bottom-area * {
    color: #374151 !important;
}

/* Parent footer headings */
.footer-widgets h1, .footer-widgets h2, .footer-widgets h3, 
.footer-widgets h4, .footer-widgets h5, .footer-widgets h6,
.footer-widgets .widget-title,
.footer-alternative .widget-title {
    color: #111827 !important;
    font-weight: 700 !important;
}

/* Parent footer links */
.footer-widgets a,
.footer-alternative a,
.footer-bottom-area a {
    color: #6B7280 !important;
}

.footer-widgets a:hover,
.footer-alternative a:hover {
    color: #10B981 !important;
}

/* ==========================================================================
   REGISTRATION PAGE BUTTONS FIX
   ========================================================================== */

.reg-card,
.registration-card,
[class*="registration"] .panel,
.tpl-signup .panel {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #E5E7EB !important;
}

.reg-card .btn,
.registration-card .btn,
[class*="registration"] .btn,
.tpl-signup .btn {
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 14px 28px !important;
    transition: all 0.3s ease !important;
}

.reg-card .btn-primary,
.registration-card .btn-primary,
[class*="registration"] .btn-primary,
.tpl-signup .btn-primary {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
}

.reg-card .btn-primary:hover,
[class*="registration"] .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.4) !important;
}

.reg-card .btn-outline,
.registration-card .btn-outline,
[class*="registration"] .btn-outline,
.tpl-signup .btn-outline {
    background: transparent !important;
    border: 2px solid #E5E7EB !important;
    color: #374151 !important;
}

.reg-card .btn-outline:hover,
[class*="registration"] .btn-outline:hover {
    border-color: #10B981 !important;
    color: #10B981 !important;
}

/* TutorLMS registration form */
.tutor-registration-form .btn,
.tutor-form .tutor-btn,
#tutor-registration-form button,
.student-registration .btn {
    border-radius: 12px !important;
    font-weight: 600 !important;
    padding: 14px 28px !important;
}

.tutor-registration-form .btn-primary,
.tutor-form .tutor-btn-primary,
#tutor-registration-form button[type="submit"] {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3) !important;
}

/* ==========================================================================
   TUTOR DASHBOARD STYLES
   ========================================================================== */

.tutor-dashboard,
.tutor-frontend-dashboard {
    background: linear-gradient(135deg, #f8f9fa 0%, #f0f4f8 100%) !important;
}

.tutor-dashboard-left-menu {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

.tutor-dashboard-permalinks li a,
.tutor-dashboard-menu-item a {
    color: #4B5563 !important;
    padding: 12px 20px !important;
    border-left: 3px solid transparent !important;
    transition: all 0.2s ease !important;
}

.tutor-dashboard-permalinks li a:hover,
.tutor-dashboard-menu-item a:hover {
    background: rgba(16, 185, 129, 0.06) !important;
    color: #10B981 !important;
}

.tutor-dashboard-permalinks li.active a,
.tutor-dashboard-menu-item.active a {
    background: linear-gradient(90deg, rgba(16, 185, 129, 0.12) 0%, transparent 100%) !important;
    color: #10B981 !important;
    border-left-color: #10B981 !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   SINGLE COURSE - INSTRUCTOR SECTION
   Matching design-handoff/course.html instructor panel
   ========================================================================== */

/* Instructor panel styling */
#instructor.panel {
    padding: 24px !important;
}

#instructor .split {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

/* Instructor avatar/badge - matching design */
#instructor .brand-badge,
#instructor .instructor-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 50% !important;
    border: 1px solid var(--color-border, #E5E7EB) !important;
    background: linear-gradient(135deg, var(--color-secondary-tint, #EDE9FE) 0%, #fff 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    color: var(--color-secondary, #8B5CF6) !important;
    overflow: hidden !important;
}

/* Avatar image inside badge */
#instructor .brand-badge img,
#instructor .instructor-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
}

/* Instructor name styling */
#instructor .instructor-name,
#instructor [style*="font-weight:900"] {
    font-weight: 900 !important;
    color: #111827 !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
}

/* Job title muted text */
#instructor .small.muted {
    color: #6B7280 !important;
    font-size: 14px !important;
}

/* Instructor bio */
#instructor .p.muted {
    color: #6B7280 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

/* More button - outline style matching design */
#instructor .btn.btn-outline {
    min-height: 40px !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1.5px solid #E5E7EB !important;
    color: #374151 !important;
}

#instructor .btn.btn-outline:hover {
    border-color: #10B981 !important;
    color: #10B981 !important;
}

/* ==========================================================================
   WISHLIST BUTTON STYLES
   ========================================================================== */

.tutor-course-wishlist-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.tutor-course-wishlist-btn .wishlist-icon {
    display: flex;
    align-items: center;
}

.tutor-course-wishlist-btn .wishlist-icon svg {
    transition: all 0.2s ease;
}

/* Wishlisted state - red heart */
.tutor-course-wishlist-btn.is-wishlisted {
    background: #FEF2F2 !important;
    border-color: #EF4444 !important;
    color: #EF4444 !important;
}

.tutor-course-wishlist-btn.is-wishlisted:hover {
    background: #FEE2E2 !important;
    border-color: #DC2626 !important;
    color: #DC2626 !important;
}

/* ==========================================================================
   WOOCOMMERCE MY ACCOUNT & AUTH PAGES
   ========================================================================== */

/* Lost Password / Reset Password Pages */
.woocommerce-ResetPassword,
.woocommerce-lost-password,
.lost_reset_password {
    max-width: 100% !important;
    padding: 0 !important;
}

/* WooCommerce Notices */
.woocommerce-message,
.woocommerce-info {
    background: linear-gradient(135deg, #D1FAE5, rgba(16,185,129,0.1)) !important;
    border: 1px solid rgba(16,185,129,0.3) !important;
    color: #065F46 !important;
    padding: 16px 20px !important;
    border-radius: 16px !important;
    margin-bottom: 24px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
    color: #10B981 !important;
}

.woocommerce-error {
    background: rgba(239, 68, 68, 0.1) !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
    color: #DC2626 !important;
    padding: 16px 20px !important;
    border-radius: 16px !important;
    margin-bottom: 24px !important;
    list-style: none !important;
}

.woocommerce-error li {
    margin: 0 !important;
    padding: 0 !important;
}

/* WooCommerce Form Inputs */
.woocommerce input[type="text"],
.woocommerce input[type="email"],
.woocommerce input[type="password"],
.woocommerce input[type="tel"],
.woocommerce input[type="number"],
.woocommerce textarea,
.woocommerce select {
    width: 100% !important;
    padding: 14px 18px !important;
    font-size: 15px !important;
    border: 2px solid #E5E7EB !important;
    border-radius: 16px !important;
    background: #fff !important;
    transition: all 0.2s ease !important;
    font-family: 'Inter', sans-serif !important;
}

.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus {
    border-color: #10B981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
    outline: none !important;
}

.woocommerce input::placeholder {
    color: #9CA3AF !important;
}

/* WooCommerce Form Labels */
.woocommerce form .form-row label {
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

.woocommerce form .form-row .required {
    color: #EF4444 !important;
}

/* WooCommerce Buttons */
.woocommerce .button,
.woocommerce-page .button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 4px 14px rgba(16, 185, 129, 0.35) !important;
}

.woocommerce .button:hover,
.woocommerce-page .button:hover {
    background: linear-gradient(180deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25), 0 6px 20px rgba(16, 185, 129, 0.45) !important;
}

/* My Account page wrapper cleanup */
.woocommerce-account .woocommerce {
    padding: 0 !important;
}

.woocommerce-account .entry-content {
    padding: 0 !important;
}

/* Hide default WooCommerce titles on auth pages */
.woocommerce-account .entry-header,
.woocommerce-account article header,
.woocommerce-account .page-title,
.woocommerce-account .entry-title,
.woocommerce-account > .woocommerce > h2,
.woocommerce-account .woocommerce > h2:first-child,
article.page .entry-header,
.woocommerce-account article.page > header,
.woocommerce-account .entry-content > h2:first-child,
.woocommerce-account .woocommerce-form-login h2,
.woocommerce-account .woocommerce-form-register h2,
.woocommerce-account #primary > article > header,
.woocommerce-lost-password .woocommerce h2,
.woocommerce-reset-password .woocommerce h2,
body.woocommerce-account h2.entry-title,
body.woocommerce-account article > header.entry-header,
body.woocommerce-account .hentry > header {
    display: none !important;
}

/* Fix logo size on my-account pages */
.woocommerce-account .site-header .custom-logo,
.woocommerce-account .site-header .site-logo img,
.woocommerce-account header .custom-logo,
.woocommerce-account #masthead .custom-logo,
.woocommerce-account .site-branding img {
    max-height: 50px !important;
    width: auto !important;
    height: auto !important;
}

/* Ensure the page-hero shows correctly on WooCommerce pages */
.woocommerce-account main > .page-hero:first-child,
.woocommerce main > .page-hero:first-child {
    margin-top: 0;
}

/* WooCommerce page content wrapper */
.woocommerce-account #primary,
.woocommerce-account .site-main,
.woocommerce-account article.page {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* Remove default page padding/margin for auth pages */
.woocommerce-account.woocommerce-lost-password #content,
.woocommerce-account.woocommerce-lost-password .site-content,
.woocommerce-account.woocommerce-reset-password #content,
.woocommerce-account.woocommerce-reset-password .site-content {
    padding: 0 !important;
}

/* ==========================================================================
   CTA SECTION TEXT COLORS - Force white text on dark background
   ========================================================================== */

.section-cta,
.section-cta * {
    color: #fff !important;
}

.section-cta h1,
.section-cta h2,
.section-cta h3,
.section-cta h4,
.section-cta .h1,
.section-cta .h2,
.section-cta .h3 {
    color: #fff !important;
}

.section-cta p,
.section-cta .p,
.section-cta .muted,
.section-cta span:not(.btn) {
    color: rgba(255, 255, 255, 0.9) !important;
}

.section-cta .btn-outline {
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.section-cta .btn-outline:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.6) !important;
}

/* CTA Section Responsive Layout */
.section-cta .cta-content {
    display: grid !important;
    grid-template-columns: 1.2fr 0.8fr !important;
    gap: 32px !important;
    align-items: center !important;
}

@media (max-width: 991px) {
    .section-cta .cta-content {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        text-align: center !important;
    }
    
    .section-cta .cta-content > div:last-child {
        justify-content: center !important;
    }
    
    .section-cta .h2,
    .section-cta h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 576px) {
    .section-cta {
        padding: 48px 0 !important;
    }
    
    .section-cta .cta-content {
        gap: 20px !important;
    }
    
    .section-cta .h2,
    .section-cta h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    .section-cta .p,
    .section-cta p {
        font-size: 15px !important;
    }
    
    .section-cta .cta-content > div:last-child {
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }
    
    .section-cta .btn {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ==========================================================================
   NUCLEAR OVERRIDE: TutorLMS Checkout Page - Maximum Specificity
   These selectors use attribute selectors + class chains for absolute override
   ========================================================================== */

/* Order Details Panel - NUCLEAR */
html body.tutor-checkout-page div.tutor-checkout-page div.tutor-container div.tutor-checkout-container form div.tutor-row div[class*="tutor-col"] div.tutor-checkout-details,
html body.tutor-checkout-page div[class="tutor-checkout-details"],
body[class*="tutor-checkout"] div[class="tutor-checkout-details"],
[class="tutor-checkout-details"] {
    background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 28px !important;
    box-shadow: 
        inset 1px 1px 2px rgba(255, 255, 255, 0.8),
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 4px 8px rgba(0, 0, 0, 0.03),
        0 8px 16px rgba(0, 0, 0, 0.02) !important;
}

/* Billing Address Panel - NUCLEAR */
html body.tutor-checkout-page div.tutor-checkout-page div.tutor-container div.tutor-checkout-container form div.tutor-row div[class*="tutor-col"] div.tutor-checkout-billing,
html body.tutor-checkout-page div[class="tutor-checkout-billing"],
body[class*="tutor-checkout"] div[class="tutor-checkout-billing"],
[class="tutor-checkout-billing"] {
    background: linear-gradient(145deg, #ffffff 0%, #fafbfc 100%) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 28px !important;
    box-shadow: 
        inset 1px 1px 2px rgba(255, 255, 255, 0.8),
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 4px 8px rgba(0, 0, 0, 0.03),
        0 8px 16px rgba(0, 0, 0, 0.02) !important;
}

/* Form inputs - NUCLEAR */
html body.tutor-checkout-page input[class*="tutor-form-control"],
html body.tutor-checkout-page select[class*="tutor-form-control"],
body[class*="tutor-checkout"] input.tutor-form-control,
body[class*="tutor-checkout"] select.tutor-form-control {
    width: 100% !important;
    height: 48px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-family: 'Inter', sans-serif !important;
    border: 1.5px solid #E2E8F0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #1E293B !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    box-sizing: border-box !important;
}

/* Pay Now Button - NUCLEAR */
html body.tutor-checkout-page button#tutor-checkout-pay-now-button,
html body[class*="tutor-checkout"] #tutor-checkout-pay-now-button,
body #tutor-checkout-pay-now-button,
button#tutor-checkout-pay-now-button {
    background: linear-gradient(135deg, #10B981 0%, #059669 100%) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 16px 32px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

html body.tutor-checkout-page button#tutor-checkout-pay-now-button:hover,
html body[class*="tutor-checkout"] #tutor-checkout-pay-now-button:hover,
button#tutor-checkout-pay-now-button:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.5) !important;
}

/* Payment method items - NUCLEAR */
html body.tutor-checkout-page label.tutor-checkout-payment-item,
body[class*="tutor-checkout"] label.tutor-checkout-payment-item,
label.tutor-checkout-payment-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 16px 20px !important;
    background: #fff !important;
    border: 2px solid #E2E8F0 !important;
    border-radius: 14px !important;
    cursor: pointer !important;
}

html body.tutor-checkout-page label.tutor-checkout-payment-item.active,
body[class*="tutor-checkout"] label.tutor-checkout-payment-item.active,
label.tutor-checkout-payment-item.active {
    border-color: #10B981 !important;
    background: linear-gradient(145deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.04) 100%) !important;
}