/* ==========================================================================
   MASTER SINGLE PRODUCT STYLESHEET (css-single-product.css)
   Organized: Layout, Buttons, Price UI, Tabs, Bundles, RTL, & Reviews
   ========================================================================== */

/* ==========================================================================
   MODULE 1: GLOBAL PAGE SPACING & GUTTERS
   ========================================================================== */

.site-content,
#content,
.grid-container,
.container.hfeed {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

#primary, 
.site-main, 
#main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.single-product div.product {
    width: 100% !important;
    max-width: 100% !important;
}


/* ==========================================================================
   MODULE 2: FULL-WIDTH LAYOUT & SIDEBAR NUKES
   ========================================================================== */

#primary.content-area,
.site-main,
#main {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.site-content .grid-container,
.container.hfeed,
#page {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
}

.single-product div.product {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

#right-sidebar {
    display: none !important;
    width: 0 !important;
    margin: 0 !important;
}

body.single-product #right-sidebar,
body.single-product .widget-area,
body.single-product .keyhub-mobile-filter-btn,
body.single-product #keyhuh-mobile-filter-btn {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    left: -9999px !important;
}

body.single-product #primary,
body.single-product .site-main,
body.single-product #main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product .site-content .grid-container,
body.single-product .content-area,
body.single-product .site-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.single-product #content {
    background-color: #ffffff !important;
}

body.single-product .widget-area,
body.single-product #secondary,
body.single-product .sidebar,
body.single-product .facets-toggle, 
body.single-product .show-filters-btn {
    display: none !important;
    width: 0 !important;
    visibility: hidden !important;
}

body.single-product #primary,
body.single-product .site-main,
body.single-product .content-area {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.single-product .container, 
.single-product .site-content {
    max-width: 100% !important;
    padding-right: 0 !important;
}

body.single-product #right-sidebar,
body.single-product #secondary,
body.single-product .widget-area {
    display: none !important;
    width: 0 !important;
}

body.single-product #primary,
body.single-product .site-main {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}


/* ==========================================================================
   MODULE 3: PREMIUM PURCHASE BUTTONS (ADD TO CART & BUY NOW)
   ========================================================================== */

.woocommerce-page.single-product form.cart {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 12px 0 !important;
}

.woocommerce-page.single-product form.cart::before,
.woocommerce-page.single-product form.cart::after {
    display: none !important;
}

.woocommerce-page.single-product form.cart .single_add_to_cart_button {
    background: #222222 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 16px 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    width: calc(50% - 6px) !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.woocommerce-page.single-product form.cart .single_add_to_cart_button:hover {
    background: #444444 !important;
    transform: translateY(-2px) !important;
}

.woocommerce-page.single-product form.cart .khs-buy-now-btn,
.woocommerce-page.single-product a.buy-now,
.woocommerce-page.single-product .buy_now_button {
    background: #8db73b !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 16px 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    width: calc(50% - 6px) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px rgba(141, 183, 59, 0.2) !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.woocommerce-page.single-product form.cart .khs-buy-now-btn:hover,
.woocommerce-page.single-product a.buy-now:hover,
.woocommerce-page.single-product .buy_now_button:hover {
    background: #7ca332 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 25px rgba(141, 183, 59, 0.4) !important;
}


/* ==========================================================================
   MODULE 4: IMPORTANT TERMS BOX (INITIAL STYLING)
   ========================================================================== */

.khs-terms-box {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-left: 5px solid #e74c3c !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin: 20px 0 30px 0 !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.03) !important;
}

.khs-terms-box h4 {
    color: #e74c3c !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 20px !important;
}

.khs-terms-box ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #444 !important;
    margin-bottom: 15px !important;
    border-bottom: 1px dashed #f5f5f5 !important;
    padding-bottom: 12px !important;
}

.khs-terms-box ul li:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.khs-terms-box ul li svg {
    margin-top: 3px !important;
    flex-shrink: 0 !important;
}

.khs-terms-box ul li a {
    color: #00B2FF !important;
    font-weight: 800 !important;
    text-decoration: underline !important;
}


/* ==========================================================================
   MODULE 5: PRICE DISPLAY, TITLE & SALE BADGE FIXES
   ========================================================================== */

/* FIX: Nukes the giant black bar stretching down the side of the image */
body.single-product div.product span.onsale,
body.single-product .sales-flash-overlay span.onsale {
    background: #e74c3c !important; 
    color: #ffffff !important;
    border-radius: 50px !important; 
    padding: 6px 16px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3) !important;
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 999 !important;
    height: auto !important;
    width: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    max-height: 30px !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    transform: none !important;
    writing-mode: horizontal-tb !important;
    margin: 0 !important;
}

.woocommerce-page.single-product div.product p.price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    margin-top: 10px !important;
    margin-bottom: 25px !important;
}

.woocommerce-page.single-product div.product p.price del {
    color: #999999 !important;
    font-size: 18px !important;
    text-decoration: line-through !important;
    opacity: 0.7 !important;
}

.woocommerce-page.single-product div.product p.price ins,
.woocommerce-page.single-product div.product p.price ins .amount,
.woocommerce-page.single-product div.product p.price > .amount {
    color: #8db73b !important; 
    font-size: 32px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    background: transparent !important;
}

.woocommerce-page.single-product .product_title { 
    color: #222 !important; 
    font-size: 32px !important; 
    font-weight: 800 !important; 
    text-transform: capitalize !important; 
}

.woocommerce-product-details__short-description { 
    font-size: 15px !important; 
    line-height: 1.8 !important; 
    color: #555 !important; 
    background: #fdfdfd !important; 
    padding: 20px 25px !important; 
    border-left: 4px solid #8db73b !important; 
    border-radius: 0 15px 15px 0 !important; 
    margin-bottom: 25px !important; 
}


/* ==========================================================================
   MODULE 6: STOCK BADGE & QUANTITY ROW POLISH
   ========================================================================== */

.khs-stock-qty-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 0 5px 0 !important;
}

.woocommerce-page.single-product div.product p.stock {
    background: #f4fbef !important;
    color: #5b8214 !important;
    border: 1px solid #8db73b !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    display: inline-block !important;
    box-shadow: 0 4px 10px rgba(141, 183, 59, 0.1) !important;
}

.woocommerce-page.single-product form.cart .quantity {
    display: flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 2px solid #eeeeee !important;
    border-radius: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 44px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.woocommerce-page.single-product form.cart .quantity input.qty {
    width: 45px !important;
    height: 100% !important;
    border: none !important;
    border-left: 2px solid #eeeeee !important;
    border-right: 2px solid #eeeeee !important;
    font-weight: 800 !important;
    text-align: center !important;
    background: transparent !important;
    color: #333 !important;
    font-size: 16px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    -moz-appearance: textfield !important;
}

.woocommerce-page.single-product form.cart .quantity input.qty::-webkit-inner-spin-button,
.woocommerce-page.single-product form.cart .quantity input.qty::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
}

.woocommerce-page.single-product form.cart .quantity .minus,
.woocommerce-page.single-product form.cart .quantity .plus {
    background: #ffffff !important;
    color: #555 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 38px !important;
    height: 100% !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background 0.2s ease, color 0.2s ease !important;
}

.woocommerce-page.single-product form.cart .quantity .minus:hover,
.woocommerce-page.single-product form.cart .quantity .plus:hover {
    background: #f4fbef !important;
    color: #8db73b !important;
}


/* ==========================================================================
   MODULE 7: SINGLE PRODUCT TABS, DIVIDERS & TRUST BOXES
   ========================================================================== */

.woocommerce-tabs ul.tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 0 !important;
    margin: 0 0 30px 0 !important;
    border: none !important;
    background: transparent !important;
}

.woocommerce-tabs ul.tabs::before,
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
    display: none !important;
}

.woocommerce-tabs ul.tabs li {
    background: #fdfdfd !important;
    border: 1px solid #eeeeee !important;
    border-radius: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.3s ease !important;
}

.woocommerce-tabs ul.tabs li a {
    padding: 12px 25px !important;
    display: block !important;
    color: #555 !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
}

.woocommerce-tabs ul.tabs li:hover { border-color: #8db73b !important; }

.woocommerce-tabs ul.tabs li.active {
    background: #8db73b !important;
    border-color: #8db73b !important;
    box-shadow: 0 5px 15px rgba(141, 183, 59, 0.3) !important;
}

.woocommerce-tabs ul.tabs li.active a { color: #ffffff !important; }

.woocommerce-tabs .panel {
    background: #ffffff !important;
    border: 1px solid #8DB73B !important;
    border-radius: 20px !important;
    padding: 30px !important;
    box-shadow: 0 5px 20px rgba(0,0,0,0.02) !important;
}

.khs-trust-box {
    background: #f4fbef !important;
    border: 1px solid #8db73b !important;
    border-radius: 15px !important;
    padding: 20px !important;
    margin: 25px 0 !important;
}

.khs-trust-header {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

.khs-trust-header h4 { margin: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: #333 !important; }
.khs-trust-box p { font-size: 14px !important; color: #555 !important; margin-bottom: 15px !important; line-height: 1.5 !important; }
.khs-support-links { border-top: 1px dashed #ccc !important; padding-top: 15px !important; }
.khs-support-item { display: flex !important; align-items: center !important; gap: 8px !important; font-size: 13px !important; color: #444 !important; margin-bottom: 10px !important; }
.khs-contact-buttons { gap: 10px !important; flex-wrap: wrap !important; margin-top: 12px !important; display: flex !important;}

.khs-badge {
    padding: 6px 15px !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    color: #fff !important;
    transition: transform 0.2s ease !important;
}
.khs-badge:hover { transform: translateY(-2px) !important; color: #fff !important;}
.khs-badge.email { background: #555 !important; }
.khs-badge.messenger { background: #00B2FF !important; }
.khs-badge.whatsapp { background: #25D366 !important; }

.woocommerce div.product .woocommerce-tabs {
    position: relative !important;
    padding-top: 60px !important; 
    margin-top: 50px !important;
    border-top: 3px solid #8db73b !important; 
    clear: both !important;
    overflow: visible !important; 
}

.woocommerce-Tabs-panel--description div[style*="margin-top: 25px"],
.woocommerce-Tabs-panel--description a[style*="background-color: #89b537"],
.woocommerce-Tabs-panel--description a[href="#"],
.woocommerce-Tabs-panel--description .khs-buy-now-btn-desc {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.woocommerce-Tabs-panel--description,
.woocommerce-Tabs-panel--description div[style*="max-width: 750px"] {
    max-width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
}


/* ==========================================================================
   MODULE 8: BUNDLED PRODUCTS UI
   ========================================================================== */

.woosb-products, .woosb-wrap, form.bundle_form .bundled_products, .yith-wcpb-bundle-table {
    background: #ffffff !important;
    border: 1px solid #eaeaec !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    margin-bottom: 25px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
}

.woosb-product, .bundled_product, .woosb-products tr td, .bundle_form tr td { border: none !important; }

.woosb-product, 
.bundled_product, 
.woosb-products tr td, 
.bundle_form tr td {
    border: none !important; 
    border-bottom: 1px solid #f5f5f5 !important;
}

.woosb-product:not(:last-child), 
.bundled_product:not(:last-child), 
.woosb-products tr:not(:last-child) td {
    border-bottom: 1px solid #f5f5f5 !important;
}

.woosb-product:last-child, 
.bundled_product:last-child, 
.woosb-products tr:last-child td {
    border-bottom: none !important;
}

.woosb-thumb img { width: 45px !important; border-radius: 6px !important; }

.woosb-product p.stock {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    color: #8db73b !important;
    font-size: 11px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    text-transform: uppercase !important;
}

.woosb-product p.stock::before { content: "📦" !important; }


/* ==========================================================================
   MODULE 9: RELATED PRODUCTS & SALE PILLS (HYPER-FIX)
   ========================================================================== */

/* HYPER-FIX: Force Premium Pills and Nuke GP Ribbon on Related Products */
body.single-product .related.products ul.products li.product span.onsale,
body.single-product .related.products ul.products li.product .sales-flash-overlay span.onsale {
    background: #e74c3c !important; /* Premium Red */
    color: #ffffff !important;
    border-radius: 50px !important;
    padding: 5px 15px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3) !important;
    
    /* POSITION ANCHORS */
    position: absolute !important;
    top: 15px !important;
    left: 15px !important;
    right: auto !important; /* <--- THIS IS THE MISSING KEY TO STOP STRETCHING */
    bottom: auto !important; /* Blocks bottom anchoring */
    z-index: 99 !important;
    margin: 0 !important;

    /* KILL GP RIBBON VERTICAL/HORIZONTAL STRETCHING */
    height: auto !important;
    width: auto !important;
    max-width: max-content !important; /* Forces it to hug the text only */
    min-height: 0 !important;
    min-width: 0 !important;
    max-height: 28px !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    writing-mode: horizontal-tb !important; 
}

/* Product Card Styling */
.related.products ul.products li.product {
    background: #ffffff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 15px !important;
    padding: 15px !important;
    text-align: center !important;
}

/* Button Styling */
.related.products ul.products li.product .button {
    background: #f4fbef !important;
    color: #8db73b !important;
    border: 1px solid #8db73b !important;
    border-radius: 50px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 10px 15px !important;
    font-size: 11px !important;
    transition: all 0.3s ease !important;
}

.related.products ul.products li.product .button:hover {
    background: #8db73b !important;
    color: #fff !important;
}


/* ==========================================================================
   MODULE 10: ARABIC (RTL) & META DATA
   ========================================================================== */

html[dir="rtl"] .khs-terms-box ul li, body.rtl .khs-terms-box ul li {
    flex-direction: row-reverse !important;
    text-align: right !important;
}
html[dir="rtl"] .khs-trust-header, body.rtl .khs-trust-header,
html[dir="rtl"] .khs-support-item, body.rtl .khs-support-item {
    flex-direction: row-reverse !important;
}
html[dir="rtl"] .woocommerce-Tabs-panel--description {
    text-align: right !important;
}

.woocommerce-page.single-product .product_meta {
    border-top: 1px dashed #eeeeee !important;
    margin-top: 30px !important;
    padding-top: 20px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 25px !important;
    font-size: 13px !important;
    color: #777 !important;
    align-items: center !important;
}

.woocommerce-page.single-product .product_meta span.sku_wrapper,
.woocommerce-page.single-product .product_meta span.posted_in {
    font-weight: 800 !important;
    color: #333 !important;
}

.woocommerce-page.single-product .product_meta a {
    color: #8db73b !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    margin-left: 5px !important;
}

.woocommerce-page.single-product .product_meta .wcml_currency_switcher,
.woocommerce-page.single-product .product_meta .wc_currency_switcher,
.woocommerce-page.single-product .product_meta .woocs_price_code,
.woocommerce-page.single-product .summary > .currency-switcher {
     display: none !important;
}


/* ==========================================================================
   MODULE 11: DESKTOP MEGA LAYOUT (1024PX+)
   ========================================================================== */

@media (min-width: 1024px) {
    .woocommerce-page.single-product div.product {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        width: 100% !important;
    }
    .woocommerce-page.single-product div.product .woocommerce-product-gallery { width: 32% !important; margin: 0 !important; }
    .woocommerce-page.single-product div.product .summary { width: 38% !important; margin: 0 !important; }
    .woocommerce-page.single-product div.product .khs-trust-sidebar { width: 25% !important; margin: 0 !important; }
    .woocommerce-page.single-product div.product .woocommerce-tabs,
    .woocommerce-page.single-product div.product .related.products { width: 100% !important; margin-top: 50px !important; }
}


/* ==========================================================================
   MODULE 12: REVIEWS TAB CONTENT POLISH
   ========================================================================== */

#reviews #comments h2.woocommerce-Reviews-title,
#reviews #reply-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #333 !important;
    margin-bottom: 20px !important;
    text-transform: capitalize !important;
}

.woocommerce-noreviews {
    font-size: 14px !important;
    color: #777 !important;
    font-style: italic !important;
    margin-bottom: 25px !important;
}

#reviews .stars a {
    color: #8db73b !important;
}

#reviews .comment-form textarea,
#reviews .comment-form input[type="text"],
#reviews .comment-form input[type="email"] {
    width: 100% !important;
    border: 1px solid #eeeeee !important;
    border-radius: 12px !important;
    padding: 15px !important;
    background: #fdfdfd !important;
    font-size: 14px !important;
    color: #555 !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

#reviews .comment-form textarea:focus {
    border-color: #8db73b !important;
    background: #ffffff !important;
    outline: none !important;
}

#reviews .comment-form input#submit {
    background: #8db73b !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 40px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    width: auto !important;
    margin-top: 10px !important;
    box-shadow: 0 5px 15px rgba(141, 183, 59, 0.2) !important;
}

#reviews .comment-form input#submit:hover {
    background: #222 !important; 
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
}

#reviews .commentlist {
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 40px !important;
}

#reviews .commentlist li {
    padding-bottom: 25px !important;
    margin-bottom: 25px !important;
    border-bottom: 1px dashed #eeeeee !important;
}

#reviews .commentlist li .meta {
    font-size: 13px !important;
    color: #333 !important;
    font-weight: 700 !important;
}

html[dir="rtl"] #reviews .comment-form input#submit {
    float: right !important;
}

html[dir="rtl"] #reviews .comment-form textarea,
html[dir="rtl"] #reviews .comment-form input {
    text-align: right !important;
}


/* ==========================================================================
   MODULE 13: DOWNLOAD TAB (NUCLEAR PLUGIN FIX)
   ========================================================================== */

.woocommerce-Tabs-panel h2.wb_cptb_title {
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #333 !important;
    margin-bottom: 25px !important;
}

.software-bundle-card {
    padding: 10px 0 !important;
}

.software-bundle-item {
    margin-bottom: 25px !important;
    padding: 15px !important;
    background: #fdfdfd !important;
    border-radius: 12px !important;
    border: 1px solid #f0f0f0 !important;
}

.software-bundle-item strong {
    display: block !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #222 !important;
    margin-bottom: 8px !important;
}

a.software-bundle-btn {
    background: #f4fbef !important; 
    color: #8db73b !important;    
    border: 1px solid #8db73b !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
}

a.software-bundle-btn:hover {
    background: #8db73b !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(141, 183, 59, 0.25) !important;
}

html[dir="rtl"] .software-bundle-item {
    text-align: right !important;
}

html[dir="rtl"] a.software-bundle-btn {
    margin-right: 0 !important;
}


/* ==========================================================================
   MODULE 14: INSTALLATION TAB (ENGLISH/LTR READY STYLE)
   ========================================================================== */

.woocommerce-Tabs-panel h2.wb_cptb_title {
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #222 !important;
    margin-bottom: 30px !important;
    border-bottom: 2px solid #f0f0f0 !important;
    padding-bottom: 15px !important;
    display: block !important;
    text-align: left !important; 
}

.wb_cptb_content {
    line-height: 1.8 !important;
    color: #444 !important;
    font-size: 15px !important;
    text-align: left !important; 
}

.wb_cptb_content h3, 
.wb_cptb_content h4 {
    background: #f4fbef !important; 
    color: #222 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    padding: 12px 20px 12px 15px !important; 
    border-radius: 8px !important;
    border-left: 5px solid #8db73b !important; 
    border-right: none !important; 
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 250px !important;
    text-align: left !important;
}

.wb_cptb_content ul {
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    padding-left: 25px !important; 
    padding-right: 0 !important;
}

.wb_cptb_content ul li {
    margin-bottom: 12px !important;
    list-style-type: disc !important;
    color: #555 !important;
    text-align: left !important;
}

.wb_cptb_content ul li::marker {
    color: #8db73b !important; 
}

.wb_cptb_content strong, 
.wb_cptb_content b {
    color: #8db73b !important;
    font-weight: 800 !important;
}

.wb_cptb_content hr {
    border: 0 !important;
    border-top: 1px dashed #e0e0e0 !important;
    margin: 40px 0 !important;
}


/* ==========================================================================
   MODULE 15: IMPORTANT TERMS & WARRANTY BOX (FINAL OVERRIDES)
   ========================================================================== */

.khs-terms-box {
    background: #ffffff !important;
    border: 1px solid #eeeeee !important;
    border-radius: 15px !important;
    padding: 25px !important;
    margin: 0 0 30px 0 !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.khs-terms-box h4 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 20px 0 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #333 !important;
}

.khs-terms-box h4::before {
    display: none !important;
}

.khs-terms-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.khs-terms-box ul li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #555 !important;
    margin-bottom: 12px !important;
}

.khs-terms-box ul li::before {
    display: none !important;
}

.khs-terms-box h4 svg {
    flex-shrink: 0 !important;
}

.khs-terms-box ul li svg {
    flex-shrink: 0 !important;
    margin-top: 4px !important; 
}

.khs-terms-box ul li strong {
    color: #333 !important;
    font-weight: 800 !important;
    margin-right: 4px !important;
}

.khs-terms-box ul li a {
    color: #8db73b !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.khs-terms-box ul li a:hover {
    text-decoration: underline !important;
}

html[dir="rtl"] .khs-terms-box h4,
html[dir="rtl"] .khs-terms-box ul li {
    flex-direction: row-reverse !important;
    text-align: right !important;
}

html[dir="rtl"] .khs-terms-box h4 svg {
    margin-left: 10px !important;
    margin-right: 0 !important;
}