/*
Theme Name: NivTech Theme
Theme URI: https://nivtechtutors.com
Author: NivTech
Description: Custom theme for NivTech Tutors platform
Version: 1.0
*/
 
 
/* ======================================================
   NATIVE REVIEWS DARK THEME - FINAL CUSTOMIZATION
   ====================================================== */

/* 1. HEADING: "Leave a Reply" */
.native-reviews-container #reply-title.comment-reply-title {
    color: #ffffff !important; /* Force white color */
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    margin-bottom: 25px !important;
    display: block !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* 2. HIDE LOGGED IN INFO (Edit Profile, Logout, etc.) */
.native-reviews-container .logged-in-as {
    display: none !important;
}

/* 3. STAR RATING: Large & Hand Pointing Cursor */
.native-reviews-container .star-rating-input {
    display: flex !important;
    gap: 12px !important;
    margin: 15px 0 25px 0 !important;
}

.native-reviews-container .star {
    font-size: 42px !important; /* Extra large stars */
    color: #334155; /* Default dim slate color */
    transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* CURSOR: Hand pointing with index finger */
    cursor: pointer !important; 
}

/* Hover and Active states for stars */
.native-reviews-container .star:hover {
    transform: scale(1.2);
    color: #fbbf24 !important; /* Preview gold on hover */
}

.native-reviews-container .star.active,
.native-reviews-container .star.selected {
    color: #facc15 !important; /* Bright gold for selected stars */
    text-shadow: 0 0 15px rgba(250, 204, 21, 0.5);
}

/* 4. FORM CLEANUP */
.native-reviews-container .required-field-message {
    display: none !important;
}

/* 5. TEXTAREA (Comment Box) */
.native-reviews-container #commentform textarea#comment {
    background: #020617 !important; /* Deep dark background */
    border: 1px solid #334155 !important;
    color: #f8fafc !important;
    border-radius: 12px !important;
    padding: 18px !important;
    font-size: 16px !important;
    min-height: 150px !important;
    width: 100% !important;
    transition: border-color 0.3s ease;
}

.native-reviews-container #commentform textarea#comment:focus {
    border-color: #3b82f6 !important; /* Blue focus glow */
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2) !important;
}

/* 6. SUBMIT BUTTON */
.native-reviews-container #submit {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    color: #ffffff !important;
    border: none !important;
    padding: 14px 35px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(37, 99, 235, 0.4) !important;
}

.native-reviews-container #submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 99, 235, 0.6) !important;
    filter: brightness(1.1);
}

/* 7. TURNSTILE WIDGET SPACING */
.native-reviews-container .cf-turnstile {
    margin: 20px 0 !important;
}





















/* Hide the entire 'Logged in as' paragraph including profile and logout links */
.native-reviews-container .logged-in-as {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Also hide the 'Required fields' sub-span inside that paragraph if it lingers */
.native-reviews-container .required-field-message {
    display: none !important;
}



















/* ==========================================================================
1. FIGMA DESIGN TOKENS (DARK BLUE GLASS)
========================================================================== */
:root {
    --primary-glow: #00d2ff;
    --secondary-glow: #3a7bd5;
    --accent-blue: #3b82f6;
    --dark-deep: #050b18;
    --dark-blue-glass: rgba(10, 20, 42, 0.82);
    --border-light: rgba(255, 255, 255, 0.1);
    --text-pure: #ffffff;
    --text-dim: #ffffff;
    --transition-pro: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    --border-radius-xl: 20px;
    --glass-blur: blur(15px) saturate(160%);
}
.tutor-row, 
.tutor-gx-0 {
    padding: 20px; /* Adjust the value as needed */
}
/* ==========================================================================
2. GLOBAL LAYOUT & VISIBILITY LOGIC (PRO-GRADE)
========================================================================== */
html, body, #page {
    background-color: var(--dark-deep) !important;
    color: var(--text-pure) !important;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    background-image: 
        radial-gradient(circle at 20% 10%, rgba(58, 123, 213, 0.15) 0%, transparent 40%),
        radial-gradient(circle at 80% 90%, rgba(0, 210, 255, 0.1) 0%, transparent 40%) !important;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}

/* Auth Visibility Rules */
.nivtech-logged-in-only { display: none !important; }
.logged-in .nivtech-logged-in-only { display: block !important; }
.logged-in .nivtech-logged-out-only { display: none !important; }

/* Dashboard & Cart Hiding Logic */
.nivtech-hide-cart .woocommerce-mini-cart,
.nivtech-hide-content,
.tutor-dashboard-inline-item-hide,
.tutor-dashboard-header-stats-hide {
    display: none !important;
    visibility: hidden;
    opacity: 0;
}

/* ==========================================================================
3. THE 3D ANIMATED BORDER CARDS (POPUP REMOVED)
========================================================================== */
.nivtech-card, 
.card-container,
.course-card,
.pricing-card,
.tutor-course-card,
.tutor-dashboard-content-inner,
.tutor-dashboard-left-menu,
.cart_totals,
.woocommerce-checkout-review-order,
.tutor-segment,
.tutor-dashboard-single-stat {
    position: relative;
    background: transparent !important; 
    border-radius: var(--border-radius-xl);
    padding: 28px;
    z-index: 1;
    overflow: hidden !important; 
    contain: paint; 
    isolation: isolate;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8);
    transition: var(--transition-pro);
    border: none !important;
}

/* Animation applied ONLY to the cards above */
.nivtech-card::before,
.course-card::before,
.tutor-course-card::before,
.tutor-dashboard-left-menu::before,
.tutor-dashboard-content-inner::before,
.tutor-dashboard-single-stat::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 160deg,
        var(--primary-glow) 180deg,
        var(--secondary-glow) 200deg,
        transparent 220deg,
        transparent 360deg
    );
    animation: rotateLaser 4s linear infinite;
    z-index: -2;
    pointer-events: none;
}

/* Mask applied ONLY to the cards above */
.nivtech-card::after,
.course-card::after,
.tutor-course-card::after,
.tutor-dashboard-left-menu::after,
.tutor-dashboard-content-inner::after,
.tutor-dashboard-single-stat::after {
    content: "";
    position: absolute;
    inset: 2px; 
    background: #0a142a !important; 
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: calc(var(--border-radius-xl) - 2px);
    z-index: -1;
}
@keyframes rotateLaser {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* ==========================================================================
4. 3D GLOW BUTTONS (VERTICAL LIFT)
========================================================================== */
.nivtech-btn, 
button, 
.btn-primary,
.tutor-btn,
.woocommerce-button,
.checkout-button,
.add_to_cart_button,
.submit-btn,
.tutor-dashboard-header-button {
    position: relative;
    background: linear-gradient(135deg, rgba(58, 123, 213, 0.3), rgba(0, 210, 255, 0.2)) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: white !important;
    padding: 16px 32px;
    border-radius: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: var(--transition-pro);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-decoration: none !important;
}

.nivtech-btn:hover, button:hover, .tutor-btn:hover {
    background: linear-gradient(135deg, rgba(58, 123, 213, 0.5), rgba(0, 210, 255, 0.4)) !important;
    box-shadow: 0 0 30px rgba(0, 210, 255, 0.4);
    transform: translateY(-4px); 
}

/* ==========================================================================
5. TUTOR LMS DASHBOARD & CONTENT DEEP STYLING
========================================================================== */
.tutor-dashboard-header {
    background: rgba(255, 255, 255, 0.03) !important;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 25px;
    border: 1px solid var(--border-light);
    backdrop-filter: blur(10px);
}

.tutor-dashboard-nav-item {
    margin-bottom: 8px;
}

.tutor-dashboard-nav-link {
    color: var(--text-dim) !important;
    padding: 14px 20px !important;
    border-radius: 12px;
    transition: var(--transition-pro);
    display: flex;
    align-items: center;
    text-decoration: none !important;
}

.tutor-dashboard-nav-link:hover, 
.tutor-dashboard-nav-link.active {
    background: rgba(59, 130, 246, 0.15) !important;
    color: var(--primary-glow) !important;
    transform: translateX(8px);
    box-shadow: inset 0 0 10px rgba(59, 130, 246, 0.1);
}

.tutor-dashboard-content-item, 
.tutor-course-topic-header, 
.tutor-course-lesson {
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 15px;
    transition: var(--transition-pro);
}

.tutor-dashboard-content-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--primary-glow) !important;
}

/* ==========================================================================
6. WOOCOMMERCE CART & CHECKOUT ELEMENTS
========================================================================== */
.woocommerce-mini-cart {
    background: var(--dark-blue-glass) !important;
    backdrop-filter: var(--glass-blur);
    border-radius: 16px;
    padding: 20px;
    border: 1px solid var(--border-light);
}

.cart_item, .woocommerce-cart-form__cart-item {
    background: rgba(255, 255, 255, 0.02) !important;
    margin-bottom: 12px;
    border-radius: 12px;
    padding: 15px;
    border: 1px solid transparent;
    transition: var(--transition-pro);
}

.cart_item:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--border-light);
}

.woocommerce-message, .woocommerce-info, .woocommerce-error {
    background: rgba(58, 123, 213, 0.2) !important;
    backdrop-filter: blur(10px);
    border-left: 5px solid var(--primary-glow) !important;
    border-radius: 12px;
    color: white !important;
    padding: 20px !important;
    margin-bottom: 25px !important;
}

/* ==========================================================================
7. POPUP & MODAL SYSTEM (CLEAN GLASS VERSION)
========================================================================== */
.nivtech-popup-overlay {
    background: rgba(2, 6, 23, 0.96) !important;
    backdrop-filter: blur(20px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 9999;
}

.nivtech-popup-content {
    max-width: 700px;
    width: 100%;
    max-height: 80vh; 
    position: relative;
    /* THE BACKGROUND: Deep Blue Glass with Inner Glow */
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(10, 20, 42, 0.95)) !important;
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);
    
    /* THE BORDER: Subtle 1px light border (no animation) */
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: var(--border-radius-xl);
    
    padding: 40px;
    color: var(--text-pure) !important;
    overflow-y: auto !important; 
    box-shadow: 
        0 0 0 1px rgba(0, 210, 255, 0.1), /* Very faint glow ring */
        0 25px 50px -12px rgba(0, 0, 0, 0.7);
    
    animation: figmaPop 0.4s ease-out;
}

/* Explicitly disable any inherited animation layers */
.nivtech-popup-content::before,
.nivtech-popup-content::after {
    display: none !important;
    content: none !important;
}

/* Scrollbar for inside the popup */
.nivtech-popup-content::-webkit-scrollbar {
    width: 15px;
}
.nivtech-popup-content::-webkit-scrollbar-thumb {
    background: var(--primary-glow);
    border-radius: 10px;
}

@keyframes figmaPop {
    from { opacity: 0; transform: scale(0.97) translateY(10px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}

.nivtech-popup-close {
    position: absolute;
    right: 25px;
    top: 25px;
    color: var(--text-dim) !important;
    font-size: 24px;
    transition: var(--transition-pro);
    cursor: pointer;
    z-index: 10;
}

.nivtech-popup-close:hover {
    color: var(--primary-glow) !important;
    transform: rotate(90deg);
}



/* ==========================================================================
8. Top rated tutors title centering
========================================================================== */
.ntx-top-rated-title {
    display: block !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100%; /* Ensures it has room to center within */
}




/* ==========================================================================
8. FORM CONTROLS & INPUTS
========================================================================== */
input, textarea, select, .tutor-form-control, .woocommerce-Input {
    background: rgba(0, 0, 0, 0.4) !important;
    border: 1px solid var(--border-light) !important;
    color: white !important;
    padding: 15px 22px;
    border-radius: 14px;
    transition: var(--transition-pro);
    width: 100%;
    outline: none;
}

input:focus, .tutor-form-control:focus {
    border-color: var(--primary-glow) !important;
    box-shadow: 0 0 25px rgba(0, 210, 255, 0.25);
    background: rgba(0, 0, 0, 0.6) !important;
}

/* ==========================================================================
9. TYPOGRAPHY & BRANDING
========================================================================== */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-pure) !important;
    text-shadow: 0 10px 20px rgba(0,0,0,0.5);
    font-weight: 900 !important;
    letter-spacing: -0.02em;
}

.text-blue, .highlight, .brand-color {
    color: var(--primary-glow) !important;
    filter: drop-shadow(0 0 15px rgba(0, 210, 255, 0.6));
}

p, .description {
    color: var(--text-dim) !important;
    line-height: 1.8;
}

/* ==========================================================================
10. UTILITIES & SCROLLBAR
========================================================================== */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: var(--dark-deep); }
::-webkit-scrollbar-thumb { 
    background: #0f3b85; 
    border-radius: 10px; 
    border: 3px solid var(--dark-deep); 
}
::-webkit-scrollbar-thumb:hover { background: var(--primary-glow); }

.feature-item, .list-group-item, .nivtech-feature-box {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--border-light) !important;
    padding: 24px;
    border-radius: 18px;
    margin-bottom: 20px;
    transition: var(--transition-pro);
}

.feature-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    transform: translateY(-5px);
    border-color: var(--primary-glow) !important;
}

.img-emoji {
    width: 24px !important;
    height: 24px !important;
    vertical-align: middle;
    filter: drop-shadow(0 0 8px var(--primary-glow));
}













/* ==========================================================================
   TUTOR POPULAR COURSES TABLE (Glass Style)
   ========================================================================== */

/* 1. Main Table Container */
.tutor-table.table-popular-courses {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    border-collapse: separate !important;
    border-spacing: 0;
    width: 100% !important;
    overflow: hidden;
}

/* 2. Table Header Styling */
.tutor-table.table-popular-courses thead th {
    background: rgba(107, 6, 6, 0.2) !important; /* Brand Red Tint */
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 15px 20px !important;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    text-align: left;
}

/* 3. Table Body Cells */
.tutor-table.table-popular-courses tbody td {
    padding: 18px 20px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    vertical-align: middle;
}

/* 4. Course Name Link (Upscaled) */
.tutor-table.table-popular-courses tbody td a {
    color: #ffffff !important;
    font-size: 17px !important; /* Unified upscale */
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: 0.3s ease;
}

.tutor-table.table-popular-courses tbody td a:hover {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(142, 209, 252, 0.5);
}

/* 5. Row Hover Effect */
.tutor-table.table-popular-courses tbody tr {
    transition: background 0.3s ease;
}

.tutor-table.table-popular-courses tbody tr:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* 6. Stars Color Fix */
.tutor-icon-star-line {
    color: #ffb400 !important; /* Gold stars for contrast */
    margin-right: 2px;
}

/* Remove border from last row */
.tutor-table.table-popular-courses tbody tr:last-child td {
    border-bottom: none !important;
}


















/* ==========================================================================
								hiding
========================================================================== 
*/



/* Visible only for logged-in users, hidden for logged-out */
.hide-logged-out {
    display: none; /* default hidden */
}

body.logged-in .hide-logged-out {
    display: inline-block; /* or block depending on your element */
}

/* Visible only for logged-out users, hidden for logged-in */
.hide-logged-in {
    display: inline-block; /* default visible */
}

body.logged-in .hide-logged-in {
    display: none;
}


.hide-signed-in {
    display: inline-block; /* default visible */
}

body.logged-in .hide-signed-in {
    display: none;
}








/* 1. Hide the specific 'New in store' heading only when it precedes the product grid */
h2.wp-block-heading.has-text-align-center:has(+ div[data-block-name="woocommerce/product-new"]),
h2.wp-block-heading.has-text-align-center:has(+ .wc-block-product-new) {
    display: none !important;
}

/* 2. Hide the specific WooCommerce New Products grid block */
div[data-block-name="woocommerce/product-new"].wc-block-grid,
.wp-block-woocommerce-product-new {
    display: none !important;
    visibility: hidden !important;
}



/* ==========================================================================
   NIVTECH PRO: ULTIMATE DARK CHECKOUT & PAYMENT UI
   ========================================================================== */

/* 1. COUPON TOGGLE & INFO BOXES */
.woocommerce-form-coupon-toggle .woocommerce-info {
    background: rgba(107, 6, 6, 0.1) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-left: 4px solid #6b0606 !important;
    padding: 20px !important;
    border-radius: 12px;
    margin-bottom: 25px;
    backdrop-filter: blur(10px);
}

.woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none;
}

/* 2. BILLING & ADDITIONAL INFORMATION CARDS */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
    background: #0d0d0d !important;
    padding: 30px !important;
    border-radius: 16px;
    border: 1px solid #1a1a1a !important;
    margin-bottom: 30px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.4);
}

.woocommerce-checkout label {
    color: #ffffff !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    display: block;
    font-size: 14px;
}

/* 3. INPUT FIELDS & PLACEHOLDERS */
.woocommerce-checkout input.input-text, 
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.select2-container--default .select2-selection--single {
    background-color: #050505 !important;
    border: 1px solid #222222 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 15px !important;
    height: auto !important;
    transition: all 0.3s ease;
}

.woocommerce-checkout input.input-text:focus,
.woocommerce-checkout textarea:focus {
    border-color: #6b0606 !important;
    box-shadow: 0 0 10px rgba(107, 6, 6, 0.3);
}

.woocommerce-checkout input.input-text::placeholder, 
.woocommerce-checkout textarea::placeholder,
.select2-selection__placeholder {
    color: #475569 !important;
    font-size: 13px;
}

/* 4. ORDER REVIEW SUMMARY (Right Side) */
#order_review, .cart-collaterals {
    background-color: #0a0a0a !important;
    border: 1px solid #6b0606 !important;
    border-radius: 20px;
    padding: 30px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.6);
}

.shop_table.woocommerce-checkout-review-order-table {
    border: none !important;
}

.shop_table tr td, 
.shop_table tr th {
    border-bottom: 1px solid #1a1a1a !important;
    padding: 18px 10px !important;
    color: #ffffff !important;
    background: transparent !important;
}

.order-total .amount {
    color: #ff4d4d !important;
    font-size: 28px !important;
    font-weight: 900;
    filter: drop-shadow(0 0 10px rgba(255, 77, 77, 0.3));
}

/* 5. PRODUCT IMAGE IN SUMMARY */
.cart-contents-wrapper {
    background: #0a0a0a !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 16px;
    padding: 15px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.cart-product-image {
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #333;
}

.cart-product-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.9);
}

/* 6. ASSANPAY & PAYMENT METHODS */
.wc_payment_methods.methods {
    background: #050505 !important;
    border-radius: 14px;
    padding: 10px !important;
    border: 1px solid #1a1a1a !important;
}

.wc_payment_method {
    background: #0d0d0d !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 12px !important;
    margin-bottom: 10px !important;
    transition: 0.3s;
}

.wc_payment_method:hover, 
.wc_payment_method.payment_method_selected {
    border-color: #6b0606 !important;
}

.wc_payment_method label {
    padding: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
}

/* AssanPay OTP Box Special Styling */
.payment_box.payment_method_assanpay_otp,
.assanpay-otp-box {
    background: #020202 !important;
    border-left: 4px solid #6b0606 !important;
    border-radius: 8px;
    padding: 20px !important;
    color: #ffffff !important;
}

/* 7. PLACE ORDER BUTTON & TERMS */
.form-row.place-order {
    background: #050505 !important;
    padding: 25px !important;
    border-radius: 14px;
    margin-top: 20px;
}

#place_order {
    background-color: #6b0606 !important;
    color: #ffffff !important;
    width: 100% !important;
    padding: 22px !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 18px;
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: none !important;
    box-shadow: 0 10px 20px rgba(107, 6, 6, 0.3);
}

#place_order:hover {
    background-color: #8a0808 !important;
    transform: translateY(-4px);
    box-shadow: 0 15px 30px rgba(107, 6, 6, 0.5);
}

/* 8. MOBILE OPTIMIZATION (FULL-WIDTH BLEED) */
@media (max-width: 1024px) {
    form.checkout.woocommerce-checkout {
        display: flex !important;
        flex-direction: column !important;
        padding: 0 10px !important;
    }

    /* Full-Bleed Section Breaks for Mobile */
    .form-row.place-order, 
    .wc_payment_method.payment_method_assanpay_otp {
        width: 100vw !important;
        margin-left: -50vw !important;
        left: 50% !important;
        position: relative !important;
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
        padding: 30px 20px !important;
    }

    .cart-contents-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .form-row-first, .form-row-last {
        width: 100% !important;
        float: none !important;
    }
}

/* 9. LMS DASHBOARD "NO DATA" & SELECTS */
.tutor-px-32.tutor-py-64.tutor-text-center {
    background-color: #0d0d0d !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 20px !important;
}

.tutor-form-control.tutor-form-select {
    background-color: #050505 !important;
    border: 1px solid #222 !important;
    color: #fff !important;
}

/* TinyMCE Dark Overrides */
.mce-tinymce, .mce-top-part, .mce-toolbar-grp {
    background-color: #111 !important;
    border-color: #222 !important;
}

.mce-btn button {
    color: #ffffff !important;
}














/* ==========================================================================
   NIVTECH PRO: DASHBOARD STATISTIC CARDS (DARK)
   ========================================================================== */

/* 1. THE MAIN CARD CONTAINER */
.tutor-card {
    background: #0d0d0d !important; /* Slightly lighter than page bg */
    border: 1px solid #1a1a1a !important;
    border-radius: 20px !important;
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.tutor-card:hover {
    transform: translateY(-8px) !important;
    border-color: #6b0606 !important; /* Glow on hover */
    box-shadow: 0 15px 40px rgba(107, 6, 6, 0.2) !important;
}

/* 2. THE ICON BOX (Round Container) */
.tutor-round-box {
    background: rgba(107, 6, 6, 0.1) !important; /* Subtle Red Tint */
    color: #6b0606 !important; /* Brand Red Icon */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 14px !important; /* Modern Squircle look */
    border: 1px solid rgba(107, 6, 6, 0.2) !important;
    font-size: 24px !important;
    transition: 0.3s ease;
}

.tutor-card:hover .tutor-round-box {
    background: #6b0606 !important;
    color: #ffffff !important;
    transform: rotate(-10deg) scale(1.1);
}

/* 3. TYPOGRAPHY (Numbers & Labels) */
.tutor-fs-3.tutor-fw-bold {
    color: #ffffff !important;
    font-size: 32px !important;
    margin-top: 10px;
    letter-spacing: -1px;
}

.tutor-fs-7.tutor-color-secondary {
    color: #94a3b8 !important; /* Muted Silver */
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
    margin-top: 5px;
}

/* 4. WO極PRICE / TOTAL EARNINGS SPECIAL STYLING */
.woocommerce-Price-amount.amount {
    color: #ff4d4d !important; /* Brighter red for visibility */
    font-weight: 900 !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.woocommerce-Price-currencySymbol {
    font-size: 14px !important;
    opacity: 0.7;
    font-weight: 400;
}

/* 5. MOBILE RESPONSIVE STACKING (TUTOR SPECIFIC) */
@media (max-width: 1024px) {
    /* Horizontal Layout for Mobile */
    .tutor-d-flex.tutor-align-center {
        padding: 20px !important;
        background: #111 !important;
    }

    .tutor-round-box {
        width: 45px !important;
        height: 45px !important;
        font-size: 18px !important;
    }

    .tutor-fs-4.tutor-fw-bold.tutor-ml-auto {
        color: #ffffff !important;
        font-size: 20px !important;
    }

    /* Total Earnings price scaling for small screens */
    .tutor-fs-4 .woocommerce-Price-amount {
        font-size: 18px !important;
    }
}

/* Grid Spacing Correction */
.tutor-gx-lg-4 {
    --tutor-gutter-x: 24px;
}

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









/* ==========================================================================
   NIVTECH PRO: DASHBOARD STATISTIC CARDS (DARK)
   ========================================================================== */

/* 1. THE MAIN CARD CONTAINER */
.tutor-card {
    background: #0d0d0d !important; /* Slightly lighter than page bg */
    border: 1px solid #1a1a1a !important;
    border-radius: 20px !important;
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.tutor-card:hover {
    transform: translateY(-8px) !important;
    border-color: #402da1 !important; /* Glow on hover */
    box-shadow: 0 15px 40px rgba(107, 6, 6, 0.2) !important;
}

/* 2. THE ICON BOX (Round Container) */
.tutor-round-box {
    background: rgba(107, 6, 6, 0.1) !important; /* Subtle Red Tint */
    color: #6b0606 !important; /* Brand Red Icon */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 14px !important; /* Modern Squircle look */
    border: 1px solid rgba(107, 6, 6, 0.2) !important;
    font-size: 24px !important;
    transition: 0.3s ease;
}

.tutor-card:hover .tutor-round-box {
    background: #6b0606 !important;
    color: #ffffff !important;
    transform: rotate(-10deg) scale(1.1);
}

/* 3. TYPOGRAPHY (Numbers & Labels) */
.tutor-fs-3.tutor-fw-bold {
    color: #ffffff !important;
    font-size: 32px !important;
    margin-top: 10px;
    letter-spacing: -1px;
}

.tutor-fs-7.tutor-color-secondary {
    color: #94a3b8 !important; /* Muted Silver */
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
	padding: 14px;
    margin-top: 5px;
}

/* 4. WO極PRICE / TOTAL EARNINGS SPECIAL STYLING */
.woocommerce-Price-amount.amount {
    color: #ff4d4d !important; /* Brighter red for visibility */
    font-weight: 900 !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.woocommerce-Price-currencySymbol {
    font-size: 14px !important;
    opacity: 0.7;
    font-weight: 400;
}

/* ==========================================================================
   NIVTECH PRO: ORDER HISTORY TABLE STYLES
   ========================================================================== */

.tutor-purchase-history {
    background: #0a0a0a !important;
    padding: 30px !important;
    border-radius: 24px !important;
    border: 1px solid #1a1a1a !important;
    margin-top: 40px !important;
}

.tutor-purchase-history .tutor-fs-5 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 4px solid #6b0606;
    padding-left: 15px;
}

/* Table Design */
.tutor-table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    width: 100% !important;
    background: transparent !important;
}

.tutor-table thead th {
    background: transparent !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 15px !important;
    border: none !important;
}

.tutor-table tbody tr {
    background: #111111 !important;
    transition: 0.3s ease;
}

.tutor-table tbody tr:hover {
    background: #161616 !important;
    transform: scale(1.005);
}

.tutor-table tbody td {
    padding: 20px 15px !important;
    color: #ffff !important;
    border-top: 1px solid #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
    font-size: 14px !important;
}

.tutor-table tbody td:first-child {
    border-left: 1px solid #1a1a1a !important;
    border-radius: 12px 0 0 12px !important;
	
    font-weight: 700;
    color: #ffffff;
}

.tutor-table tbody td:last-child {
    border-right: 1px solid #1a1a1a !important;
    border-radius: 0 12px 12px 0 !important;
}

/* Actions Button */
.tutor-iconic-btn-secondary {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    transition: 0.3s !important;
}

.tutor-iconic-btn-secondary:hover {
    background: #6b0606 !important;
    border-color: #6b0606 !important;
    box-shadow: 0 0 15px rgba(107, 6, 6, 0.4) !important;
}

/* Badge Fix */
.tutor-badge-label.label-primary {
    background: rgba(107, 6, 6, 0.2) !important;
    color: #ffffff !important;
    border: 1px solid rgba(107, 6, 6, 0.3) !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
}

/* ==========================================================================
   5. MOBILE RESPONSIVE STACKING
   ========================================================================== */
@media (max-width: 1024px) {
    /* Horizontal Layout for Mobile Stats */
    .tutor-d-flex.tutor-align-center {
        padding: 20px !important;
        background: #111 !important;
    }

    .tutor-round-box {
        width: 45px !important;
        height: 45px !important;
        font-size: 18px !important;
    }

    .tutor-fs-4.tutor-fw-bold.tutor-ml-auto {
        color: #ffffff !important;
        font-size: 20px !important;
    }

    /* Total Earnings price scaling */
    .tutor-fs-4 .woocommerce-Price-amount {
        font-size: 18px !important;
    }
    
    /* Table Mobile Adjustments */
    .tutor-table tbody td {
        padding: 15px 10px !important;
        font-size: 13px !important;
    }
}

/* Grid Spacing Correction */
.tutor-gx-lg-4 {
    --tutor-gutter-x: 24px;
}

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








/* ==========================================================================
   NIVTECH PRO: DASHBOARD STATISTIC CARDS (DARK)
   ========================================================================== */

/* 1. THE MAIN CARD CONTAINER */
.tutor-card {
    background: #0d0d0d !important; /* Slightly lighter than page bg */
    border: 1px solid #1a1a1a !important;
    border-radius: 20px !important;
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

.tutor-card:hover {
    transform: translateY(-8px) !important;
    border-color: #402da1 !important; /* Glow on hover */
    box-shadow: 0 15px 40px rgba(107, 6, 6, 0.2) !important;
}

/* 2. THE ICON BOX (Round Container) */
.tutor-round-box {
    background: rgba(107, 6, 6, 0.1) !important; /* Subtle Red Tint */
    color: #ffffff !important; /* Brand Red Icon */
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 14px !important; /* Modern Squircle look */
    border: 1px solid rgba(107, 6, 6, 0.2) !important;
    font-size: 24px !important;
    transition: 0.3s ease;
}

.tutor-card:hover .tutor-round-box {
    background: #6b0606 !important;
    color: #ffffff !important;
    transform: rotate(-10deg) scale(1.1);
}

/* 3. TYPOGRAPHY (Numbers & Labels) */
.tutor-fs-3.tutor-fw-bold {
    color: #ffffff !important;
    font-size: 32px !important;
    margin-top: 10px;
    letter-spacing: -1px;
}

.tutor-fs-7.tutor-color-secondary {
    color: #ffffffff !important; /* Muted Silver */
    text-transform: uppercase;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px;
    margin-top: 5px;
}

/* 4. WOOMMERCE PRICE / TOTAL EARNINGS SPECIAL STYLING */
.woocommerce-Price-amount.amount {
    color: #ff4d4d !important; /* Brighter red for visibility */
    font-weight: 900 !important;
    display: flex;
    align-items: center;
    gap: 4px;
}

.woocommerce-Price-currencySymbol {
    font-size: 14px !important;
    opacity: 0.7;
    font-weight: 400;
}

/* ==========================================================================
   NIVTECH PRO: ORDER HISTORY TABLE STYLES
   ========================================================================== */

.tutor-purchase-history {
    background: #0a0a0a !important;
    padding: 30px !important;
    border-radius: 24px !important;
    border: 1px solid #1a1a1a !important;
    margin-top: 40px !important;
}

.tutor-purchase-history .tutor-fs-5 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-left: 4px solid #6b0606;
    padding-left: 15px;
}

/* Table Design */
.tutor-table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    width: 100% !important;
    background: transparent !important;
}

.tutor-table thead th {
    background: transparent !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    padding: 15px !important;
    border: none !important;
}

.tutor-table tbody tr {
    background: #111111 !important;
    transition: all 0.3s ease !important;
}

.tutor-table tbody tr:hover {
    background: #161616 !important;
    transform: translateX(5px); /* Slide effect on row hover */
}

.tutor-table tbody td {
    padding: 20px 15px !important;
    color: #cbd5e1 !important;
    border-top: 1px solid #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
    font-size: 14px !important;
}

/* Specific styling for the row structure provided */
.tutor-table tbody td:first-child {
    border-left: 1px solid #1a1a1a !important;
    border-radius: 12px 0 0 12px !important;
    font-weight: 700;
    color: #6b0606 !important; /* Order ID highlight */
    font-family: monospace;
}

/* The Plan Name Container */
.tutor-table tbody td div {
    font-weight: 600 !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

.tutor-table tbody td:last-child {
    border-right: 1px solid #1a1a1a !important;
    border-radius: 0 12px 12px 0 !important;
}

/* Actions Button & Icons */
.tutor-order-history-actions {
    display: flex;
    justify-content: flex-end;
}

.tutor-iconic-btn-secondary {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    transition: 0.3s !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.tutor-iconic-btn-secondary:hover {
    background: #6b0606 !important;
    border-color: #6b0606 !important;
    box-shadow: 0 0 15px rgba(107, 6, 6, 0.4) !important;
    color: #fff !important;
    transform: scale(1.1);
}

/* Badge Fix */
.tutor-badge-label.label-primary {
    background: rgba(107, 6, 6, 0.2) !important;
    color: #ff4d4d !important;
    border: 1px solid rgba(107, 6, 6, 0.3) !important;
    font-weight: 700 !important;
    padding: 4px 12px !important;
    border-radius: 6px !important;
}

/* ==========================================================================
   5. MOBILE RESPONSIVE STACKING
   ========================================================================== */
@media (max-width: 1024px) {
    /* Horizontal Layout for Mobile Stats */
    .tutor-d-flex.tutor-align-center {
        padding: 20px !important;
        background: #111 !important;
    }

    .tutor-round-box {
        width: 45px !important;
        height: 45px !important;
        font-size: 18px !important;
    }

    .tutor-fs-4.tutor-fw-bold.tutor-ml-auto {
        color: #ffffff !important;
        font-size: 20px !important;
    }

    /* Total Earnings price scaling */
    .tutor-fs-4 .woocommerce-Price-amount {
        font-size: 18px !important;
    }
    
    /* Table Mobile Adjustments */
    .tutor-table tbody td {
        padding: 15px 10px !important;
        font-size: 13px !important;
    }
}

/* Grid Spacing Correction */
.tutor-gx-lg-4 {
    --tutor-gutter-x: 24px;
}

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







/* ==========================================================================
   NIVTECH PRO: ORDER HISTORY TABLE STYLES (FULL TABLE)
   ========================================================================== */

/* 1. TABLE CORE LAYOUT */
.tutor-table {
    border-collapse: separate !important;
    border-spacing: 0 12px !important; /* Spacing between rows */
    width: 100% !important;
    background: transparent !important;
}

/* 2. HEADER STYLING (thead) */
.tutor-table thead th {
    background: transparent !important;
    color: #64748b !important; /* Muted slate for headers */
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 15px 20px !important;
    border: none !important;
    text-align: left;
}

/* 3. ROW STYLING (tbody tr) */
.tutor-table tbody tr {
    background: #111111 !important; /* Dark row background */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tutor-table tbody tr:hover {
    background: #161616 !important;
    transform: translateX(8px); /* Elegant slide effect */
    box-shadow: -5px 0 0 #6b0606 !important; /* Brand red indicator on left */
}

/* 4. CELL STYLING (td) */
.tutor-table tbody td {
    padding: 22px 15px !important;
    color: #cbd5e1 !important;
    border-top: 1px solid #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
    font-size: 14px !important;
    vertical-align: middle !important;
}

/* Left edge styling (Order ID #5019 / #5001) */
.tutor-table tbody td:first-child {
    border-left: 1px solid #1a1a1a !important;
    border-radius: 12px 0 0 12px !important;
    font-weight: 800 !important;
    color: #6b0606 !important; /* Brand Red accent */
    font-family: 'Courier New', Courier, monospace;
    letter-spacing: 1px;
}

/* Name Column - Plan Name Container (The div inside the td) */
.tutor-table tbody td div {
    font-weight: 600 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Right edge styling (Actions) */
.tutor-table tbody td:last-child {
    border-right: 1px solid #1a1a1a !important;
    border-radius: 0 12px 12px 0 !important;
}

/* 5. WOOMMERCE PRICE STYLING */
.woocommerce-Price-amount.amount {
    color: #ff4d4d !important; /* Brighter red for price */
    font-weight: 800 !important;
}

.woocommerce-Price-currencySymbol {
    margin-left: 2px;
    opacity: 0.6;
    font-weight: 400;
}

/* 6. ACTION BUTTONS (Receipt Icon) */
.tutor-order-history-actions {
    display: flex;
    justify-content: flex-end;
}

.tutor-iconic-btn-secondary {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: 0.3s ease !important;
}

.tutor-iconic-btn-secondary:hover {
    background: #6b0606 !important;
    border-color: #6b0606 !important;
    box-shadow: 0 0 15px rgba(107, 6, 6, 0.5) !important;
    transform: rotate(8deg) scale(1.1);
}

/* 7. STATUS BADGE (tutor-badge-label) */
.tutor-badge-label.label-primary {
    background: rgba(107, 6, 6, 0.15) !important;
    color: #ff4d4d !important;
    border: 1px solid rgba(107, 6, 6, 0.2) !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
}

/* 8. MOBILE RESPONSIVENESS */
@media (max-width: 1024px) {
    .tutor-table thead {
        display: none; /* Hide headers on very small screens if necessary */
    }

    .tutor-table tbody td {
        padding: 15px 10px !important;
        font-size: 13px !important;
    }
    
    .tutor-table tbody tr:hover {
        transform: none; /* Disable slide on mobile for better touch UX */
    }
}








/* ==========================================================================
   NIVTECH PRO: PURE DARK THEME ORDER HISTORY TABLE
   ========================================================================== */

/* 1. RESPONSIVE CONTAINER RESET */
.tutor-table-responsive {
    background: #000000 !important; /* Force black background */
    overflow-x: auto !important;
    border-radius: 15px !important;
    padding: 10px !important;
}

/* 2. TABLE CORE LAYOUT */
.tutor-table {
    border-collapse: separate !important;
    border-spacing: 0 10px !important; /* Creates the "card" row effect */
    width: 100% !important;
    background: #000000 !important; /* Ensure table background matches */
    border: none !important;
}

/* 3. HEADER FORCE DARK (thead) */
.tutor-table thead th {
    background: #000000 !important;
    color: #ffffff !important; /* Muted Slate */
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 15px 20px !important;
    border: none !important;
    text-align: left;
}

/* 4. ROW FORCE DARK (tbody tr) */
.tutor-table tbody tr,
.tutor-table tbody tr td {
    background: #000000 !important; /* Force absolute black on row and cells */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tutor-table tbody tr {
    border-radius: 12px !important;
}

.tutor-table tbody tr:hover,
.tutor-table tbody tr:hover td {
    background: #0d0d0d !important; /* Slightly lighter on hover to show interaction */
}

.tutor-table tbody tr:hover {
    transform: translateX(5px); /* Subtle slide into view */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* 5. CELL CONTENT & TYPOGRAPHY */
.tutor-table tbody td {
    padding: 22px 20px !important;
    border-top: 1px solid #1a1a1a !important;
    border-bottom: 1px solid #1a1a1a !important;
    color: #cbd5e1 !important; /* Light grey text */
    vertical-align: middle !important;
}

/* Left edge styling (Order ID #5019 / #5001) */
.tutor-table tbody td:first-child {
    border-left: 1px solid #1a1a1a !important;
    border-radius: 12px 0 0 12px !important;
    color: #6b0606 !important; /* Brand Red for ID */
    font-weight: 900 !important;
    font-family: 'Courier New', Courier, monospace !important;
    font-size: 15px !important;
}

/* Name Column (The div inside the td) */
.tutor-table tbody td div {
    color: #ffffff !important; /* High contrast white */
    font-weight: 700 !important;
    font-size: 15px !important;
    letter-spacing: 0.2px;
}

/* Right edge styling (Actions) */
.tutor-table tbody td:last-child {
    border-right: 1px solid #1a1a1a !important;
    border-radius: 0 12px 12px 0 !important;
}

/* 6. PRICE & CURRENCY (₨) */
.woocommerce-Price-amount.amount {
    color: #ff4d4d !important; /* Vibrant Red Price */
    font-weight: 900 !important;
}

.woocommerce-Price-currencySymbol {
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: 12px !important;
    margin-left: 2px;
}

/* 7. STATUS BADGE */
.tutor-badge-label.label-primary {
    background: rgba(107, 6, 6, 0.2) !important;
    color: #ff4d4d !important;
    border: 1px solid rgba(107, 6, 6, 0.3) !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
}

/* 8. ACTION BUTTONS (Export/Receipt) */
.tutor-order-history-actions {
    display: flex;
    justify-content: flex-end;
}

.tutor-iconic-btn-secondary {
    background: #161616 !important;
    border: 1px solid #2a2a2a !important;
    color: #ffffff !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease !important;
}

.tutor-iconic-btn-secondary:hover {
    background: #6b0606 !important;
    border-color: #6b0606 !important;
    box-shadow: 0 0 20px rgba(107, 6, 6, 0.5) !important;
    transform: rotate(10deg) scale(1.1);
}

/* 9. MOBILE RESPONSIVE FIX */
@media (max-width: 1024px) {
    .tutor-table thead th {
        padding: 10px 15px !important;
    }
    
    .tutor-table tbody td {
        padding: 15px !important;
        font-size: 13px !important;
    }
    
    .tutor-table tbody tr:hover {
        transform: none; /* Better UX on touch */
    }
}










/* ==========================================================================
   NIVTECH PRO: PURE DARK SELECT DROPDOWN
   ========================================================================== */

/* 1. MAIN DROPDOWN CONTAINER */
.tutor-form-select-options {
    background: #000000 !important; /* Pure Black Background */
    border: 1px solid #1a1a1a !important;
    border-radius: 12px !important;
    padding: 8px !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.9) !important;
    z-index: 9999 !important;
}

/* 2. INDIVIDUAL OPTION ITEMS */
.tutor-form-select-option {
    background: #000000 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    margin-bottom: 4px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
}

/* Text styling inside options */
.tutor-form-select-option span {
    color: #ffffff !important; /* Muted Slate Text */
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: capitalize !important;
}

/* 3. HOVER STATE */
.tutor-form-select-option:hover {
    background: #0d0d0d !important;
}

.tutor-form-select-option:hover span {
    color: #ffffff !important; /* Brighten text on hover */
}

/* 4. ACTIVE / SELECTED STATE */
.tutor-form-select-option.is-active {
    background: rgba(107, 6, 6, 0.2) !important; /* Subtle Brand Red Tint */
    border-left: 3px solid #6b0606 !important; /* Red indicator bar */
}

.tutor-form-select-option.is-active span {
    color: #ff4d4d !important; /* High-contrast red text for active item */
    font-weight: 700 !important;
}

/* 5. TYPOGRAPHY UTILITY (tutor-nowrap-ellipsis) */
.tutor-nowrap-ellipsis {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    width: 100% !important;
}



.ntx-role-steps {
	
	 color: #ffff !important; /* High-contrast red text for active item */
    font-weight: 700 !important;
	
}






/* ==========================================================================
   NIVTECH PRO: NTX-CARD BLUE GLOW EFFECT
   ========================================================================== */

/* 1. BASE CARD STYLING */
.ntx-card {
    background: #000000 !important; /* Pure black card */
    border: 1px solid #1a1a1a !important;
    border-radius: 16px !important;
    padding: 24px !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* 2. HOVER EFFECT: BLUE LIGHT BEHIND CARD */
.ntx-card:hover {
    background: #050505 !important; /* Extremely subtle lighten */
    transform: translateY(-5px) !important; /* Slight lift */
    border-color: #007bff44 !important; /* Subtle blue border tint */
    
    /* Box shadow to simulate blue light coming from behind */
    box-shadow: 
        0 0 20px rgba(0, 123, 255, 0.2), 
        0 0 40px rgba(0, 123, 255, 0.15), 
        0 0 60px rgba(0, 123, 255, 0.1) !important;
}

/* Optional: Adding a soft blue inner glow for extra depth */
.ntx-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    background: radial-gradient(circle at top right, rgba(0, 123, 255, 0.05), transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.ntx-card:hover::after {
    opacity: 1;
}








/* ==========================================================================
   NIVTECH PRO: GENERIC MODAL UI (3D GLASS)
   ========================================================================== */

/* 1. MAIN MODAL CONTAINER */
#nt-generic-modal-content {
    background: rgba(5, 11, 24, 0.95) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 35px !important;
    max-width: 450px !important;
    margin: 20px auto !important;
    position: relative !important;
    box-shadow: 
        0 30px 60px rgba(0, 0, 0, 0.8),
        inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
    text-align: center !important;
    animation: ntModalSlideIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* 2. MODAL HEADER */
#nt-modal-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px !important;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}

/* 3. MODAL BODY TEXT */
#nt-modal-body {
    color: #ffffff !important; /* Muted Slate */
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

/* 4. MODAL ACTIONS & BUTTONS */
#nt-modal-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
}

.nt-modal-button {
    padding: 12px 28px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Secondary/Close Button Style */
.nt-modal-button-secondary {
    color: #ffffff !important;
    border: 1px solid #1a1a1a !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.nt-modal-button-secondary:hover {
    background: #6b0606 !important; /* Nivtech Red Accent on hover */
    border-color: #6b0606 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(107, 6, 6, 0.4) !important;
}

/* 5. ANIMATION */
@keyframes ntModalSlideIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}




/* ==========================================================================
   NIVTECH PRO: GENERIC MODAL UI (3D GLASS)
   ========================================================================== */

/* 1. MAIN MODAL CONTAINER */
#nt-generic-modal-content {
    background: rgba(5, 11, 24, 0.95) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 35px !important;
    max-width: 450px !important;
    margin: 20px auto !important;
    position: relative !important;
    box-shadow: 
        0 30px 60px rgba(0, 0, 0, 0.8),
        inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
    text-align: center !important;
    animation: ntModalSlideIn 0.5s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* 2. MODAL HEADER */
#nt-modal-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.5px !important;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;
}

/* 3. MODAL BODY TEXT */
#nt-modal-body {
    color: #ffffff !important; /* Muted Slate */
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

/* 4. MODAL ACTIONS & BUTTONS */
#nt-modal-actions {
    display: flex !important;
    justify-content: center !important;
    gap: 12px !important;
}

.nt-modal-button {
    padding: 12px 28px !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
}

/* Secondary/Close Button Style */
.nt-modal-button-secondary {
   
    color: #ffffff !important;
    border: 1px solid #1a1a1a !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3) !important;
}

.nt-modal-button-secondary:hover {
    background: #6b0606 !important; /* Nivtech Red Accent on hover */
    border-color: #6b0606 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 15px rgba(107, 6, 6, 0.4) !important;
}

/* 5. ANIMATION */
@keyframes ntModalSlideIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* ==========================================================================
   NIVTECH PRO: STUDENT CARD UI
   ========================================================================== */

.nt-student-card {
    background: #000000 !important; /* Overriding inline white */
    border: 1px solid #1a1a1a !important;
    border-radius: 12px !important;
    padding: 24px !important;
    text-align: center !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    position: relative;
    overflow: hidden;
}

.nt-student-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(107, 6, 6, 0.2) !important;
    border-color: #333 !important;
}

/* Avatar Styling */
.nt-student-card-content img {
    border: 3px solid #1a1a1a !important;
    padding: 4px;
    background: #050505;
    transition: border-color 0.3s ease;
}

.nt-student-card:hover .nt-student-card-content img {
    border-color: #6b0606 !important;
}

/* Typography */
.nt-student-card h4 {
    color: #ffffff !important;
    font-weight: 800 !important;
    margin: 12px 0 6px !important;
}

.nt-student-card small {
    color: #ffffff !important; /* Slate muted */
    font-size: 12px !important;
}

/* Status Spans */
.nt-student-card span[style*="font-weight:600"] {
    color: #ff4d4d !important; /* Active Red */
}

.nt-student-card span[style*="color: #16a34a"] {
    color: #00ff88 !important; /* High contrast neon green */
    background: rgba(0, 255, 136, 0.1);
    padding: 2px 8px;
    border-radius: 4px;
}

/* Set Timing Button */
.nt-set-timing-btn {
    width: 100% !important;
    margin-top: 15px !important;
    padding: 10px !important;
    border-radius: 8px !important;
    border: none !important;
    background: linear-gradient(135deg, #1e3a8a, #3b82f6) !important;
    color: #fff !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.nt-set-timing-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, #2563eb, #60a5fa) !important;
    transform: scale(1.02);
}

.nt-set-timing-btn:disabled {
    background: #1a1a1a !important;
    color: #475569 !important;
    cursor: not-allowed !important;
    opacity: 0.7;
}





/* ==========================================================================
   NIVTECH PRO: SET CLASS TIMINGS MODAL
   ========================================================================== */

#nt-timing-modal-content {
    background: rgba(5, 11, 24, 0.95) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 20px !important;
    padding: 35px !important;
    max-width: 500px !important;
    margin: 20px auto !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.8),
                inset 0 1px 1px rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    animation: ntModalSlideIn 0.4s cubic-bezier(0.23, 1, 0.32, 1) !important;
}

/* Header Styling */
#nt-timing-modal-content #nt-modal-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    margin-bottom: 25px !important;
    text-align: left !important;
    letter-spacing: -0.5px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    padding-bottom: 15px !important;
}

/* Form Group Labels */
#nt-timing-form label {
    color: #ffffff !important; /* Muted slate */
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
    display: inline-block !important;
}

/* 3D Input Fields (Date, Time, Select) */
#nt-timing-form input[type="date"],
#nt-timing-form input[type="time"],
#nt-timing-form select {
    background: #2a4878 !important;
    border: 1px solid #222222 !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    border-radius: 10px !important;
    width: 100% !important;
    font-size: 14px !important;
    outline: none !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5) !important;
    transition: all 0.3s ease !important;
}

#nt-timing-form input:focus, 
#nt-timing-form select:focus {
    border-color: #3b82f6 !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5), 
                0 0 15px rgba(59, 130, 246, 0.2) !important;
}

/* Weekly Days Grid Styling */
.nt-days-checkboxes {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 18px !important;
    border-radius: 12px !important;
    border: 1px solid #1a1a1a !important;
    margin-bottom: 20px !important;
}

.nt-days-checkboxes label {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #cbd5e1 !important;
    font-size: 14px !important;
    text-transform: none !important;
    cursor: pointer !important;
}

.nt-days-checkboxes input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #3b82f6 !important;
    cursor: pointer !important;
}

/* Modal Actions (Buttons) */
#nt-modal-close {

    color: #ffffff !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

#nt-modal-close:hover {
    transform: translateY(-1px) !important;
}

#nt-timing-modal-content .nt-set-timing-btn {
    background: linear-gradient(135deg, #6b0606, #a80a0a) !important;
    color: white !important;
    box-shadow: 0 4px 15px rgba(107, 6, 6, 0.4) !important;
    cursor: pointer !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
	min-height: 35px !important;
	height: 35px !important;
	padding: 16px 32px !important;
}

#nt-timing-modal-content .nt-set-timing-btn:hover {
    transform: translateY(-2px) scale(1.02) !important;
    box-shadow: 0 8px 20px rgba(107, 6, 6, 0.6) !important;
}

/* Error Message Area */
#nt-modal-message {
    font-weight: 500 !important;
    margin: 10px 0 !important;
    text-align: center !important;
    color: #ef4444 !important;
}

@keyframes ntModalSlideIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}






/* 1. Force the outermost Nextend wrapper to fill the form width */
#login .nsl-container, 
.nsl-container {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    clear: both !important;
    margin: 15px 0 !important;
}


/* 2. Target the inner button link to stretch */
#login .nsl-container-block .nsl-container-buttons a,
#login .nsl-container .nsl-button-google {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

/* 3. The "Stunning" styling applied to the full-width button */
.nsl-button-google[data-skin="dark"] {
    flex: 1 !important;
    align-items: center;
    border-radius: 12px !important; 
    padding: 14px 20px !important;
    transition: all 0.3s ease !important;
    border: 1px solid rgba(66, 133, 244, 0.4) !important;
    background: linear-gradient(145deg, #1a1a1b, #0a0a0b) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

/* 4. Hover effect */
.nsl-button-google[data-skin="dark"]:hover {
    border-color: #4285F4 !important;
    box-shadow: 0 0 20px rgba(66, 133, 244, 0.5) !important;
    transform: translateY(-1px);
}

/* 5. Center the text inside the stretched button */
.nsl-button-google[data-skin="dark"] .nsl-button-label-container {
    flex: 1 !important;
    text-align: center !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}






/* ==========================================================================
   TUTOR LOGIN CHECKBOX: VISIBILITY & STYLE
   ========================================================================== */

/* 1. Base Checkbox Style */
#tutor-login-agmnt-1.tutor-form-check-input {
    appearance: checkbox !important; /* Forces browser default or custom styling */
    -webkit-appearance: checkbox !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    background-color: #0a0a0a !important; /* Deep dark background */
    border: 2px solid #333333 !important;   /* Visible border */
    border-radius: 4px !important;
    vertical-align: middle !important;
    position: relative !important;
    transition: all 0.2s ease;
}

/* 2. Hover State */
#tutor-login-agmnt-1.tutor-form-check-input:hover {
    border-color: #6b0606 !important; /* Brand Red on hover */
}

/* 3. Checked State (The Selection) */
#tutor-login-agmnt-1.tutor-form-check-input:checked {
    background-color: #6b0606 !important; /* Brand Red when selected */
    border-color: #6b0606 !important;
}

/* 4. Fix for Label Visibility */
label[for="tutor-login-agmnt-1"] {
    color: #ffffff !important;
    font-size: 14px !important;
    margin-left: 8px !important;
    cursor: pointer !important;
    vertical-align: middle !important;
}

















h2.elementor-heading-title {
  text-decoration-color: #1AB69D !important;
}














/* ==========================================================================
   BACK TO TOP: CIRCLE BUTTON (BOTTOM-LEFT)
   ========================================================================== */

#backToTop {
    /* Position Logic */
    position: fixed !important;
    bottom: 30px !important;
    left: 30px !important;
    z-index: 9999 !important;

    /* Shape & Size (Must be equal for perfect circle) */
    width: 55px !important;
    height: 55px !important;
    border-radius: 100% !important; /* Forces perfect circle */
    
    /* Branding & Visibility */
    background-color: #6b0606 !important; /* NivTech Red */
    color: #ffffff !important;
    border: 2px solid rgba(255, 255, 255, 0.2) !important;
    
    /* Content Centering (The Arrow) */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 24px !important;
    line-height: 0 !important;
    
    /* Polish & Performance */
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important;
    transition: transform 0.3s ease, background-color 0.3s ease !important;
    padding: 0 !important;
    outline: none !important;
}

/* Hover State */
#backToTop:hover {
    background-color: #8a0808 !important;
    transform: translateY(-5px) scale(1.05) !important;
    border-color: #ffffff !important;
}

/* Mobile Adjustment */
@media (max-width: 768px) {
    #backToTop {
        bottom: 20px !important;
        left: 20px !important;
        width: 45px !important;
        height: 45px !important;
    }
}







/* ==========================================================================
   NIVTECH CHAT SEND BUTTON (CIRCULAR & PERFORMANCE OPTIMIZED)
   ========================================================================== */

#nivtech-chat-send {
    /* Shape & Dimensions */
    width: 48px !important;
    height: 48px !important;
    border-radius: 100% !important; /* Perfect Circle */
    
    /* Branding & Colors */
    background-color: #6b0606 !important; /* Brand Red */
    color: #ffffff !important;
    border: none !important;
    
    /* Layout & Alignment */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    cursor: pointer !important;
    
    /* Performance & Transition */
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
    outline: none !important;
}

/* SVG Icon Styling */
#nivtech-chat-send svg {
    width: 20px !important;
    height: 20px !important;
    transform: translateX(2px); /* Slight nudge to visually center the arrow */
    fill: #ffffff !important;
}

/* Hover & Active States */
#nivtech-chat-send:hover {
    background-color: #8a0808 !important;
    transform: scale(1.08) !important;
}

#nivtech-chat-send:active {
    transform: scale(0.92) !important;
}

/* Responsive Scaling for Mobile */
@media (max-width: 768px) {
    #nivtech-chat-send {
        width: 42px !important;
        height: 42px !important;
    }
    
    #nivtech-chat-send svg {
        width: 18px !important;
        height: 18px !important;
    }
}





/* ==========================================================================
   NIVTECH WHITEBOARD TOOLBAR (MODERN FLOATING DESIGN)
   ========================================================================== */

.wb-toolbar {
    background-color: #0d0d0d !important;
    border: 1px solid #1a1a1a !important;
    padding: 8px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    gap: 8px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
    margin-bottom: 15px;
}

/* Individual Toolbar Buttons */
.wb-btn {
    width: 42px !important;
    height: 42px !important;
    background-color: #050505 !important;
    color: #ffffff !important; /* Muted silver icons */
    border: 1px solid #222 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    font-size: 16px !important;
}

/* Hover State */
.wb-btn:hover {
    background-color: #111 !important;
    color: #ffffff !important;
    border-color: #333 !important;
}

/* Active/Selected Tool State */
.wb-btn.active {
    background-color: #6b0606 !important; /* Brand Red */
    color: #ffffff !important;
    border-color: #6b0606 !important;
    box-shadow: 0 0 10px rgba(107, 6, 6, 0.4) !important;
}

/* Specific styling for the Trash (Clear) button to stand out */
.wb-btn[onclick*="clearWb"]:hover {
    background-color: #ff4d4d !important;
    color: #ffffff !important;
}

/* Responsive Scaling */
@media (max-width: 768px) {
    .wb-toolbar {
        padding: 5px !important;
        gap: 5px !important;
    }
    .wb-btn {
        width: 38px !important;
        height: 38px !important;
    }
}











/* ==========================================================================
   CENTERED ALL TUTORS HEADING
   ========================================================================== */

h2.elementor-heading-title.elementor-size-default {
    /* Perfect Centering Logic */
    display: table !important;        /* Keeps the width tight to the text */
    margin-left: auto !important;     /* Auto margins force the element center */
    margin-right: auto !important;
    text-align: center !important;    /* Centers text if it wraps to 2 lines */

    /* Consistency with your Dark Theme */
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    
    /* Branding: The Red Underline */
    text-decoration: underline !important;
    text-decoration-color: #6b0606 !important;
    text-underline-offset: 12px !important;
    margin-bottom: 40px !important;
}






/* ==========================================================================
   NIVTECH EARNINGS DASHBOARD (DARK THEME & PERFECT ALIGNMENT)
   ========================================================================== */

/* 1. MAIN WRAPPER */
.earnings-wrapper {
    background: #0d0d0d !important; /* Performance Dark */
    border: 1px solid #1a1a1a !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    border-radius: 16px !important;
    max-width: 98% !important; /* Wide-grid support */
    padding: 30px !important;
}

/* 2. CENTERED HEADING */
.earnings-wrapper h3 {
    color: #ffffff !important;
    display: table !important;
    margin: 0 auto 30px auto !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-decoration-color: #6b0606 !important;
    text-underline-offset: 10px !important;
    letter-spacing: 1px;
}

/* 3. EARNINGS FILTERS (TABS) */
.earnings-filters {
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 25px !important;
}

.earnings-filters a {
    background: #050505 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    border: 1px solid #222 !important;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.2s ease;
}

.earnings-filters a:hover {
    color: #ffffff !important;
    border-color: #333 !important;
}

.earnings-filters a.active {
    background: #6b0606 !important; /* Brand Red */
    color: #ffffff !important;
    border-color: #6b0606 !important;
}

/* 4. CHART AREA */
#earningsChart {
    background: #050505 !important;
    border-radius: 12px;
    padding: 15px;
    border: 1px solid #1a1a1a !important;
}

/* 5. WITHDRAW BUTTON */
.nt-withdraw-button {
    background: #6b0606 !important; /* Correcting the Blue to Brand Red */
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 15px 30px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    transition: transform 0.2s ease, background 0.2s ease !important;
    box-shadow: 0 5px 15px rgba(107, 6, 6, 0.3) !important;
    border: none !important;
}

.nt-withdraw-button:hover {
    background: #8a0808 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 20px rgba(107, 6, 6, 0.5) !important;
}

/* 6. MOBILE RESPONSIVENESS */
@media (max-width: 768px) {
    .earnings-filters {
        flex-wrap: wrap;
    }
    
    .earnings-filters a {
        flex: 1;
        text-align: center;
        font-size: 12px;
        padding: 8px 12px !important;
    }
    
    .earnings-wrapper {
        padding: 20px !important;
    }
}








/* ==========================================================================
   NIVTECH WITHDRAWAL FORM (DARK THEME & PERFORMANCE OPTIMIZED)
   ========================================================================== */

/* 1. MAIN WRAPPER */
.withdraw-wrapper {
    background: #0d0d0d !important; /* Performance Dark */
    border: 1px solid #1a1a1a !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    border-radius: 16px !important;
    padding: 30px !important;
}

/* 2. CENTERED HEADING */
.withdraw-wrapper h3 {
    color: #ffffff !important;
    display: table !important;
    margin: 0 auto 25px auto !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: underline !important;
    text-decoration-color: #6b0606 !important;
    text-underline-offset: 10px !important;
    letter-spacing: 1px;
}

/* 3. BALANCE DISPLAY BOX */
.balance-display {
    background: #050505 !important; /* Near black */
    border: 1px solid #222 !important;
    padding: 25px !important;
    border-radius: 12px !important;
    text-align: center !important;
    margin-bottom: 25px !important;
}

.balance-display div:first-child {
    color: #ffffff !important; /* Muted silver text */
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.balance-amount {
    color: #ffffff !important;
    font-size: 32px !important;
    font-weight: 900 !important;
}

.balance-amount span {
    color: #6b0606 !important; /* PKR in Brand Red */
    font-weight: 700;
}

/* 4. FORM INPUTS */
#nt-withdraw-amount {
    background: #000000 !important;
    border: 2px solid #222 !important;
    color: #ffffff !important;
    padding: 14px !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    transition: border-color 0.2s ease !important;
    display: block !important;
    margin: 0 auto !important;
}

#nt-withdraw-amount:focus {
    border-color: #6b0606 !important; /* Glow Red on Focus */
    outline: none !important;
}

/* 5. SUBMIT BUTTON */
#nt-withdraw-submit {
    background: #6b0606 !important; /* Brand Red */
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px;
    padding: 14px 30px !important;
    border-radius: 10px !important;
    transition: transform 0.2s ease, background 0.2s ease !important;
    box-shadow: 0 4px 12px rgba(107, 6, 6, 0.3) !important;
    width: auto !important;
    min-width: 200px;
}

#nt-withdraw-submit:hover:not(:disabled) {
    background: #8a0808 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(107, 6, 6, 0.5) !important;
}

/* Disabled State */
#nt-withdraw-submit:disabled {
    background: #1a1a1a !important;
    color: #444 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
    opacity: 0.7;
}

/* 6. MESSAGE TEXT */
.withdraw-message {
    color: #ffffff !important;
    font-weight: 500;
}








/* ==========================================================================
   NIVTECH MODAL SECONDARY BUTTON (GHOST STYLE)
   ========================================================================== */

.nt-modal-button.nt-modal-button-secondary {
    /* Base Styling */
    background-color: transparent !important;
    color: #ffffff !important; /* Muted silver/slate */
    border: 1px solid #334155 !important; /* Subtle border */
    
    /* Layout & Typography */
    padding: 12px 24px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Performance Transitions */
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    outline: none !important;
    text-decoration: none !important;
}

/* Hover State */
.nt-modal-button.nt-modal-button-secondary:hover {
    background-color: rgba(148, 163, 184, 0.1) !important; /* Very faint highlight */
    color: #ffffff !important;
    border-color: #64748b !important;
    transform: translateY(-1px) !important;
}

/* Active/Pressed State */
.nt-modal-button.nt-modal-button-secondary:active {
    transform: translateY(0) !important;
    background-color: rgba(148, 163, 184, 0.2) !important;
}

/* Mobile Adjustment */
@media (max-width: 768px) {
    .nt-modal-button.nt-modal-button-secondary {
        padding: 10px 20px !important;
        font-size: 13px !important;
        width: 100%; /* Full width on mobile for better thumb reach */
    }
}











/* ==========================================================================
   NIVTECH 2FA WIZARD & MODAL STYLING
   ========================================================================== */

/* 1. MODAL WRAPPER & OVERLAY */
.wp2fa-modal .modal__overlay {
    background: rgba(0, 0, 0, 0.9) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(4px);
}

.modal__container {
    background: #0d0d0d !important;
    border: 1px solid #6b0606 !important;
    border-radius: 16px !important;
    padding: 30px !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8) !important;
    color: #ffffff !important;
}

/* 2. HEADINGS & CONTENT */
.modal__content h3 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
    display: table;
    text-decoration: underline !important;
    text-decoration-color: #6b0606 !important;
    text-underline-offset: 8px !important;
}

.modal__content p, 
.modal__content .description {
    color: #94a3b8 !important;
    line-height: 1.6;
    font-size: 14px;
}

/* 3. OPTION PILLS (Radio Selections) */
.option-pill {
    background: #050505 !important;
    border: 1px solid #222 !important;
    border-radius: 10px;
    padding: 15px !important;
    margin-bottom: 12px !important;
    transition: 0.3s ease;
}

/* Highlight when input is checked (Visual feedback) */
.option-pill:has(input:checked) {
    border-color: #6b0606 !important;
    background: rgba(107, 6, 6, 0.1) !important;
}

.option-pill label {
    display: flex !important;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    color: #ffffff !important;
    font-weight: 600;
}

.option-pill input[type="radio"] {
    accent-color: #6b0606 !important;
    width: 18px;
    height: 18px;
    margin: 0;
}

/* 4. FORM INPUTS (Verification Code) */
.wp2fa-form-styles input.input {
    background: #000000 !important;
    border: 1px solid #333 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 12px !important;
    width: 100% !important;
    max-width: 250px;
    margin-top: 10px;
    font-size: 18px;
    letter-spacing: 2px;
    text-align: center;
}

.wp2fa-form-styles input.input:focus {
    border-color: #6b0606 !important;
    outline: none;
}

/* 5. ACTION BUTTONS */
.button.wp-2fa-button-primary, 
.button.button-primary {
    background: #6b0606 !important;
    color: #ffffff !important;
    border: none !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    transition: 0.3s;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.button.wp-2fa-button-primary:hover {
    background: #8a0808 !important;
    transform: translateY(-2px);
}

.button.wp-2fa-button-secondary, 
.button.button-secondary {
    background: #1a1a1a !important;
    color: #94a3b8 !important;
    border: 1px solid #333 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    margin-left: 10px;
}

/* 6. NOTICES & ALERTS */
.modal__content b {
    color: #ff4d4d !important;
    display: block;
    margin-top: 20px;
    font-weight: 800;
}

/* 7. CLOSE BUTTON (X) */
.modal__close {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 28px;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    line-height: 1;
}

.modal__close:before {
    content: '×';
}

/* 8. WIZARD STEP VISIBILITY */
.wizard-step {
    display: none;
}
.wizard-step.active {
    display: block !important;
}






/* ==========================================================================
   NIVTECH CLOSE BUTTON: BOX-TO-ICON CORRECTION
   ========================================================================== */

.modal__close, 
.modal_cancel, 
.nivtech-popup-close {
    /* Remove default button "box" appearance */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    
    /* Perfect Positioning */
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    width: 32px !important;
    height: 32px !important;
    
    /* Icon Styling */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
    opacity: 0.6;
    z-index: 10;
}

/* Create the "X" using pseudo-elements (High-Performance) */
.modal__close::before, 
.modal__close::after {
    content: '' !important;
    position: absolute !important;
    width: 2px !important;
    height: 20px !important;
    background-color: #ffffff !important; /* White X */
    border-radius: 10px;
}

.modal__close::before {
    transform: rotate(45deg) !important;
}

.modal__close::after {
    transform: rotate(-45deg) !important;
}

/* Hover State */
.modal__close:hover {
    opacity: 1;
    transform: rotate(90deg) !important; /* Elegant rotation on hover */
}

.modal__close:hover::before,
.modal__close:hover::after {
    background-color: #6b0606 !important; /* Turns Brand Red on hover */
}








/* ==========================================================================
   NIVTECH BLOGGER DASHBOARD (DARK THEME & RESPONSIVE)
   ========================================================================== */

/* 1. CONTAINER */
.vlog-submit-container {
    background: #0d0d0d !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 16px !important;
    padding: 35px !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    box-shadow: 0 15px 40px rgba(0,0,0,0.7) !important;
    color: #ffffff !important;
}

/* 2. HEADER & TEXT */
.vlog-submit-container h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    margin-bottom: 15px !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.vlog-submit-container h2 img.emoji {
    width: 24px !important;
    height: 24px !important;
}

.vlog-submit-container p {
    color: #94a3b8 !important;
    font-size: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #222;
    padding-bottom: 20px;
}

.vlog-submit-container p strong {
    color: #6b0606 !important; /* Brand Red for Username */
}

/* 3. FORM LABELS */
#blogger-form label {
    display: block !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    color: #ffffff !important;
    margin-bottom: 8px !important;
    margin-top: 20px !important;
}

/* 4. INPUTS, SELECTS & TEXTAREA */
#blogger-form input[type="text"],
#blogger-form input[type="url"],
#blogger-form select,
#blogger-form textarea {
    width: 100% !important;
    background: #050505 !important;
    border: 1px solid #222 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 14px !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

#blogger-form input:focus,
#blogger-form select:focus,
#blogger-form textarea:focus {
    border-color: #6b0606 !important; /* Red Glow */
    outline: none !important;
    background: #000000 !important;
}

/* Placeholder styling */
#blogger-form ::placeholder {
    color: #444 !important;
}

/* 5. SUBMIT BUTTON */
.submit-btn {
    background: #6b0606 !important; /* Brand Red */
    color: #ffffff !important;
    width: 100% !important;
    padding: 16px !important;
    border-radius: 10px !important;
    border: none !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    margin-top: 30px !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, background-color 0.2s ease !important;
    box-shadow: 0 5px 15px rgba(107, 6, 6, 0.3) !important;
}

.submit-btn:hover {
    background-color: #8a0808 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(107, 6, 6, 0.5) !important;
}

.submit-btn:active {
    transform: translateY(0) !important;
}

/* 6. MOBILE RESPONSIVENESS */
@media (max-width: 768px) {
    .vlog-submit-container {
        padding: 20px !important;
        margin: 20px 10px !important;
    }
    
    .vlog-submit-container h2 {
        font-size: 18px !important;
    }
}























/* ==========================================================================
   NIVTECH SINGLE POST CONTENT STYLING (CORRECTED)
   ========================================================================== */

/* 1. MAIN CONTENT AREA */
.entry-content {
    color: #cbd5e1 !important; /* Silver-Gray for readability */
    font-size: 18px !important;
    line-height: 1.8 !important;
    font-family: 'Inter', sans-serif !important;
}

/* 2. "GEMINI SAID" ATTRIBUTION STYLE */
.entry-content p:first-of-type {
    font-style: italic;
    color: #94a3b8 !important;
    border-left: 3px solid #6b0606; /* Brand Red accent */
    padding-left: 15px;
    margin-bottom: 30px !important;
}

/* 3. STEP HEADINGS (Step 1, Step 2, etc.) */
.entry-content br + b, 
.entry-content p strong:only-child,
.entry-content h3 {
    display: block;
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    margin-top: 40px !important;
    margin-bottom: 15px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 4. KEYWORDS & HIGHLIGHTS */
.entry-content strong {
    color: #ffffff !important;
    font-weight: 700;
}

/* 5. INSTRUCTIONAL LISTS (The 1, 2, 3 steps) */
.entry-content p:contains("1."), 
.entry-content p:contains("Step") {
    background: rgba(255, 255, 255, 0.03);
    padding: 10px 15px;
    border-radius: 8px;
    border: 1px solid #1a1a1a;
}

/* 6. EMBEDDED VIDEO SPACING (YouTube/Vlog) */
.wp-block-embed, 
.entry-content iframe {
    margin: 40px 0 !important;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    border: 1px solid #222;
}

/* 7. LINK STYLING INSIDE CONTENT */
.entry-content a {
    color: #6b0606 !important;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: color 0.2s ease;
}

.entry-content a:hover {
    color: #ff4d4d !important;
}

/* MOBILE OPTIMIZATION */
@media (max-width: 768px) {
    .entry-content {
        font-size: 16px !important;
    }
    .entry-content h3 {
        font-size: 20px !important;
    }
}







/* ==========================================================================
   NIVTECH SINGLE POST LAYOUT CORRECTION
   ========================================================================== */


/* 2. ARTICLE WRAPPER */
article.hentry {
    background: #0d0d0d !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 20px !important;
    padding: 40px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;
}

/* 3. POST HEADER & TITLE */
.entry-header {
    text-align: center;
    margin-bottom: 40px;
    border-bottom: 1px solid #222;
    padding-bottom: 30px;
}

.entry-header h1.entry-title {
    color: #ffffff !important;
    font-size: 36px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    margin-bottom: 15px !important;
}

.entry-meta {
    color: #94a3b8 !important;
    font-size: 13px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.entry-meta a {
    color: #6b0606 !important; /* Brand Red Date */
    text-decoration: none;
    font-weight: 700;
}

/* 4. CONTENT TYPOGRAPHY */
.entry-content {
    color: #cbd5e1 !important; /* Readable Silver-Gray */
    font-size: 18px !important;
    line-height: 1.8 !important;
}

.entry-content p {
    margin-bottom: 25px !important;
}

.entry-content h2, .entry-content h3 {
    color: #ffffff !important;
    margin: 40px 0 20px 0 !important;
    font-weight: 800;
}

/* 5. COMMENT AREA STYLING */
#comments.comments-area {
    margin-top: 50px !important;
    background: #050505 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 16px;
    padding: 30px !important;
}

h3#reply-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    border-left: 4px solid #6b0606;
    padding-left: 15px;
}

.must-log-in {
    color: #94a3b8 !important;
    background: #111;
    padding: 15px;
    border-radius: 8px;
    text-align: center;
}

.must-log-in a {
    color: #ffffff !important;
    background: #6b0606;
    padding: 5px 12px;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 700;
    margin-left: 5px;
}

/* 6. MOBILE RESPONSIVENESS */
@media (max-width: 768px) {
    article.hentry {
        padding: 25px !important;
    }
    
    .entry-header h1.entry-title {
        font-size: 26px !important;
    }
    
    .entry-content {
        font-size: 16px !important;
    }
}


























/* ==========================================================================
   ELEMENTOR HEADING CENTER ALIGNMENT FIX
   ========================================================================== */

/* 1. FORCE THE CONTAINER TO CENTER CONTENT */
.elementor-element-4ae7f9a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centers widgets horizontally */
    justify-content: center !important;
    text-align: center !important; /* Centers text inside widgets */
    width: 100% !important;
    max-width: 100% !important;
}

/* 2. CENTER THE H3 HEADING */
.elementor-element-f92d044 .elementor-heading-title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    color: #ffffff !important; /* NivTech White */
}

/* 3. CENTER THE H6 SUB-HEADING */
.elementor-element-0384021 .elementor-heading-title {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    color: #94a3b8 !important; /* NivTech Silver/Slate */
    max-width: 80% !important; /* Prevents sub-heading from stretching too wide */
}

/* 4. RESPONSIVE FIX FOR MOBILE */
@media (max-width: 768px) {
    .elementor-element-4ae7f9a {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .elementor-element-f92d044 .elementor-heading-title {
        font-size: 24px !important;
    }
}






/* ==========================================================================
   NIVTECH TUTOR LMS EMAIL DISPLAY FIX
   ========================================================================== */

/* 1. TARGET THE COLUMN WRAPPER */
.tutor-col-12.tutor-col-sm-7.tutor-col-lg-9 {
    display: flex !important;
    align-items: center !important;
    padding: 10px 0 !important;
}

/* 2. STYLE THE EMAIL TEXT */
.tutor-fs-6.tutor-fw-medium.tutor-color-black {
    color: #ffffff !important; /* Force white for visibility on dark bg */
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    word-break: break-all !important; /* Prevents long emails from breaking mobile layout */
    
    /* Subtle glow to make it look premium */
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.05);
}

/* 3. OPTIONAL: ADD A BRAND ICON PREFIX */
.tutor-fs-6.tutor-fw-medium.tutor-color-black::before {
    content: "✉"; /* Email Icon */
    color: #6b0606 !important; /* Brand Red */
    margin-right: 10px;
    font-size: 18px;
    vertical-align: middle;
}

/* 4. HOVER STATE (If it's a link or needs interaction) */
.tutor-fs-6.tutor-fw-medium.tutor-color-black:hover {
    color: #94a3b8 !important; /* Muted silver on hover */
    transition: color 0.2s ease;
}

/* 5. MOBILE RESPONSIVENESS */
@media (max-width: 576px) {
    .tutor-col-12 {
        text-align: left !important;
        padding-left: 15px !important;
    }
    
    .tutor-fs-6 {
        font-size: 14px !important;
    }
}
















/* ==========================================================================
   FLEX-STRETCH & GRID ALIGNMENT (MASTER FIX)
   ========================================================================== */

/* 1. Force the Bootstrap 'row' to expand and align items to stretch */
.row.align-stretch, 
.row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important; /* Forces all columns/items to equal height */
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 2. Remove the "m-auto" centering logic from the columns */
div[class*="col-"].m-auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* 3. Target Elementor "e-con" (Containers) inside the row */
.e-con.e-parent, 
.e-con-inner {
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
    justify-content: flex-start !important; /* Moves content to absolute left */
    margin-left: 0 !important;
}

/* 4. Ensure the Grid of Images (bd9513a) fills the width */
.elementor-element-bd9513a.e-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
    width: 100% !important;
    margin-left: 0 !important;
}

/* 5. Apply your "New Style" Glow to the stretched items */
.elementor-element-bd9513a .elementor-widget-image a {
    display: flex !important;
    height: 100% !important;
}

.elementor-element-bd9513a .elementor-widget-image img {
    object-fit: cover !important; /* Ensures images fill the stretched container */
    width: 100% !important;
    height: 100% !important;
    border-radius: var(--border-radius-xl);
    border: 1px solid var(--border-light);
    background: var(--dark-blue-glass);
    transition: var(--transition-pro);
}









/* --- MAIN CARD BODY --- */
.tutor-card-body {
    background-color: #121212 !important;
    border: 1px solid #252525 !important;
    padding: 24px;
    border-radius: 12px;
}

/* --- PRICING SECTION --- */
.tutor-fs-4.tutor-fw-bold.tutor-color-black {
    color: #ffffff !important; /* Price text white */
}

.woocommerce-Price-amount.amount bdi {
    color: #ffffff !important;
}

.woocommerce-Price-currencySymbol {
    color: #6b0606 !important; /* Currency symbol in NivTech Red */
    margin-left: 4px;
}

/* Muted text (if any description exists) */
.tutor-color-muted {
    color: #888888 !important;
}

/* --- ADD TO CART BUTTON --- */
.tutor-btn.tutor-btn-primary.tutor-btn-lg.tutor-btn-block.tutor-mt-24 {
    background-color: #6b0606 !important; /* NivTech Red Background */
    border: 1px solid #6b0606 !important;
    color: #ffffff !important;
    font-weight: 600;
    transition: all 0.3s ease;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.tutor-btn.tutor-btn-primary:hover {
    background-color: #8a0808 !important; /* Slightly brighter red on hover */
    border-color: #8a0808 !important;
    box-shadow: 0 4px 12px rgba(107, 6, 6, 0.3);
}

/* Cart Icon inside button */
.btn-icon.tutor-icon-cart-filled {
    color: #ffffff !important;
}







/* --- INSTRUCTOR SECTION HEADLINE --- */
/* "A course by" text */
.tutor-course-details-instructors .tutor-fs-6.tutor-fw-medium {
    color: #ffffff !important;
}

/* --- AVATAR COLORS --- */
/* The circular background for the initials (JE) */
.tutor-avatar.tutor-avatar-md {
    background-color: #6b0606 !important; /* NivTech Red */
    border: 1px solid #252525 !important;
}

/* The initials text inside the circle */
.tutor-avatar-text {
    color: #ffffff !important;
    font-weight: 600;
}

/* --- INSTRUCTOR NAME --- */
/* The clickable name "john Evan" */
.tutor-course-details-instructors a.tutor-color-black {
    color: #ffffff !important;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* Hover state for the name */
.tutor-course-details-instructors a.tutor-color-black:hover {
    color: #6b0606 !important; /* Red hover accent */
}

/* --- LAYOUT ADJUSTMENT (Optional Color) --- */
/* If you want a subtle divider below the instructor name */
.tutor-course-details-instructors {
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 20px;
    margin-bottom: 20px;
}


/* --- MAIN BACKGROUNDS --- */

/* Targets the sidebar box container */
.tutor-single-course-sidebar-more {
    background-color: #0b0b0b !important; /* Deep Dark Background */
    border: 1px solid #1a1a1a !important;   /* Subtle border to define the edge */
    padding: 20px;
    border-radius: 10px;
}

/* Targets the instructor block background specifically */
.tutor-course-details-instructors {
    background-color: #121212 !important; /* Slightly lighter dark for contrast */
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

/* --- TEXT & ICON COLORS (To ensure visibility on dark bg) --- */

.tutor-course-details-instructors h3 {
    color: #ffffff !important;
}

.tutor-course-details-instructors a.tutor-color-black {
    color: #ffffff !important;
}

/* The initials circle */
.tutor-avatar {
    background-color: #6b0606 !important; /* NivTech Red */
}






/* --- WIDGET CONTAINER BACKGROUND --- */
.tutor-course-details-widget {
    background-color: #121212 !important; /* Dark Grey/Black background */
    padding: 20px !important;
    border-radius: 8px !important;
    border: 1px solid #1a1a1a !important; /* Subtle border for definition */
    margin-bottom: 20px !important;
}

/* --- TITLE COLORS --- */
.tutor-course-details-widget-title {
    color: #ffffff !important; /* Pure white for the heading */
}

/* --- LIST ITEM & TEXT COLORS --- */
.tutor-course-details-widget-list {
    color: #b0b0b0 !important; /* Light grey for the content text */
}

.tutor-course-details-widget-list li span {
    color: #b0b0b0 !important;
}

/* --- BULLET POINT ICON COLOR --- */
.tutor-icon-bullet-point {
    color: #6b0606 !important; /* Your brand Red for the icons */
}

/* Forcing the "muted" class to take your brand color in this context */
.tutor-color-muted {
    color: #6b0606 !important;
}




/* --- ACCORDION ITEM CONTAINER --- */
.tutor-accordion-item {
    background-color: #121212 !important;
    border: 1px solid #1a1a1a !important;
    margin-bottom: 10px;
    border-radius: 8px;
    overflow: hidden;
}

/* --- ACCORDION HEADER (The Chapter Title) --- */
.tutor-accordion-item-header {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    padding: 16px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 1px solid #252525 !important;
}

/* Active State Red Accent */
.tutor-accordion-item-header.is-active {
    border-left: 4px solid #6b0606 !important; /* NivTech Red side-bar */
    background-color: #222222 !important;
}

/* --- ACCORDION BODY & LIST CONTENT --- */
.tutor-accordion-item-body {
    background-color: #0f0f0f !important; /* Slightly darker than header */
}

.tutor-course-content-list-item {
    background-color: transparent !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding: 12px 16px !important;
    transition: background 0.2s;
}

.tutor-course-content-list-item:hover {
    background-color: #161616 !important; /* Subtle hover highlight */
}

/* --- TEXT & ICON COLORS --- */
/* Lesson/Quiz Titles */
.tutor-course-content-list-item-title {
    color: #e0e0e0 !important;
    font-weight: 400 !important;
}

/* Icons (YouTube, Quiz, Lock) */
.tutor-course-content-list-item-icon,
.tutor-icon-brand-youtube-bold,
.tutor-icon-circle-question-mark {
    color: #6b0606 !important; /* NivTech Red for action icons */
}

/* Duration and Lock Status */
.tutor-color-muted {
    color: #666666 !important; /* Dimmed text for time/locks */
}

/* Lock Icon specifically */
.tutor-icon-lock-line {
    color: #444444 !important; 
}

/* --- TOOLTIP STYLE --- */
.tooltip-wrap.tooltip-icon {
    background-color: #6b0606 !important;
    color: #ffffff !important;
    border-radius: 4px;
}






/* --- NAVIGATION CONTAINER --- */
.tutor-is-sticky {
    background-color: #0b0b0b !important; /* Deep black background */
    border-bottom: 1px solid #1a1a1a !important;
    padding: 0 15px;
}

.tutor-nav {
    background-color: transparent !important;
}

/* --- NAVIGATION LINKS --- */
.tutor-nav-link {
    color: #888888 !important; /* Muted grey for inactive tabs */
    font-weight: 500 !important;
    padding: 15px 20px !important;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent !important;
}

/* Hover State */
.tutor-nav-link:hover {
    color: #ffffff !important;
    background-color: #161616 !important;
}

/* --- ACTIVE TAB STATE --- */
.tutor-nav-link.is-active {
    color: #ffffff !important; /* White text for active tab */
    background-color: transparent !important;
    border-bottom: 2px solid #6b0606 !important; /* NivTech Red Underline */
}

/* --- "MORE" DROPDOWN & ICON --- */
.tutor-nav-more-item {
    color: #888888 !important;
}

.tutor-nav-more-icon {
    color: #6b0606 !important; /* Red icon for the 'More' toggle */
}

.tutor-nav-more-list.tutor-dropdown {
    background-color: #121212 !important; /* Dark dropdown menu */
    border: 1px solid #252525 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}





/* --- MODAL MAIN WINDOW --- */
.tutor-modal-content.tutor-modal-content-white {
    background-color: #0f0f0f !important; /* Deep dark background */
    border: 1px solid #252525 !important;
    border-radius: 12px;
}

/* Close Button */
.tutor-modal-close-o {
    color: #888888 !important;
    background: transparent !important;
}

.tutor-modal-close-o:hover {
    color: #6b0606 !important; /* Red on hover */
}

/* --- TITLES & LABELS --- */
.tutor-modal-body .tutor-color-black,
.tutor-modal-body .tutor-fs-5,
.tutor-modal-body .tutor-fs-6 {
    color: #ffffff !important; /* Pure white text */
}

.tutor-color-secondary {
    color: #b0b0b0 !important; /* Grey secondary labels */
}

/* --- LINK INPUT BOX & COPY BUTTON --- */
.tutor-form-control {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding-right: 45px !important;
}

/* Copy Button inside the input */
.tutor-copy-text.tutor-bg-white {
    background-color: #6b0606 !important; /* NivTech Red */
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px;
    transition: background 0.2s;
}

.tutor-copy-text:hover {
    background-color: #8a0808 !important;
}

.tutor-icon-copy {
    color: #ffffff !important;
}

/* --- SOCIAL MEDIA BUTTONS --- */
.tutor_share {
    border-radius: 6px !important;
    transition: opacity 0.2s;
}

.tutor_share:hover {
    opacity: 0.8;
    filter: brightness(1.2);
}

/* Style for X (Twitter) specifically to ensure it doesn't vanish on black */
.s_twitter {
    border: 1px solid #333333 !important;
}










/* --- DARK & BLURRY FADE-OUT SECTION --- */
.tutor-toggle-more-content.tutor-toggle-more-collapsed::before {
    /* Using a linear gradient that goes from transparent to your deep background color */
    background: linear-gradient(to bottom, rgba(15, 15, 15, 0) 0%, #0f0f0f 100%) !important;
    
    /* Adding backdrop-filter for a blurry glass effect over the text */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    
    /* Ensure it stays at the bottom of the collapsed box */
    height: 100px !important;
    bottom: 0 !important;
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* --- TEXT COLORS INSIDE THE SECTION --- */
/* Course Heading */
.tutor-course-details-content .tutor-color-black {
    color: #ffffff !important;
}

/* Paragraphs and List Items */
.tutor-course-details-content .tutor-color-secondary,
.tutor-course-details-content p,
.tutor-course-details-content li {
    color: #b0b0b0 !important; /* Muted grey for readability */
}

/* Bold Text */
.tutor-course-details-content strong {
    color: #ffffff !important;
    border-left: 2px solid #6b0606; /* Small red accent for bold titles */
    padding-left: 8px;
}









/* --- SHOW MORE BUTTON --- */
.tutor-btn-show-more.tutor-btn-ghost {
    background-color: transparent !important;
    border: 1px solid #6b0606 !important; /* NivTech Red Border */
    color: #ffffff !important; /* White text */
    border-radius: 6px !important;
    padding: 10px 20px !important;
    transition: all 0.3s ease-in-out !important;
}

/* Hover State */
.tutor-btn-show-more.tutor-btn-ghost:hover {
    background-color: #6b0606 !important; /* Fills with Red */
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(107, 6, 6, 0.4) !important; /* Red glow */
}

/* --- BUTTON ICON (Plus/Minus) --- */
.tutor-toggle-btn-icon {
    color: #6b0606 !important; /* Red Icon */
    transition: color 0.3s ease !important;
}

.tutor-btn-show-more:hover .tutor-toggle-btn-icon {
    color: #ffffff !important; /* Icon turns white when button is red */
}

/* --- BUTTON TEXT --- */
.tutor-toggle-btn-text {
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}







/* --- ACTION BUTTONS (Wishlist & Share) --- */
.tutor-course-details-actions .tutor-btn-ghost {
    background-color: #1a1a1a !important; /* Slightly lighter than pure black */
    border: 1px solid #333333 !important;
    color: #e0e0e0 !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

/* Hover State */
.tutor-course-details-actions .tutor-btn-ghost:hover {
    border-color: #6b0606 !important; /* NivTech Red Border */
    color: #ffffff !important;
    background-color: #222222 !important;
}

/* Icon Colors */
.tutor-course-details-actions .tutor-icon-bookmark-line,
.tutor-course-details-actions .tutor-icon-share {
    color: #6b0606 !important; /* Red Icons */
}

/* --- MODAL OVERLAY (Background Dimmer) --- */
.tutor-modal-overlay {
    background-color: rgba(0, 0, 0, 0.85) !important; /* Darker backdrop */
    backdrop-filter: blur(4px); /* Blurs the background content */
}

/* --- MODAL CONTENT BOX --- */
.tutor-modal-content-white {
    background-color: #0f0f0f !important;
    border: 1px solid #252525 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}

/* --- MODAL INPUT & COPY BUTTON --- */
/* The URL field */
.tutor-modal-body .tutor-form-control {
    background-color: #161616 !important;
    border: 1px solid #333333 !important;
    color: #ffffff !important;
}

/* The Copy Button inside the input */
.tutor-copy-text {
    background-color: #6b0606 !important; /* Red background for copy */
    color: #ffffff !important;
    border: none !important;
}

/* Close button 'X' */
.tutor-modal-close-o {
    color: #555555 !important;
}

.tutor-modal-close-o:hover {
    color: #6b0606 !important;
}

/* --- SOCIAL BUTTONS --- */
/* Ensure X (Twitter) icon is visible */
.s_twitter {
	justify-content: center !important;
	padding: 8px !important;
    border: 1px solid #333333 !important;
}

.tutor_share:hover {
    filter: brightness(1.2) !important;
    transform: translateY(-2px);
}



/* --- WISHLIST BUTTON COLORS --- */
.tutor-course-wishlist-btn.tutor-btn-ghost {
    background-color: #121212 !important; /* Deep dark background */
    color: #ffffff !important;           /* White text */
    border: 1px solid #333333 !important; /* Subtle grey border */
    transition: all 0.3s ease !important;
	padding: 8px !important;
}

/* Hover State */
.tutor-course-wishlist-btn.tutor-btn-ghost:hover {
    background-color: #1a1a1a !important; /* Slightly lighter on hover */
    border-color: #6b0606 !important;     /* NivTech Red border */
    color: #6b0606 !important;            /* Text turns red */
    box-shadow: 0 0 10px rgba(107, 6, 6, 0.2); /* Soft red glow */
}

/* --- BOOKMARK ICON --- */
.tutor-icon-bookmark-line {
    color: #ffffff !important; /* Always red to stand out */
    transition: transform 0.2s ease;
}

/* Icon animation on hover */
.tutor-course-wishlist-btn:hover .tutor-icon-bookmark-line {
    transform: scale(1.1); /* Subtle pop effect */
}

/* --- BORDER RADIUS & SPACING --- */
.tutor-course-wishlist-btn {
    border-radius: 6px !important;
}









/* --- SHARE BUTTON COLORS --- */
.tutor-course-share-btn.tutor-btn-ghost {
    background-color: #121212 !important; /* Deep dark background */
    color: #ffffff !important;           /* White text */
    border: 1px solid #333333 !important; /* Subtle grey border */
    transition: all 0.3s ease !important;
    border-radius: 6px !important;
	padding: 8px  !important;
}

/* Hover State */
.tutor-course-share-btn.tutor-btn-ghost:hover {
    background-color: #1a1a1a !important; /* Slightly lighter on hover */
    border-color: #6b0606 !important;     /* NivTech Red border */
    color: #6b0606 !important;            /* Text turns red */
    box-shadow: 0 0 10px rgba(107, 6, 6, 0.2);
}

/* --- SHARE ICON --- */
.tutor-icon-share {
    color: #ffffff !important; /* NivTech Red Icon */
    transition: transform 0.2s ease;
}

/* Icon pop animation */
.tutor-course-share-btn:hover .tutor-icon-share {
    transform: rotate(-10deg) scale(1.1); /* Slight tilt on hover */
}











/* --- DASHBOARD SORTING FILTER --- */
.tutor-wp-dashboard-filter-order {
    background-color: #00000000 !important; /* Slightly lighter than page bg */
    border: 1px solid #333333 !important;
    color: #6b0606 !important;            /* NivTech Red icon */
    padding: 8px 10px !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease-in-out !important;
    text-decoration: none !important;
}

/* Hover State */
.tutor-wp-dashboard-filter-order:hover {
    background-color: #6b0606 !important; /* Red background on hover */
    border-color: #6b0606 !important;
    color: #ffffff !important;            /* White icon on hover */
    box-shadow: 0 0 10px rgba(107, 6, 6, 0.4);
}

/* Icon specific adjustment */
.tutor-icon-sorting-desc {
    font-size: 16px !important;
    line-height: 1 !important;
}



















/* --- KILL THE PARENT WRAPPER --- */
/* Target specific page ID 264 and the entry container */
.page-id-264 .post-264.type-page.status-publish.hentry {
    display: contents !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- TEASE THE CHILDREN --- */
/* Ensure the inner content still looks sharp against your dark theme */
.page-id-264 .post-264.type-page.status-publish.hentry > * {
    background-color: #0b0b0b !important; /* Keep your dark NivTech vibe */
    color: #ffffff !important;
    position: relative;
    z-index: 1;
}

/* Optional: Add a subtle red accent to top-level children to show they are now "free" */
.page-id-264 .post-264.type-page.status-publish.hentry > div {
    border-top: 1px solid rgba(107, 6, 6, 0.3);
}










/* --- KILL THE OUTER WRAPPERS --- */
/* This makes the article and entry-content containers disappear structurally */
article.page.type-page.hentry,
article.page.type-page.hentry .entry-content {
    display: contents !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* --- THE "TEASE": STYLING THE CHILD BLOCKS --- */

/* Background for the Cart & Product Grid */
.wp-block-woocommerce-cart,
.wc-block-grid {
    background-color: #0b0b0b !important; /* Deep Dark */
    color: #ffffff !important;
    padding: 20px 0;
}

/* Empty Cart Title & Headers */
.wc-block-cart__empty-cart__title, 
.wp-block-heading {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(107, 6, 6, 0.3); /* Subtle red glow */
}

/* --- PRODUCT GRID (New in Store) --- */

/* Individual Product Cards */
.wc-block-grid__product {
    background-color: #121212 !important;
    border: 1px solid #1a1a1a !important;
    border-radius: 8px !important;
    padding: 15px !important;
    transition: transform 0.3s ease, border-color 0.3s ease !important;
}

.wc-block-grid__product:hover {
    border-color: #6b0606 !important; /* NivTech Red */
    transform: translateY(-5px);
}

/* Product Title & Price */
.wc-block-grid__product-title {
    color: #ffffff !important;
    font-weight: bold !important;
}

.wc-block-grid__product-price.price {
    color: #6b0606 !important; /* Red for Price */
    font-weight: 700 !important;
}

/* --- ADD TO CART BUTTONS --- */
.wp-block-button__link.add_to_cart_button {
    background-color: #6b0606 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-weight: 600 !important;
    transition: background 0.3s ease !important;
}

.wp-block-button__link.add_to_cart_button:hover {
    background-color: #8a0808 !important; /* Slightly brighter red */
    box-shadow: 0 0 15px rgba(107, 6, 6, 0.5);
}

/* Fix for the dot separator */
hr.is-style-dots {
    color: #6b0606 !important;
    opacity: 0.5;
}












/* --- FULL WIDTH BREAKOUT --- */
.wp-block-woocommerce-cart.alignwide {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding-left: 5% !important;  /* Safety breathing room */
    padding-right: 5% !important;
    box-sizing: border-box !important;
    background-color: #0b0b0b !important; /* NivTech Dark Bg */
}

/* --- RESPONSIVE PRODUCT GRID --- */
/* Force the grid to adapt to screen size */
.wc-block-grid__products {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
}

/* Desktop: 4 Columns */
@media (min-width: 1024px) {
    .wc-block-grid__product {
        flex: 0 1 calc(25% - 20px) !important;
        max-width: calc(25% - 20px) !important;
    }
}

/* Tablet: 2 Columns */
@media (max-width: 1023px) and (min-width: 600px) {
    .wc-block-grid__product {
        flex: 0 1 calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
    }
}

/* Mobile: 1 Column */
@media (max-width: 599px) {
    .wc-block-grid__product {
        flex: 0 1 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .wp-block-woocommerce-cart.alignwide {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

/* --- TEXT CENTER & ALIGNMENT --- */
.wc-block-cart__empty-cart__title, 
.wp-block-heading {
    text-align: center !important;
    width: 100% !important;
    color: #ffffff !important;
}

/* Fix for images to be responsive */
.wc-block-grid__product-image img {
    width: 100% !important;
    height: auto !important;
    border-radius: 4px;
}







/* --- SIDEBAR MAIN CONTAINER --- */
.tutor-course-single-sidebar-wrapper.tutor-lesson-sidebar {
    background-color: #0b0b0b !important; /* Deep black */
    border-right: 1px solid #1a1a1a !important;
    height: 100%;
}

/* Sidebar Title (Course Content) */
.tutor-course-single-sidebar-title {
    background-color: #121212 !important;
    border-bottom: 1px solid #252525 !important;
    padding: 15px 20px !important;
}

.tutor-course-single-sidebar-title .tutor-color-secondary {
    color: #ffffff !important; /* White text for "Course Content" */
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* --- TOPIC HEADERS (Accordions) --- */
.tutor-course-topic .tutor-accordion-item-header {
    background-color: #161616 !important;
    border-bottom: 1px solid #222222 !important;
    padding: 12px 15px !important;
    color: #e0e0e0 !important;
}

/* Topic Title Text */
.tutor-course-topic-title {
    color: #ffffff !important;
    font-size: 14px !important;
}

/* Info Icon and Tooltip */
.tutor-course-topic-title-info-icon {
    color: #6b0606 !important; /* NivTech Red info icon */
}

/* Topic Progress Summary (e.g., 0/1) */
.tutor-course-topic-summary {
    color: #888888 !important;
    font-size: 11px !important;
}

/* --- LESSON ITEMS --- */
.tutor-course-topic-item {
    background-color: #0f0f0f !important;
    transition: all 0.2s ease !important;
}

/* The Lesson Link Text */
.tutor-course-topic-item a {
    color: #b0b0b0 !important;
    text-decoration: none !important;
    padding: 10px 15px !important;
    display: flex;
    align-items: center;
}

/* HOVER State */
.tutor-course-topic-item:hover {
    background-color: #1a1a1a !important;
}

.tutor-course-topic-item:hover .tutor-course-topic-item-title {
    color: #ffffff !important;
}

/* ACTIVE Lesson State (The one being watched) */
.tutor-course-topic-item.is-active {
    background-color: rgba(107, 6, 6, 0.15) !important; /* Subtle red wash */
    border-left: 3px solid #6b0606 !important; /* Strong red indicator */
}

.tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* --- ICONS (Document/Quiz) --- */
.tutor-course-topic-item-icon {
    color: #6b0606 !important; /* All icons in NivTech Red */
}

/* --- CHECKBOXES --- */
.tutor-form-check-input.tutor-form-check-circle {
    background-color: #252525 !important;
    border: 1px solid #444444 !important;
}

/* When the checkbox is checked/completed */
.tutor-form-check-input.tutor-form-check-circle:checked {
    background-color: #6b0606 !important;
    border-color: #6b0606 !important;
}

/* --- TOOLTIP POPUP --- */
.tooltip-txt.tooltip-bottom {
    background-color: #222222 !important;
    color: #ffffff !important;
    border: 1px solid #6b0606 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}








/* --- OVERRIDE LESSON SIDEBAR ITEM --- */
/* Target the wrapper and the anchor specifically */
.tutor-course-topic-item.tutor-course-topic-item-lesson.is-active,
div.tutor-course-topic-item.is-active {
    background-color: #1a1a1a !important;
    border-left: 4px solid #6b0606 !important;
    display: block !important;
}

/* Force the anchor (link) to be full width and white */
.tutor-course-topic-item.is-active a,
.tutor-course-topic-item.is-active a:hover {
    background-color: transparent !important;
    color: #ffffff !important;
    display: flex !important;
    width: 100% !important;
    padding: 12px 16px !important;
    text-decoration: none !important;
}

/* Force the Title text */
.tutor-course-topic-item.is-active .tutor-course-topic-item-title {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Force the Red Icon */
.tutor-course-topic-item.is-active .tutor-course-topic-item-icon {
    color: #6b0606 !important;
    opacity: 1 !important;
}

/* Force the Checkbox/Circle appearance */
.tutor-course-topic-item.is-active input[type="checkbox"].tutor-form-check-input {
    border: 2px solid #6b0606 !important;
    background-color: rgba(107, 6, 6, 0.2) !important;
    opacity: 1 !important; /* Fixes the 'disabled' fade */
    -webkit-opacity: 1 !important;
}







/* --- QUIZ SIDEBAR TOTAL RESET --- */
/* Target the sidebar specifically when it's a quiz view */
.tutor-course-single-sidebar-wrapper.tutor-quiz-sidebar {
    background-color: #0b0b0b !important;
    border-right: 1px solid #1a1a1a !important;
}

/* Sidebar Header */
.tutor-quiz-sidebar .tutor-course-single-sidebar-title {
    background-color: #121212 !important;
    border-bottom: 1px solid #222222 !important;
}

/* --- ACTIVE TOPIC (Listening and Understanding) --- */
.tutor-quiz-sidebar .tutor-course-topic .tutor-accordion-item-header.is-active {
    background-color: #1a1a1a !important;
    border-bottom: 1px solid #6b0606 !important; /* Red underline for active topic */
}

/* --- THE ACTIVE QUIZ ITEM --- */
/* This targets the "Listening and Understanding" quiz link you're currently on */
.tutor-quiz-sidebar .tutor-course-topic-item.is-active {
    background-color: rgba(107, 6, 6, 0.2) !important; /* NivTech Red tint */
    border-left: 4px solid #6b0606 !important;
    margin: 2px 0;
}

.tutor-quiz-sidebar .tutor-course-topic-item.is-active a {
    color: #ffffff !important;
}

/* --- FIXING THE ICONS & CHECKBOXES --- */
/* Force the Quiz Icon to Red */
.tutor-quiz-sidebar .tutor-icon-quiz-o, 
.tutor-quiz-sidebar .tutor-course-topic-item-icon {
    color: #6b0606 !important;
    opacity: 1 !important;
}

/* The checkbox/circle - killing the 'disabled' look */
.tutor-quiz-sidebar .tutor-form-check-input.tutor-form-check-circle {
    border: 2px solid #6b0606 !important;
    background-color: transparent !important;
    opacity: 1 !important;
    cursor: default !important;
    filter: none !important; /* Removes browser-level greyscale */
}

/* Tooltip info icon */
.tutor-course-topic-title-info-icon {
    color: #6b0606 !important;
}










/* --- QUIZ QUESTION TEXT ENHANCEMENT --- */
.tutor-course-topic-item-quiz .tutor-fs-7.tutor-color-secondary,
.tutor-quiz-sidebar .tutor-course-topic-item-title {
    font-size: 1.1rem !important; /* Significantly larger */
    color: #ffffff !important;     /* Pure white for maximum visibility */
    line-height: 1.5 !important;   /* Improved spacing between lines */
    font-weight: 500 !important;   /* Medium thickness */
    display: inline-block !important;
}

/* Specific targeting for the text inside the span you provided */
span.tutor-fs-7.tutor-color-secondary {
    font-size: 18px !important;    /* Hardcoded pixel value for guaranteed size */
    color: #ffffff !important;
    opacity: 1 !important;         /* Ensures no transparency is washing it out */
}

/* Optional: Add a subtle text shadow to make it pop against the dark bg */
.tutor-quiz-sidebar .tutor-course-topic-item-title {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
}










/* --- COMMENT CONTAINER --- */
.tutor-actual-comment {
    background-color: #121212 !important; /* Slightly lighter than pure black */
    padding: 15px !important;
    border-radius: 8px !important;
    border: 1px solid #1a1a1a !important;
}

/* --- AUTHOR NAME --- */
.tutor-comment-author .tutor-fs-6.tutor-fw-bold {
    color: #ffffff !important; /* Pure white for the name */
    font-size: 16px !important;
    letter-spacing: 0.5px;
}

/* --- TIMESTAMP (e.g., "1 second ago") --- */
.tutor-comment-author .tutor-fs-7 {
    color: #888888 !important; /* Muted grey */
    font-style: italic;
}

/* --- THE ACTUAL COMMENT TEXT (e.g., "best") --- */
.tutor-comment-text.tutor-fs-6 {
    color: #e0e0e0 !important; /* Off-white for readability */
    font-size: 15px !important;
    line-height: 1.6 !important;
    border-left: 2px solid #6b0606 !important; /* NivTech Red accent line */
    padding-left: 12px !important;
}
















/* 1. Remove the fixed layout that crushes columns */
.wp-list-table.widefat.fixed {
    table-layout: auto !important;
}

/* 2. Set a readable width for the SEO Details column */
th#rank_math_seo_details, 
td.column-rank_math_seo_details {
    width: 220px !important;
    min-width: 200px !important;
    vertical-align: top !important;
}

/* 3. Force text to wrap instead of stacking letters vertically */
.column-rank_math_seo_details span,
.column-rank_math_seo_details strong,
.column-rank_math_seo_details label,
.column-rank_math_seo_details .rank-math-column-display {
    white-space: normal !important; /* Overrides the nowrap causing the stacking */
    display: inline-block !important;
    word-break: break-word !important;
}

/* 4. Shrink unused columns found in your code to give SEO more room */
.column-sku, 
.column-global_unique_id, 
.column-product_tag {
    max-width: 60px !important;
    font-size: 10px !important;
}

/* 5. Fully remove hidden SEO columns so they don't take up width calculations */
.column-rank_math_title.hidden, 
.column-rank_math_description.hidden {
    display: none !important;
}















/* Remove theme constraints for the Full Width Template */
.single-post #page .site-content,
.single-post #primary,
.single-post #main {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Force Elementor sections to respect the full width */
.single-post .elementor-section.elementor-section-stretched {
    left: 0 !important;
    width: 100vw !important;
    position: relative !important;
}

/* Fix any horizontal scrollbars caused by stretching */
body.single-post {
    overflow-x: hidden !important;
}


/* Reset the entry content to be truly full width for Elementor */
.single-post .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Fix the 'Halfway Shift' - Ensure Elementor sections can stretch */
.elementor-section-stretched {
    width: 100vw !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Ensure images don't overflow the container */
.entry-content img {
    max-width: 100%;
    height: auto;
}






















/* ==========================================================================
   STRICT BUTTON OVERRIDE
   ========================================================================== */

/* Login Button - High Specificity */
a[href*="dashboard"].nt-btn-login {
    display: inline-block !important;
    padding: 14px 35px !important;
    background: linear-gradient(135deg, #8b0000 0%, #6b0606 100%) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.4) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Home Button - High Specificity */
a[href="https://nivtechtutors.com"].nt-btn-home {
    display: inline-block !important;
    padding: 14px 35px !important;
    background: rgba(10, 20, 42, 0.82) !important;
    backdrop-filter: blur(15px) !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    font-weight: 700 !important;
}

/* Hover States */
.nt-btn-login:hover, .nt-btn-home:hover {
    transform: translateY(-3px) !important;
    filter: brightness(1.2) !important;
}














/* =========================================
   GLOBAL LINK COLOR OVERRIDE
========================================= */

a,
a:visited,
a:active,
a:focus {
    color: #ffffff !important;
    text-decoration: none !important;
}

a:hover {
    color: #ffffff !important;
    opacity: 0.85;
}






/* FORCE ALL LINKS & LINK BUTTON TEXT TO WHITE */

a,
button a,
.tutor-btn a,
.woocommerce-button a {
    color: #ffffff !important;
}









/* Styling the Tutor LMS Mobile Dashboard Footer */
#tutor-dashboard-footer-mobile {
    background: var(--dark-blue-glass) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border-top: 1px solid var(--border-light) !important;
    padding: 10px 0 !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

/* Individual Navigation Items */
#tutor-dashboard-footer-mobile .tutor-row a {
    color: var(--text-dim) !important;
    text-decoration: none !important;
    transition: var(--transition-pro) !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/* Icon Styling */
#tutor-dashboard-footer-mobile .tutor-row a i {
    font-size: 20px !important;
    transition: var(--transition-pro) !important;
}

/* Text Label Styling */
#tutor-dashboard-footer-mobile .tutor-row a span {
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Active and Hover States */
#tutor-dashboard-footer-mobile .tutor-row a:hover,
#tutor-dashboard-footer-mobile .tutor-row a.active {
    color: var(--primary-glow) !important;
}

#tutor-dashboard-footer-mobile .tutor-row a.active i {
    filter: drop-shadow(0 0 8px var(--primary-glow)) !important;
}

/* Specific centering for the row */
#tutor-dashboard-footer-mobile .tutor-row {
    display: flex !important;
    justify-content: space-around !important;
    align-items: center !important;
    margin: 0 !important;
}




/* Container styling for the radio select */
.tutor-radio-select.tutor-mb-12 {
    background: var(--dark-blue-glass) !important;
    backdrop-filter: var(--glass-blur) !important;
    -webkit-backdrop-filter: var(--glass-blur) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--border-radius-xl) !important;
    padding: 20px !important;
    transition: var(--transition-pro) !important;
    display: flex !important;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    margin-bottom: 12px !important;
}

/* Hover effect for the entire label */
.tutor-radio-select.tutor-mb-12:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: var(--primary-glow) !important;
    transform: translateY(-2px);
}

/* Custom Radio Input Styling */
.tutor-radio-select .tutor-form-check-input {
    width: 20px !important;
    height: 20px !important;
    background: rgba(0, 0, 0, 0.4) !important;
    border: 2px solid var(--border-light) !important;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    transition: var(--transition-pro) !important;
}

/* Radio Checked State */
.tutor-radio-select .tutor-form-check-input:checked {
    border-color: var(--primary-glow) !important;
    box-shadow: 0 0 15px rgba(0, 210, 255, 0.4);
}

.tutor-radio-select .tutor-form-check-input:checked::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: var(--primary-glow);
    border-radius: 50%;
}

/* Text Content Styling */
.tutor-radio-select-content {
    color: var(--text-dim) !important;
    font-size: 14px;
    line-height: 1.6;
}

/* Title Styling */
.tutor-radio-select-title {
    display: block;
    color: var(--text-pure) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 4px;
}

/* Withdrawal Amount Highlight */
.tutor-radio-select .woocommerce-Price-amount {
    color: var(--primary-glow) !important;
    font-weight: 900 !important;
    filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.3));
}

.tutor-radio-select .woocommerce-Price-currencySymbol {
    font-size: 12px;
    margin-left: 2px;
    opacity: 0.8;
}









/* Styling for the Continue Shopping button */
.button.wc-forward {
    position: relative !important;
    /* Uses your 3D Glow gradient and glass-blur */
    background: linear-gradient(135deg, rgba(58, 123, 213, 0.3), rgba(0, 210, 255, 0.2)) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    
    /* Applying your design tokens for borders and text */
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: var(--text-pure) !important;
    padding: 16px 32px !important;
    border-radius: 14px !important;
    
    /* Font and brand styling */
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    
    /* Interactive shadow and layout */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: var(--transition-pro) !important;
}

/* Hover and active state animations */
.button.wc-forward:hover {
    background: linear-gradient(135deg, rgba(58, 123, 213, 0.5), rgba(0, 210, 255, 0.4)) !important;
    box-shadow: 0 0 30px rgba(0, 210, 255, 0.4) !important;
    transform: translateY(-4px) !important;
}

.button.wc-forward:active {
    transform: translateY(-1px) !important;
}














/* ==========================================================================
   CHECKOUT PAGE LAYOUT REPAIR (Responsive & Dark Blue Glass)
   ========================================================================== */


/* ==========================================================================
   MOBILE RESPONSIVENESS (Auto-Stacking Logic)
   ========================================================================== */
@media (max-width: 992px) {
    .woocommerce-checkout {
        flex-direction: column !important; /* [cite: 439] */
    }
    
    #customer_details, 
    #order_review {
        flex: 1 1 100% !important;
        margin-bottom: 20px !important;
    }

    /* Prevent table from breaking container width on small screens */
    .shop_table.woocommerce-checkout-review-order-table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important; /*  */
    }
}








/* ==========================================================================
   NIVTECH CUSTOM: TUTOR ALERT BAR (AINWAI STYLE)
   ========================================================================== */

/* 1. Main Container: Applying Dark Blue Glass & Blur */
.tutor-alert.tutor-primary.tutor-mb-20 {
    background: var(--dark-blue-glass, rgba(10, 20, 42, 0.82)) !important;
    backdrop-filter: var(--glass-blur, blur(15px) saturate(160%)) !important;
    -webkit-backdrop-filter: var(--glass-blur, blur(15px) saturate(160%)) !important;
    border: 1px solid var(--border-light, rgba(255, 255, 255, 0.1)) !important;
    border-radius: var(--border-radius-xl, 20px) !important;
    padding: 20px 25px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    margin-bottom: 25px !important;
    overflow: hidden;
}

/* 2. Text & Icon Styling */
.tutor-alert-text {
    display: flex !important;
    align-items: center !important;
    color: var(--text-pure, #ffffff) !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
}

.tutor-alert-icon {
    color: var(--primary-glow, #00d2ff) !important;
    font-size: 1.2rem !important;
    filter: drop-shadow(0 0 8px rgba(0, 210, 255, 0.4));
}

/* 3. The "Click Here" Button: High-End Interactive Style */
.tutor-alert .tutor-btn.tutor-btn-sm {
    background: transparent !important;
    color: var(--primary-glow, #00d2ff) !important;
    border: 1px solid var(--primary-glow, #00d2ff) !important;
    border-radius: 10px !important;
    padding: 8px 20px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    transition: var(--transition-pro, all 0.4s cubic-bezier(0.23, 1, 0.32, 1)) !important;
    position: relative;
    z-index: 1;
}

/* Hover Effect: Glow & Fill */
.tutor-alert .tutor-btn.tutor-btn-sm:hover {
    background: var(--primary-glow, #00d2ff) !important;
    color: var(--dark-deep, #050b18) !important;
    box-shadow: 0 0 20px rgba(0, 210, 255, 0.5) !important;
    transform: translateY(-2px);
}

/* 4. Responsive Adjustment for Mobile */
@media (max-width: 768px) {
    .tutor-alert.tutor-primary.tutor-mb-20 {
        flex-direction: column !important;
        text-align: center !important;
        gap: 15px !important;
    }
    
    .tutor-alert-text {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .tutor-alert-icon {
        margin-right: 0 !important;
    }
}









/* ==========================================================================
   NIVTECH CUSTOM POPUP: ULTIMATE VISIBILITY & GLASS DESIGN
   Target: #popmake-5755
   ========================================================================== */

/* 1. MAIN CONTAINER: Dark Glass & Centering */
#popmake-5755.pum-container {
    background: linear-gradient(135deg, rgba(5, 11, 24, 0.96), rgba(10, 20, 42, 0.98)) !important;
    backdrop-filter: blur(25px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(25px) saturate(200%) !important;
    border: 1px solid rgba(0, 210, 255, 0.3) !important; /* Primary Glow Border */
    border-radius: 24px !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.8), 0 0 40px rgba(0, 210, 255, 0.15) !important;
    padding: 40px 30px !important;
    color: #ffffff !important;
    max-width: 600px !important; /* Optimized width */
}

/* 2. TITLE: High Visibility Glow */
#pum_popup_title_5755.pum-title {
    color: #00d2ff !important; /* --primary-glow */
    font-size: 28px !important;
    font-weight: 800 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 25px !important;
    filter: drop-shadow(0 0 15px rgba(0, 210, 255, 0.5)) !important;
    border: none !important;
}

/* 3. CONTENT BODY TEXT */
#popmake-5755 .pum-content {
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #f0f0f0 !important;
}

#popmake-5755 .pum-content p {
    margin-bottom: 18px !important;
}

/* 4. LISTS: Fixed Visibility & Spacing */
#popmake-5755 ol {
    background: rgba(255, 255, 255, 0.03) !important;
    padding: 20px 20px 20px 45px !important;
    border-radius: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    margin: 20px 0 !important;
}

#popmake-5755 ol li {
    margin-bottom: 12px !important;
    color: #ffffff !important;
}

/* 5. COUPON CODE: Highlight Box */
#popmake-5755 code {
    background: #00d2ff !important;
    color: #050b18 !important; /* Dark text on light blue for readability */
    padding: 3px 10px !important;
    border-radius: 6px !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    display: inline-block !important;
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.4) !important;
}

/* 6. LINKS: 3D Primary Buttons */
#popmake-5755 a.decorated-link {
    display: inline-block !important;
    background: linear-gradient(135deg, #00d2ff, #3a7bd5) !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    text-align: center !important;
    transition: var(--transition-pro) !important;
    box-shadow: 0 4px 15px rgba(0, 210, 255, 0.4) !important;
    margin: 10px 0 !important;
}

#popmake-5755 a.decorated-link:hover {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 0 10px 25px rgba(0, 210, 255, 0.6) !important;
    filter: brightness(1.1);
}

/* 7. URGENCY & CHECKMARKS */
#popmake-5755 strong {
    color: #00d2ff !important; /* Highlights stay brand blue */
}

/* Targeted color for the "Hurry! Only 20 spots" text */
#popmake-5755 p:nth-last-child(3) strong {
    color: #ff4d4d !important; /* Red for urgency */
    text-shadow: 0 0 10px rgba(255, 77, 77, 0.3);
}

/* 8. CLOSE BUTTON (X) */
#popmake-5755 .pum-close {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    height: 35px !important;
    width: 35px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 15px !important;
    right: 15px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    transition: all 0.3s ease !important;
}

#popmake-5755 .pum-close:hover {
    background: #ff4d4d !important;
    transform: rotate(90deg) !important;
}

/* 9. RESPONSIVENESS (MOBILE OPTIMIZATION) */
@media only screen and (max-width: 768px) {
    #popmake-5755.pum-container {
        width: 92% !important;
        left: 4% !important;
        margin: 0 auto !important;
        padding: 30px 20px !important;
    }

    #pum_popup_title_5755.pum-title {
        font-size: 20px !important;
    }

    #popmake-5755 .pum-content {
        font-size: 14px !important;
    }
    
    #popmake-5755 a.decorated-link {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* 10. ANIMATION (Figma Inspired) */
#popmake-5755.active {
    animation: figmaPop 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards !important;
}

@keyframes figmaPop {
    0% { opacity: 0; transform: scale(0.9) translateY(20px); }
    100% { opacity: 1; transform: scale(1) translateY(0); }
}









.coupon-error-notice {
    display: block;          /* Ensures it takes up space like a banner */
    color: #ffffff;          /* Pure white text */
    font-size: 1.25rem;      /* Makes the text bigger (approx 20px) */
    font-weight: bold;       /* Adds emphasis */
    background-color: #c9deff; /* Deep red background for visibility */
    padding: 15px;           /* Adds space around the text */
    border-radius: 5px;      /* Smoothes the corners */
    margin: 10px 0;          /* Adds breathing room outside the box */
    text-align: center;      /* Centers the text */
}









/* Add padding to WooCommerce cart sidebar when large */
.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    padding: 20px; /* Adjust this value as needed */
    box-sizing: border-box; /* ensures padding doesn't break layout */
}












label {
    color: #ffffff !important; /* Forces the text to white */
    font-size: 1.1rem;         /* Makes it slightly larger and more readable */
    font-weight: 500;          /* Adds a bit of weight for clarity */
    display: inline-block;     /* Allows for better spacing/margin control */
    margin-bottom: 8px;        /* Adds space between the label and the input field */
}



























/* Force all text inside the sharing buttons to white */
.sd-sharing-enabled .sd-content ul li a.sd-button,
.sd-sharing-enabled .sd-content ul li a.sd-button span,
.sd-sharing-enabled .sd-content ul li a.sd-button:before,
.sd-sharing-enabled h3.sd-title {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important; /* Forces color in some browsers */
    opacity: 1 !important;
}

/* Ensure the background is dark enough for the white text */
.sharedaddy.sd-sharing-enabled .sd-block {
    background-color: #111111 !important;
    padding: 20px !important;
    border-radius: 12px;
}

/* Target the specific background for the individual buttons */
.sd-content ul li a.sd-button {
    background: #222222 !important;
    border: 1px solid #444444 !important;
}

/* Hover state to keep text white */
.sd-content ul li a.sd-button:hover,
.sd-content ul li a.sd-button:hover span {
    color: #ffffff !important;
    background: #6B0606 !important; /* Using your brand red on hover */
}













/* 1. Main Card Container */
div[style*="max-width: 700px"] {
    background-color: #0a0a0a !important;
    border-color: #222 !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5) !important;
}

/* 2. Content Padding Area */
div[style*="padding: 40px; text-align: center;"] {
    background-color: #0f0f0f !important;
}

/* 3. Main Heading (Instructor Name) */
h1[style*="color: #1e293b"] {
    color: #ffffff !important;
}

/* 4. Credentials Badge */
div[style*="background: #f0fdf4"] {
    background: rgba(22, 163, 74, 0.15) !important;
    color: #4ade80 !important;
    border-color: #166534 !important;
}

/* 5. Score & Year Stats Box */
div[style*="background: #fafafa"] {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
}

/* 6. Stats Text Colors */
p[style*="color: #1e293b"], 
p[style*="color: #475569"] {
    color: #ffffff !important;
}

h4[style*="color: #64748b"] {
    color: #94a3b8 !important;
    border-bottom-color: #333 !important;
}

/* 7. Action Button (VIEW FULL PROFILE) */
a[style*="background: #1e293b"] {
    background: #6b0606 !important; /* Your brand red */
    color: #ffffff !important;
}

/* 8. Bottom Verification Text */
p[style*="color: #94a3b8"] {
    color: #64748b !important;
}

/* 9. Footer Branding Area */
div[style*="background: #f1f5f9"] {
    background: #050505 !important;
    border-top-color: #222 !important;
}

div[style*="background: #f1f5f9"] span {
    color: #475569 !important;
}


















/* ==========================================================================
   UPDATED BLOG LAYOUT (DARK BLUE GLASS THEME)
   ========================================================================== */

/* Blog Layout Container */
.blog-layout {
  display: grid;
  grid-template-columns: 250px 1fr 250px; /* left sidebar, main, right sidebar */
  gap: 30px;
  padding: 40px;
  max-width: 1400px;  /* keeps grid from stretching too much on large screens */
  margin: 0 auto;
}

/* Card Grid for Posts */
.blog-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 cards per row */
  gap: 30px; /* space between cards */
}



@media screen and (max-width: 1024px) {
  .blog-grid {
    grid-template-columns: repeat(2, 1fr); /* 2 cards per row */
  }
}

@media screen and (max-width: 768px) {
  .blog-grid {
    grid-template-columns: 1fr; /* 1 card per row on mobile */
  }
}



/* Individual Post Card - Updated to Nivtech 3D Animated Card Style */
.blog-card {
    position: relative; /* [cite: 9, 794] */
    background: transparent !important; /* [cite: 10, 794] */
    border-radius: var(--border-radius-xl); /* [cite: 10, 795] */
    padding: 2px; /* Space for the animated border [cite: 16, 800] */
    z-index: 1; /* [cite: 10, 794] */
    overflow: hidden !important; /* [cite: 10, 795] */
    contain: paint; /* [cite: 10, 795] */
    isolation: isolate; /* [cite: 10, 795] */
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8); /* [cite: 11, 796] */
    transition: var(--transition-pro); /* [cite: 11, 796] */
    border: none !important; /* [cite: 11, 796] */
}

/* The Animated Border Effect [cite: 12-14, 797-798] */
.blog-card::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: conic-gradient(
        from 0deg,
        transparent 0deg,
        transparent 160deg,
        var(--primary-glow) 180deg,
        var(--secondary-glow) 200deg,
        transparent 220deg,
        transparent 360deg
    );
    animation: rotateLaser 4s linear infinite; /* [cite: 15, 799] */
    z-index: -2;
    pointer-events: none;
}

/* The Glass Mask [cite: 15-16, 799-800] */
.blog-card::after {
    content: "";
    position: absolute;
    inset: 2px; 
    background: #0a142a !important; /* Deep Blue Glass Base [cite: 16, 800] */
    backdrop-filter: var(--glass-blur); /* [cite: 16, 800] */
    -webkit-backdrop-filter: var(--glass-blur);
    border-radius: calc(var(--border-radius-xl) - 2px); /* [cite: 16, 800] */
    z-index: -1;
}

/* Hover effect */
.blog-card:hover {
    transform: translateY(-5px); /* [cite: 56, 844] */
}

/* Featured Image */
.blog-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    border-radius: calc(var(--border-radius-xl) - 2px) calc(var(--border-radius-xl) - 2px) 0 0;
}

/* Card Content */
.blog-content {
    padding: 28px; /* Matching card padding from [cite: 10, 795] */
}

/* Post Title */
.blog-title {
    font-size: 22px;
    font-weight: 900 !important; /* High weight from typography [cite: 51, 838] */
    margin-bottom: 10px;
    color: var(--text-pure) !important; /* [cite: 50, 838] */
    text-shadow: 0 10px 20px rgba(0,0,0,0.5); /* [cite: 51, 838] */
    letter-spacing: -0.02em; /* [cite: 51, 838] */
}

.blog-title a {
    text-decoration: none;
    color: inherit;
    transition: var(--transition-pro);
}

.blog-title a:hover {
    color: var(--primary-glow) !important; /* [cite: 51, 839] */
}

/* Meta */
.blog-meta {
    font-size: 14px;
    color: var(--text-dim) !important; /* [cite: 52, 840] */
    margin-bottom: 15px;
    opacity: 0.8;
}

/* Excerpt for first paragraph */
.blog-excerpt {
    font-size: 16px;
    color: var(--text-dim) !important; /* [cite: 52, 840] */
    line-height: 1.8; /* [cite: 52, 840] */
    margin-bottom: 15px;
}

/* Read More Button - Updated to 3D Glow Button Style */
.read-more-btn {
    position: relative;
    background: linear-gradient(135deg, rgba(58, 123, 213, 0.3), rgba(0, 210, 255, 0.2)) !important; /* [cite: 19, 803] */
    backdrop-filter: blur(10px); /* [cite: 19, 803] */
    border: 1px solid rgba(255, 255, 255, 0.2) !important; /* [cite: 20, 804] */
    color: white !important; /* [cite: 20, 804] */
    padding: 12px 24px;
    border-radius: 14px; /* [cite: 20, 804] */
    font-weight: 700; /* [cite: 20, 804] */
    letter-spacing: 1px; /* [cite: 20, 804] */
    text-transform: uppercase; /* [cite: 21, 805] */
    text-decoration: none !important;
    transition: var(--transition-pro); /* [cite: 21, 805] */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4); /* [cite: 21, 805] */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.read-more-btn:hover {
    background: linear-gradient(135deg, rgba(58, 123, 213, 0.5), rgba(0, 210, 255, 0.4)) !important; /* [cite: 22, 807] */
    box-shadow: 0 0 30px rgba(0, 210, 255, 0.4); /* [cite: 23, 807] */
    transform: translateY(-4px); /* [cite: 23, 807] */
}

/* Sidebars - Updated to Clean Glass Version */
.sidebar {
    background: rgba(255, 255, 255, 0.03) !important; /* [cite: 55, 843] */
    backdrop-filter: blur(10px); /* [cite: 25, 809] */
    padding: 24px; /* [cite: 55, 843] */
    border: 1px solid var(--border-light) !important; /* [cite: 55, 843] */
    border-radius: 18px; /* [cite: 55, 843] */
    color: var(--text-pure);
}

/* Animation required for the cards */
@keyframes rotateLaser {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Make it responsive */
@media screen and (max-width: 1024px) {
    .blog-layout {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 20px 10px;
    }
    .blog-grid {
        grid-template-columns: 1fr;
    }
    .sidebar {
        order: -1;
    }
}












/* ==========================================================================
   FIXED SINGLE POST LAYOUT (DEDICATED CLASSES)
   ========================================================================== */

.post-layout-container {
    background-color: var(--dark-deep) !important; /* #050b18 [cite: 787] */
    padding: 60px 20px;
    width: 100%;
}

.post-layout-grid {
    display: grid;
    /* Precise Columns: Fixed 280px sidebars, center takes 1fr */
    grid-template-columns: 280px 1fr 280px; 
    gap: 40px;
    max-width: 1400px;
    margin: 0 auto !important; /* THE FIX: Perfectly centers the content */
    align-items: start;
}

/* Glass Card for Single Post Content [cite: 794, 800] */
.post-glass-card {
    background: var(--dark-blue-glass) !important; /* [cite: 787] */
    backdrop-filter: var(--glass-blur); /* [cite: 788] */
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--border-light) !important; /* [cite: 787] */
    border-radius: var(--border-radius-xl); /* [cite: 788] */
    padding: 40px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.8); /* [cite: 796] */
}

/* Sidebars Styling [cite: 843] */
.post-sidebar {
    background: rgba(255, 255, 255, 0.03) !important;
    backdrop-filter: blur(10px);
    border: 1px solid var(--border-light) !important;
    border-radius: 18px;
    padding: 24px;
    position: sticky;
    top: 100px; /* Keeps sidebar visible on scroll */
    height: fit-content;
}

/* Content Typography [cite: 838, 840] */
.post-title-main {
    font-size: 36px;
    font-weight: 900 !important;
    color: var(--text-pure) !important;
    margin-bottom: 20px;
    text-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

.post-meta-info {
    color: var(--primary-glow) !important; /* #00d2ff [cite: 786] */
    font-size: 14px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.post-entry-content {
    color: var(--text-dim) !important;
    line-height: 1.8;
}

/* Image Fix */
.post-featured-image img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 30px;
}

/* ==========================================================================
   RESPONSIVE - NO MORE RIGHT SHIFT
   ========================================================================== */

@media screen and (max-width: 1200px) {
    .post-layout-grid {
        grid-template-columns: 250px 1fr; /* Drop Right Sidebar to bottom */
    }
    .post-sidebar-right {
        grid-column: span 2;
        position: static;
    }
}

@media screen and (max-width: 992px) {
    .post-layout-grid {
        grid-template-columns: 1fr; /* Single column stack */
    }
    .post-sidebar {
        position: static;
        order: 2; /* Sidebars go below content */
    }
    .post-main-content {
        order: 1;
    }
}


























// 1. Register the AJAX actions for logged-in users
add_action('wp_ajax_nt_upload_tutor_video', 'nt_handle_tutor_video_upload');

function nt_handle_tutor_video_upload() {
    // Security check
    check_ajax_referer('yt_upload_nonce', 'nonce');

    if (!isset($_FILES['video_file'])) {
        wp_send_json_error(['message' => 'No file received']);
    }

    $tutor_id = intval($_POST['tutor_id']);
    $video_file = $_FILES['video_file'];

    // --- YOUR YOUTUBE FOLDER LOGIC STARTS HERE ---
    // You likely have a function named something like 'upload_to_youtube_folder'
    // It should take ($video_file, $folder_name = 'Tutors Introductions')
    
    // Example of how to trigger it:
    $youtube_video_id = nt_upload_to_youtube_api($video_file, 'Tutors Introductions');

    if ($youtube_video_id) {
        // Save the new ID to the tutor's profile
        update_post_meta($tutor_id, 'tutor_youtube_id', $youtube_video_id);
        wp_send_json_success(['message' => 'Uploaded to YouTube successfully!', 'video_id' => $youtube_video_id]);
    } else {
        wp_send_json_error(['message' => 'YouTube Upload Failed']);
    }
}