/* Keeps the background black and text white normally */
.products .product .add_to_cart_button, .products .product .button { 
    background-color: #1c1c1c !important; 
    color: #ffffff !important; 
    border: 1px solid #000000 !important; 
}
/* Changes only the text to blue when hovering */
.products .product .add_to_cart_button:hover, .products .product .button:hover { 
    color: #3041d9 !important; 
}
/* Targets your site's specific wrapper to swap the prices */
.products .product .price .sale-price {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important; /* Centers the prices; change to flex-start if they should be left-aligned */
    column-gap: 8px !important; /* Adjust this number to change the space between the prices */
    align-items: center !important;
}
/* CHANGE THE ENTIRE CART HEADER BAR TO BLUE */
.woocommerce-cart-form table.shop_table thead tr {
    background-color: #2030bd !important;
}
/* ENSURE ALL THE HEADER TEXT INSIDE THE BAR IS WHITE */
.woocommerce-cart-form table.shop_table thead th {
    background-color: transparent !important; /* Clears theme overrides */
    color: #ffffff !important;                /* Sharp white text color */
    padding: 10px 10px !important;            /* Adds nice vertical spacing */
}
/* CHANGE ONLY THE CART PAGE BUTTONS TO BLUE */
.woocommerce-cart button[name="apply_coupon"], 
.woocommerce-cart button[name="update_cart"], 
.woocommerce-cart .checkout-button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}
/* ADD A QUICK EFFECT WHEN YOU HOVER OVER THEM */
.woocommerce-cart button[name="apply_coupon"]:hover, 
.woocommerce-cart button[name="update_cart"]:hover, 
.woocommerce-cart .checkout-button:hover {
    background-color: #3041d9 !important; /* Slightly darker blue on hover */
    border-color: #3041d9 !important;
    color: #ffffff !important;
}
/* CHANGE THE QUANTITY BOX BORDER TO BLUE */
.woocommerce-cart .quantity input.qty, 
.woocommerce-cart .quantity .minus, 
.woocommerce-cart .quantity .plus {
    border: 1px solid #3041d9 !important;
}
/* KEEPS THE BORDER BLUE WHEN SOMEONE CLICKS INSIDE TO TYPE */
.woocommerce-cart .quantity input.qty:focus {
    outline: none !important;
    border-color: #3041d9 !important;
    box-shadow: 0 0 4px rgba(48, 65, 217, 0.3) !important; /* Soft blue glow */
}
/* ALL-IN-ONE: ADD BLUE UNDERLINE & REMOVE DEFAULT GREY LINES FOR CART TOTALS HEADING */
.cart_totals h2, 
.cart-collaterals .cart_totals h2, 
.cart_totals h2.ct-block-title, 
.woocommerce-cart .cart_totals > h2 {
    /* 1. Add your custom transparent blue line */
    border-bottom: 2px solid rgba(48, 65, 217, 0.3) !important; 
    display: block !important;
    padding-bottom: 8px !important; 
    margin-bottom: 15px !important; 
    /* 2. Clear out any theme-forced shadows or background lines on the heading */
    box-shadow: none !important;
    text-decoration: none !important;
}
/* 3. CLEARS ANY GREY CONTAINER OUTLINES SITUATED RIGHT UNDER THE HEADING ROW */
.cart_totals h2::after,
.cart_totals h2::before {
    display: none !important; /* Kills any hidden theme accent lines */
    content: none !important;
}
/* UPDATE THE TABLE ROW LINES UNDER SUBTOTAL AND SHIPPING TO TRANSPARENT BLUE */
.cart_totals table.shop_table tr.cart-subtotal,
.cart_totals table.shop_table tr.shipping {
    border-bottom: 1px solid rgba(48, 65, 217, 0.3) !important;
}
/* REMOVE DEFAULT LIGHT GREY BORDERS IF THE THEME FORCES THEM */
.cart_totals table.shop_table tr td,
.cart_totals table.shop_table tr th {
    border-bottom: none !important;
}
/* 1. FIRST LINE CHECKOUT PAGE: FORCE 2PX TRANSPARENT BLUE UNDER THE CELL HEADERS (Product / Subtotal) */
.woocommerce-checkout-review-order-table thead th,
.woocommerce-checkout-review-order-table thead tr th {
    border-bottom: 2px solid rgba(48, 65, 217, 0.3) !important;
}
/* 2. FOLLOWING LINES: 1PX開TRANSPARENT BLUE FOR ALL CONTENT ROWS BELOW IT */
.woocommerce-checkout-review-order-table tr.cart_item td,
.woocommerce-checkout-review-order-table tr.cart-subtotal th,
.woocommerce-checkout-review-order-table tr.cart-subtotal td,
.woocommerce-checkout-review-order-table tr.shipping th,
.woocommerce-checkout-review-order-table tr.shipping td {
    border-bottom: 1px solid rgba(48, 65, 217, 0.3) !important;
}
/* 3. CLEARS OUT ANY REMAINING GREY BORDERS ON THE ROW WRAPPERS */
.woocommerce-checkout-review-order-table tr, 
.woocommerce-checkout-review-order-table thead tr {
    border-bottom: none !important;
}
/* 1. Force the dynamic wrapper closed when checkout initially loads */
.woocommerce-checkout .woocommerce-terms-and-conditions {
    display: none !important;
}
/* 2. When WooCommerce triggers its "open" flag, smoothly display the container */
.woocommerce-checkout .woocommerce-terms-and-conditions-link--open ~ .woocommerce-terms-and-conditions,
.woocommerce-checkout .woocommerce-terms-and-conditions[style*="block"],
.woocommerce-checkout .woocommerce-terms-and-conditions[style*="display: block"] {
    display: block !important;
}
/* 3. Keep the unstyled nested tab header icons hidden inside the scrolling box drawer */
.woocommerce-terms-and-conditions button[id^="e-n-tab-title"],
.woocommerce-terms-and-conditions br {
    display: none !important;
}
/* 4. Slice off the duplicated textbook template loops safely */
.woocommerce-terms-and-conditions > h5:nth-of-type(n+8),
.woocommerce-terms-and-conditions > h5:nth-of-type(n+8) ~ *,
.woocommerce-terms-and-conditions > p:nth-of-type(n+10),
.woocommerce-terms-and-conditions > ul:nth-of-type(n+7) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* Completely hide the modern Web3 button cards and their empty wrappers */
.mcc-modern-buttons-card,
.payment_buttons,
.mcc-modern-wallet-button,
.mcc-modern-wallet-metamask,
.mcc-modern-wallet-trustwallet,
.mcc-modern-wallet-wrapper {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    border: none !important;
    box-shadow: none !important;
}
/* ==========================================
   6. SITE-WIDE COMPLIANCE POPUP BLOCKER STYLES
   ========================================== */

/* Completely wipe out the plugin's default inner theme card styles */
.pum-theme-6003 .pum-container,
.pum-container {
    padding: 0 !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
    border: none !important;
    max-width: 600px !important;
}

/* Force the blue close X icon button off the popup completely so users can't skip it */
.pum-close, .pum-theme-default .pum-close {
    display: none !important;
}

/* Custom Theme Blue Header Title Rectangle Bar Layout */
.mcc-gate-header {
    background-color: #1a29ad !important; /* Replicates your signature theme blue hex code */
    padding: 20px 24px !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.mcc-gate-header h2 {
    color: #ffffff !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: inherit !important;
}

/* Body Container Padding Layouts */
.mcc-gate-body {
    padding: 24px !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}

.mcc-gate-intro {
    font-size: 15px !important;
    color: #4a5568 !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
}

/* Clickable Checkbox Row Styles */
.mcc-gate-row {
    margin-bottom: 18px !important;
    display: block !important;
}

.mcc-gate-clickable {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.mcc-gate-checkbox {
    margin-top: 4px !important;
    width: 18px !important;
    height: 18px !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}

.mcc-gate-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #2d3748 !important;
    user-select: none !important;
}

/* Button Row Flex Frameworks */
.mcc-gate-buttons {
    display: flex !important;
    gap: 16px !important;
    margin-top: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Base button properties layout */
.mcc-gate-btn {
    flex: 1 !important;
    padding: 14px 20px !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    display: inline-block !important;
    box-sizing: border-box !important;
    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

/* Red Exit Button States layout */
.mcc-btn-exit {
    background-color: #b82e21 !important; 
    color: #ffffff !important;
    cursor: pointer !important;
}
.mcc-btn-exit:hover {
    background-color: #942419 !important;
}

/* Custom Theme Blue Agree & Enter Button (Dynamic inline opacity handles State 1 & State 2) */
.mcc-btn-agree {
    background-color: #1a29ad !important; 
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(48, 65, 217, 0.2) !important;
}

/* STATE 3: Sharp, dark blue hover state once the button becomes fully active/unlocked */
.mcc-btn-agree.mcc-gate-active-btn:hover {
    background-color: #0b1785 !important; /* Premium dark blue hover tone matching your brand button structure */
    box-shadow: 0 6px 16px rgba(48, 65, 217, 0.35) !important;
}
/* ==========================================
   7. CUSTOM RESEARCH NOTICE BANNER SIDE-BY-SIDE FIXED LAYOUT
   ========================================== */

/* Turn off the theme's built-in native store notice if it's active to avoid duplicates */
.woocommerce-store-notice, p.demo_store, .ct-store-notice {
    display: none !important;
}

/* Dark blue full-width master row */
#research-notice-banner {
    background-color: #04061f !important; /* Replicates their exact forest green background layout color */
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: fixed !important; /* Pinned to the layout frame */
    bottom: 0 !important;       /* Floats beautifully at the bottom edge */
    left: 0 !important;
    right: 0 !important;
    z-index: 999999 !important; /* Sits cleanly above everything else */
    margin: 0 !important;
    display: block !important;
}

/* Force the inner wrapper into a side-by-side flex layout matching your target image exactly */
.research-notice-inner {
    display: flex !important;
    flex-direction: column !important; /* Stack vertically on small phone screens */
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 16px 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1250px !important;
    margin: 0 auto !important;
}

@media (min-width: 992px) {
    .research-notice-inner {
        flex-direction: row !important; /* Text on left, button on right */
        justify-content: space-between !important;
        align-items: center !important;
        padding: 14px 40px !important;
        gap: 40px !important;
    }
}

/* Style the text properties to stay wide, active, and highly readable */
.research-notice-text {
	  font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #f2f5fc !important; /* Sharp white legal text layout */
    text-align: left !important;
    display: inline-block !important;
    margin: 0 !important;
    font-family: inherit !important;
}

@media (min-width: 992px) {
    .research-notice-text {
        flex: 1 !important; /* Takes up the majority of the room space on the left */
    }
}

/* EXPAND THE BUTTON: Format the button into a wide rectangular shape without clipping text */
#research-notice-dismiss {
    background-color: #ffffff !important; /* Crisp white button block layout shape */
    color: #04061f !important;            /* Text color matches your blue background perfectly */
    padding: 10px 22px !important;        /* Generous room padding to keep text from squishing */
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    white-space: nowrap !important;       /* Forces the words 'Agree, dismiss' to stay visible on one solid line */
    flex-shrink: 0 !important;            /* Blocks the browser from shrinking or clipping the button */
    border: none !important;
    cursor: pointer !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    transition: all 0.2s ease-in-out !important;
}

/* Clean hover feedback over the button container block */
#research-notice-dismiss:hover {
    background-color: #dae0f0 !important;
    transform: translateY(-0.05px) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2) !important;
}
/* ==========================================
   8. FIXED BLUE ACCOUNT IMAGE & LINK STYLING
   ========================================== */

/* 1. Hide the default blurry browser Gravatar image asset from loading */
.woocommerce-MyAccount-content img.avatar,
.woocommerce-MyAccount-content .avatar img,
img[class*="avatar"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* 2. REPLICATE THE IMAGE: Turn the theme's native circle container into your solid blue power logo */
.woocommerce-MyAccount-content .avatar,
.woocommerce-MyAccount-content [class*="avatar-container"],
.woocommerce-MyAccount-content p .avatar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    margin-right: 14px !important;
    margin-left: 4px !important;
    float: none !important;
    
    /* Forces the background circle to be your exact brand blue color */
    background: #3041d9 !important;
    background-color: #3041d9 !important;
    
    /* FIXED HOOK: Injects your crisp white geometric power icon shape mask directly inside it */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.36 6.64a9 9 0 1 1-12.73 0'%3E%3C/path%3E%3Cline x1='12' y1='2' x2='12' y2='12'%3E%3C/line%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 55% !important;
    box-shadow: 0 2px 5px rgba(48, 65, 217, 0.25) !important;
}

/* Remove any extra floating background markers to prevent duplicate icons */
.woocommerce-MyAccount-content p::before,
.woocommerce-MyAccount-content h2::before,
.woocommerce-MyAccount-content h3::before {
    display: none !important;
    content: none !important;
}

/* 3. BLUE UNDERLINE STYLES: Force your page links to show your signature brand-blue underlines */
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-content p a {
    color: #3041d9 !important; /* Sets the text link to your signature brand blue color */
    text-decoration: none !important;
    border-bottom: 2px solid #3041d9 !important; /* Adds the premium thick blue underline effect below links */
    padding-bottom: 2px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    display: inline !important;
}

.woocommerce-MyAccount-content a:hover {
    color: #1a27a3 !important;
    border-bottom-color: #1a27a3 !important;
}
/* ==========================================
   11. NAVIGATION HEADER ACCOUNT ICON SIZING BALANCE
   ========================================== */

/* Target the header account icon wrapper element explicitly to scale its visual weight */
.site-header a[href*="account"],
.site-header .header-account,
.site-header [class*="account"] i,
.site-header [class*="account"] svg,
.ct-header-account svg {
    width: 32px !important;  /* Bumps the width parameter up slightly to balance its look */
    height: 32px !important; /* Bumps the height parameter up to keep it perfectly square */
    transform: translateY(1.5px) !important; /* Perfect vertical alignment adjustment */
    transition: all 0.15s ease-in-out !important;
}

/* Ensure any internal icon line-height boxes do not restrict the new scale dimensions */
.site-header [class*="account"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ==========================================
   15. NATIVE COIN ICONS POLISHING & GLOW
   ========================================== */

/* Style your custom checkout radio selection buttons to have a premium appearance */
input[name="mcc_fake_radio"] {
    cursor: pointer !important;
    outline: none !important;
    transition: box-shadow 0.15s ease-in-out !important;
}

input[name="mcc_fake_radio"]:checked {
    box-shadow: 0 0 0 3px rgba(48, 65, 217, 0.15) !important; /* Polished soft blue glow effect */
}

/* Ensure your plugin's native integrated coin icons look crisp, square, and centered */
.mcc_currency_icons i[class^="mcc-"],
.mcc_currency_icons i[class*=" mcc-"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-style: normal !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-align: center !important;
}
/* ==========================================================
   18. UNIFIED CRYPTO SINGLE CARD CONTAINER & BLUE SEPARATORS
   ========================================================== */

/* 1. ERASE MASTER DOUBLE BOX: Wipe out Blocksy's native outer container lines and shadows */
div.woocommerce-checkout-payment li.payment_method_mycryptocheckout,
div.woocommerce-checkout-payment .payment_box.payment_method_mycryptocheckout,
.payment_methods li.payment_method_mycryptocheckout {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* Hide theme ghost dots on the parent wrapper */
li.payment_method_mycryptocheckout::before,
li.payment_method_mycryptocheckout::after {
    display: none !important;
    content: none !important;
}

/* 2. THE CHOSEN ONE: Make our custom wrapper list the only single card visible on the checkout page */
ul#mcc-flattened-list {
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important; /* Single premium clean outer border edge */
    border-radius: 8px !important;       /* Beautiful rounded card corners */
    box-shadow: 0 1px 3px rgba(0,0,0,0.02) !important;
    overflow: hidden !important;          /* Clips internal corners to match card radius perfectly */
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* 3. FLATTEN ROW ITEMS: Strip independent row boxes and apply your light blue division lines */
ul#mcc-flattened-list li.mcc-flat-row {
    background: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #dbeafe !important; /* Soft, premium light blue division lines */
    margin: 0 !important;
    padding: 18px 20px !important;
    display: block !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}

/* Erase the bottom dividing cut line from the absolute final coin choice row card */
ul#mcc-flattened-list li.mcc-flat-row:last-child {
    border-bottom: none !important;
}

/* Hide theme ghost dots on our flat custom rows */
ul#mcc-flattened-list li.mcc-flat-row::before,
ul#mcc-flattened-list li.mcc-flat-row::after {
    display: none !important;
    content: none !important;
}

/* 4. CONTENT ALIGNMENT: Text on the left, image badges on the far right margin edge */
ul#mcc-flattened-list li.mcc-flat-row label {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
}

ul#mcc-flattened-list li.mcc-flat-row label span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #2d3748 !important;
}

ul#mcc-flattened-list li.mcc-flat-row input[type="radio"] {
    accent-color: #3041d9 !important; /* Colors selector dot your signature brand blue */
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    cursor: pointer !important;
}
/* 5. IMAGE DESIGN CONSTRAINT: Prevents broken placeholder links from layout degradation */
ul#mcc-flattened-list img.mcc-custom-uploaded-icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    border-radius: 50% !important;
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}