.elementor-122 .elementor-element.elementor-element-2893bb97:not(.elementor-motion-effects-element-type-background), .elementor-122 .elementor-element.elementor-element-2893bb97 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-122 .elementor-element.elementor-element-2893bb97{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:120px 0px 60px 0px;}.elementor-122 .elementor-element.elementor-element-2893bb97 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-122 .elementor-element.elementor-element-1a6c8aab > .elementor-element-populated{padding:0px 100px 0px 0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-122 .elementor-element.elementor-element-4fd75b15 .elementor-heading-title{font-family:"Prata", Sans-serif;font-size:36px;font-weight:400;line-height:1.5em;color:#2E3544;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-122 .elementor-element.elementor-element-e048ef8{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:2.1px;}.elementor-122 .elementor-element.elementor-element-e048ef8 .elementor-divider-separator{width:100%;}.elementor-122 .elementor-element.elementor-element-e048ef8 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );}.elementor-122 .elementor-element.elementor-element-18680133 .cart button, .elementor-122 .elementor-element.elementor-element-18680133 .cart .button{font-family:"Playfair Display", Sans-serif;font-size:16px;font-weight:400;line-height:1.3em;border-style:solid;border-width:0px 5px 0px 0px;border-radius:0px 0px 0px 0px;padding:13px 20px 13px 20px;color:#FFFFFF;background-color:#2A2A2A;border-color:#FFFFFF;transition:all 0.2s;}.elementor-122 .elementor-element.elementor-element-18680133 .cart button:hover, .elementor-122 .elementor-element.elementor-element-18680133 .cart .button:hover{background-color:#6B2E7C;}.elementor-122 .elementor-element.elementor-element-18680133{--view-cart-spacing:0px;}.elementor-122 .elementor-element.elementor-element-18680133 .quantity .qty{font-family:"Karla", Sans-serif;font-size:16px;font-weight:600;line-height:1.5em;color:#686868;border-color:#8216DA;transition:all 0.2s;}.woocommerce .elementor-122 .elementor-element.elementor-element-18680133 form.cart table.variations label{font-family:"Playfair Display", Sans-serif;font-size:26px;}.woocommerce .elementor-122 .elementor-element.elementor-element-18680133 form.cart table.variations td.value select, .woocommerce .elementor-122 .elementor-element.elementor-element-18680133 form.cart table.variations td.value:before{border-radius:0px;}.elementor-122 .elementor-element.elementor-element-7f18a137:not(.elementor-motion-effects-element-type-background), .elementor-122 .elementor-element.elementor-element-7f18a137 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-122 .elementor-element.elementor-element-7f18a137{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 120px 0px;}.elementor-122 .elementor-element.elementor-element-7f18a137 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs ul.wc-tabs li a{color:#FFFFFF;font-family:"Playfair Display", Sans-serif;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs ul.wc-tabs li{background-color:#6B2E7C;border-radius:11px 11px 0 0;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs ul.wc-tabs li.active a{color:#000000;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs .woocommerce-Tabs-panel, .woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs ul.wc-tabs li.active{background-color:#FFFFFF;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs ul.wc-tabs li.active{border-bottom-color:#FFFFFF;border-color:#BCB6B6 #BCB6B6 #FFFFFF #BCB6B6;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs .woocommerce-Tabs-panel{border-color:#BCB6B6;font-family:"Playfair Display", Sans-serif;font-size:20px;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs ul.wc-tabs li:not(.active){border-bottom-color:#BCB6B6;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-Tabs-panel{color:#6B2E7C;}.woocommerce .elementor-122 .elementor-element.elementor-element-1e93a54a .woocommerce-tabs .woocommerce-Tabs-panel h2{font-family:"Playfair Display", Sans-serif;}@media(max-width:1024px){.elementor-122 .elementor-element.elementor-element-2893bb97{padding:70px 20px 35px 20px;}.elementor-122 .elementor-element.elementor-element-1a6c8aab > .elementor-element-populated{padding:0px 30px 0px 0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-122 .elementor-element.elementor-element-7f18a137{padding:35px 20px 70px 20px;}}@media(max-width:767px){.elementor-122 .elementor-element.elementor-element-2893bb97{padding:70px 20px 70px 20px;}.elementor-122 .elementor-element.elementor-element-1a6c8aab > .elementor-element-populated{padding:0px 0px 30px 0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-122 .elementor-element.elementor-element-7f18a137{padding:70px 20px 70px 20px;}}/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-18680133 *//* --- 1. The Breakdown Area (Force Override Inline Styles) --- */
.woocommerce-variation-description .metal-price-breakdown {
    background: transparent !important; 
    background-color: transparent !important;
    border-left: 2px solid #441a52 !important; /* Your dark purple */
    padding: 10px 0 10px 15px !important; 
    font-family: 'Playfair Display', serif !important; 
    color: #333 !important;
}

/* Ensure the text inside also respects the font */
.woocommerce-variation-description .metal-price-breakdown p {
    margin: 0 0 5px 0 !important; /* Cleans up the paragraph spacing */
}

.woocommerce-variation-description .metal-price-breakdown strong,
.woocommerce-variation-description .metal-price-breakdown b {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    color: #000 !important;
}
/* --- 2. The Main Price (Larger & Thinner) --- */
.woocommerce-variation-price .price,
.woocommerce-variation-price .price .woocommerce-Price-amount.amount,
.woocommerce-variation-price .price ins .woocommerce-Price-amount.amount {
    color: #441a52 !important; 
    font-size: 42px !important; /* Increased from 34px to make it noticeably larger */
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important; /* Dropped from 600 (bold) to 400 (regular) for a more elegant look */
    display: block !important;
    margin-bottom: 15px !important;
}

/* Optional: Hides the original elementor widget price if the variation price duplicates it */
.woocommerce-variation-price .price del .woocommerce-Price-amount.amount {
    font-size: 20px !important; 
    color: #888 !important;
}
.woocommerce-Price-currencySymbol {
    margin-right: 8px; /* Adjust this value to get the exact space you want */
}/* End custom CSS */
/* Start custom CSS *//* --- 1. Strip the Gray Background & Spacing --- */
/* Target the specific wrapper Emran's plugin uses */
.woo-variation-items-wrapper, 
.wvs-pro-wrapper {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
}

/* Ensure the table holding the variations is clean */
table.variations {
    background-color: transparent !important;
    border: none !important;
}

table.variations th, 
table.variations td {
    background-color: transparent !important;
    padding-left: 0 !important;
}

/* --- 2. Refine the Label ("Metal Type") --- */
table.variations .label {
    padding-bottom: 10px !important;
    color: #333 !important; /* Soften the black */
}

/* --- 3. Style the Swatch Buttons (18K, 22K, Silver) --- */
/* Target the button swatches specifically */
.woo-variation-swatches .variable-items-wrapper .variable-item {
    border: 1px solid #e5e5e5 !important; /* Soft, elegant border */
    border-radius: 2px !important; /* Very slight rounding */
    background-color: #fff !important;
    color: #555 !important;
    box-shadow: none !important; /* Remove any default plugin shadow */
    transition: all 0.2s ease-in-out !important;
}

/* Hover state for swatches */
.woo-variation-swatches .variable-items-wrapper .variable-item:hover {
    border-color: #000 !important;
    color: #000 !important;
}

/* Selected state for swatches */
.woo-variation-swatches .variable-items-wrapper .variable-item.selected, 
.woo-variation-swatches .variable-items-wrapper .variable-item:focus {
    border-color: #000 !important;
    box-shadow: inset 0 0 0 1px #000 !important; /* Creates a sharp inner border effect */
    color: #000 !important;
}

/* --- 4. Fix the Red "Clear" Link --- */
.reset_variations {
    color: #888 !important; /* Soft gray instead of red */
    font-size: 13px !important;
    text-transform: capitalize !important;
    text-decoration: underline !important;
    margin-top: 10px !important;
    display: inline-block !important;
    transition: color 0.2s ease !important;
}

.reset_variations:hover {
    color: #000 !important; /* Darkens on hover */
}
/* --- 1. The Breakdown Area (Making Charge, Metal Cost) --- */
/* Targets the container holding the breakdown text */
.woocommerce-variation-description,
.woocommerce-variation-custom-fields,
form.cart .price-breakdown-wrapper {
    background-color: transparent !important; /* Removes the clunky gray background */
    border-left: 2px solid #441a52 !important; /* Changes the thick yellow line to your elegant purple */
    padding: 10px 0 10px 15px !important; /* Cleans up the spacing */
    font-family: 'Playfair Display', serif !important; /* Applies the serif font */
    color: #333 !important;
}

/* Ensures the bold labels inside the breakdown also use Playfair Display */
.woocommerce-variation-description strong,
.woocommerce-variation-description b,
form.cart strong, 
form.cart b {
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    color: #000 !important;
}

/* --- 2. The Main Price --- */
/* Targets the dynamic price that changes when a swatch is clicked */
.woocommerce-variation-price .price,
.woocommerce-variation-price .price .woocommerce-Price-amount.amount,
.woocommerce-variation-price .price ins .woocommerce-Price-amount.amount {
    color: #441a52 !important; /* Changes the yellow text to dark purple */
    font-size: 34px !important; /* Bumps up the size significantly */
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    display: block !important;
    margin-bottom: 15px !important;
}

/* Optional: Hides the original elementor widget price if the variation price duplicates it */
.woocommerce-variation-price .price del .woocommerce-Price-amount.amount {
    font-size: 20px !important; /* Keeps the 'sale' strikethrough price a bit smaller if you use it later */
    color: #888 !important;
}
/* --- Reorder: Put Price Above Breakdown --- */
.woocommerce-variation {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Forces the Price to the top slot */
.woocommerce-variation-price {
    order: 1 !important;
    margin-bottom: 15px !important;
}

/* 2. Pushes the Breakdown (Making Charge/Metal Cost) to the second slot */
.woocommerce-variation-description,
.woocommerce-variation-custom-fields {
    order: 2 !important;
    margin-bottom: 20px !important;
}

/* --- 2. The Main Price (Force Thinner Weight on Live) --- */
.woocommerce-variation-price .price,
.woocommerce-variation-price .price .woocommerce-Price-amount.amount,
.woocommerce-variation-price .price ins .woocommerce-Price-amount.amount,
.woocommerce-variation-price .price bdi, 
.woocommerce-variation-price .price b, 
.woocommerce-variation-price .price strong {
    color: #441a52 !important; 
    font-size: 42px !important; 
    font-family: 'Playfair Display', serif !important;
    font-weight: 400 !important; /* Forces regular weight */
    display: block !important;
    margin-bottom: 15px !important;
}
/* --- Hide the redundant selected variation text --- */
.woo-selected-variation-item-name {
    display: none !important;
}
/* --- 5. Swatch Sizing & Spacing --- */
/* Add space between the "Metal Type" label and the buttons */
table.variations td.label {
    padding-bottom: 15px 
}
/* Make the boxes proportionately larger from all sides */
.woo-variation-swatches .variable-items-wrapper .variable-item {
    padding: 20px 20px !important; /* Increases vertical padding, balances horizontal */
    font-size: 16px !important; /* Bumps up the text size to match the new box size */
    transition: all 0.3s ease !important;
    transform: scale(1) !important;
    min-width: 100px !important; /* Ensures the buttons don't shrink too small on shorter words like "Silver" */
    text-align: center !important;
}

/* --- 6. Hover & Active Grow Animation + Purple Colors --- */
/* When hovering over a button */
.woo-variation-swatches .variable-items-wrapper .variable-item:hover {
    background-color: #6b2e7c !important; /* Your custom purple */
    border-color: #6b2e7c !important;
    color: #ffffff !important; /* Changes text to white so it's readable on dark purple */
    transform: scale(1.08) !important; /* Grows the button by 8% */
}

/* When the button is clicked/active */
.woo-variation-swatches .variable-items-wrapper .variable-item.selected,
.woo-variation-swatches .variable-items-wrapper .variable-item:focus {
    background-color: #6b2e7c !important; 
    border-color: #6b2e7c !important;
    color: #ffffff !important; 
    box-shadow: 0 5px 15px rgba(107, 46, 124, 0.2) !important; /* Adds a soft elegant purple drop-shadow */
    transform: scale(1.08) !important; /* Keeps the button in its grown state */
}
/* =========================================================
   LUXURY WOOCOMMERCE TABS & ATTRIBUTES TABLE OVERRIDE
========================================================= */

/* --- 1. Clean Up the Tab Navigation --- */
.woocommerce-tabs ul.tabs {
    border-bottom: 1px solid #e5e5e5 !important; /* Soft line under all tabs */
    padding: 0 !important;
    margin-bottom: 30px !important;
    display: flex !important;
    gap: 40px !important; /* Breathing room between tabs */
}

/* Base style for inactive tabs */
.woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    padding: 0 0 10px 0 !important;
    margin: 0 !important;
    border-radius: 0 !important; /* Removes the rounded corners */
}

.woocommerce-tabs ul.tabs li a {
    color: #888 !important; /* Soft gray for unselected tabs */
    font-family: 'Playfair Display', serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    transition: all 0.3s ease !important;
}

/* Style for the ACTIVE tab */
.woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid #441a52 !important; /* Your elegant dark purple */
    z-index: 2 !important; /* Keeps the purple line above the gray line */
}

.woocommerce-tabs ul.tabs li.active a {
    color: #000 !important; /* Darkens text when active */
}

/* Removes WooCommerce's default weird tab outlines */
.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after {
    display: none !important; 
}

/* --- 2. Hide the redundant H2 heading --- */
.woocommerce-Tabs-panel h2 {
    display: none !important;
}

/* --- 3. Minimalist Attributes Table --- */
table.shop_attributes {
    border: none !important; /* Kills the main table border */
}

table.shop_attributes tr {
    border-bottom: 1px solid #f5f5f5 !important; /* Very faint line between rows */
}

table.shop_attributes tr:last-child {
    border-bottom: none !important;
}

table.shop_attributes th,
table.shop_attributes td {
    border: none !important;
    background: transparent !important; /* Kills the gray background */
    padding: 15px 0 !important; /* Adds airy spacing */
}

/* Table Labels ("Weight", "Metal Type") */
table.shop_attributes th {
    width: 150px !important; /* Keeps labels neatly aligned */
    color: #333 !important;
    font-family: 'Playfair Display', serif !important;
    font-weight: 600 !important;
    text-align: left !important;
}

/* Table Values ("4 g", "18K GOLD...") */
table.shop_attributes td,
table.shop_attributes td p {
    color: #555 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; /* Clean sans-serif for reading specs */
    font-style: normal !important; /* Overrides the clunky italics */
    text-align: left !important;
    margin: 0 !important;
}
/* =========================================================
   LUXURY WOOCOMMERCE REVIEWS FORM OVERRIDE
========================================================= */

/* --- 1. Typography for Headings and Labels --- */
#review_form #reply-title {
    font-family: 'Playfair Display', serif !important;
    font-size: 26px !important;
    color: #441a52 !important; /* Elegant dark purple */
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    display: block !important;
}

.woocommerce-noreviews,
.comment-form-rating label,
.comment-form-comment label {
    font-family: 'Playfair Display', serif !important;
    color: #333 !important;
    font-size: 16px !important;
}

/* --- 2. The Star Rating System --- */
/* Overrides the default WooCommerce pink/red stars */
.woocommerce p.stars a {
    color: #441a52 !important; 
}

.woocommerce p.stars a:hover, 
.woocommerce p.stars a:focus, 
.woocommerce p.stars a.active {
    color: #441a52 !important; 
}

/* --- 3. The Textarea (Review Input) --- */
#review_form textarea {
    width: 100% !important;
    border: 1px solid #e5e5e5 !important; /* Clean, light gray default border */
    padding: 15px !important;
    border-radius: 2px !important; /* Subtle rounding */
    background: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 15px !important;
    color: #333 !important;
    transition: border-color 0.3s ease !important;
    box-shadow: none !important;
}

/* Adds a sophisticated highlight when the user is typing */
#review_form textarea:focus {
    border-color: #441a52 !important; 
    outline: none !important;
}

/* --- 4. The Submit Button --- */
#review_form .submit {
    background-color: #441a52 !important; 
    color: #fff !important;
    border: none !important;
    padding: 14px 40px !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important; /* Adds breathing room between letters for a premium feel */
    border-radius: 2px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    margin-top: 15px !important;
}

#review_form .submit:hover {
    background-color: #000 !important; /* Classy transition to stark black on hover */
}
/* --- Fix Linked Attributes in the Specs Table (Stones, etc.) --- */
table.shop_attributes td a,
table.shop_attributes td p a {
    color: #555 !important; /* Forces the text to match the dark gray of the other specs */
    text-decoration: none !important; /* Removes any default underlines */
    pointer-events: none !important; /* Completely disables the link so it cannot be clicked */
    cursor: default !important; /* Stops the mouse from turning into a 'clicking hand' on hover */
    font-weight: normal !important;
}/* End custom CSS */