/*

 Theme Name: Jasper Diamond Photography
 Author: justpurple webdesign
Description: Jasper Diamond Photography Theme
Template: Divi
Version: 1.0.0

*/

/*

 Theme Name: Jasper Diamond Photography
 Author: justpurple webdesign
Description: Jasper Diamond Photography Theme
Template: Divi
Version: 1.0.0

*/

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.65;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  letter-spacing: 0.015em;
}

h1 {
  font-weight: 400;
  font-size: 45px;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  color: #1f1f1f;
}

/* Body text */
body,
p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.7em;
  letter-spacing: 0;
  color: #555555;
}

/* Woo: Add-to-cart message */

/* Woo: Add-to-cart message - Dark Green Bubble */

/* Paint the area behind the bubble to match the site background */
.woocommerce-notices-wrapper {
    background-color: #faf8f5 !important; 
    
    padding: 10px 0 !important; /* Adds a tiny bit of padding so the bubble doesn't touch the edges of the cream area */
}

.woocommerce .woocommerce-message {
    background-color: #5e7f6a !important;
    margin: 0 auto !important; /* Centers the bubble if needed */
}

.woocommerce-message {
    color: #ffffff !important;
    border-radius: 10px !important;
    padding: 1em 1.5em !important;
    border: none !important;
}

/* Ensure all text inside is white */
.woocommerce-message,
.woocommerce-message strong {
    color: #ffffff !important;
}

/* View cart button */
.woocommerce-message a.button {
    background-color: #ffffff !important;
    color: #5e7f6a !important;
    padding: 0.5em 1.2em !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 10px !important;
}

/* Button hover */
.woocommerce-message a.button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
    color: #5e7f6a !important;
}

/* Woo: error notices */
.woocommerce .woocommerce-error {
  background-color: #8f3d3d;
  color: #ffffff;
  border-radius: 10px;
  padding: 1em 1.5em;
  border: none;
}

/* Woo: info notices */
.woocommerce .woocommerce-info {
  background-color: #5e7f6a;
  color: #ffffff;
  border-radius: 10px;
  padding: 1em 1.5em;
  border: none;
}

/* Ensure text inside notices stays white */
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error *,
.woocommerce .woocommerce-info * {
  color: #ffffff;
}

/* Woo: Cart totals box */
.woocommerce .cart_totals {
  background-color: #f1eee9;
  border-radius: 10px;
  padding: 1.5em;
  border: none;
}

/* Woo: Checkout primary button */
.woocommerce #place_order {
  background-color: #5e7f6a;
  color: #ffffff;
  border-radius: 10px;
  padding: 0.75em 2em;
  font-weight: 600;
  border: none;
}

/* Hover */
.woocommerce #place_order:hover {
  background-color: rgba(94, 127, 106, 0.9);
  color: #ffffff;
}

/* Woo: Cart product name */
.woocommerce-cart .product-name a {
  color: #5e7f6a;
  font-weight: 600;
}

/* Woo quantity input */
.woocommerce div.quantity input.qty {
  background-color: #faf8f5;
  color: #1f1f1f;
  border: 2px solid #e0ddd8;
  border-radius: 10px;
  padding: 0.6em 0.8em;
  font-size: 16px;
  font-weight: 600;
  width: 80px;
  text-align: center;
  box-shadow: none;
}

/* Show quantity label visually */
.woocommerce div.quantity label {
  position: static;
  width: auto;
  height: auto;
  clip: auto;
  margin-bottom: 6px;
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #555555;
}

/* Align quantity + button to the right */
.woocommerce div.product form.cart {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px; /* spacing between quantity and button */
  flex-wrap: wrap; /* ensures mobile wraps nicely */
}

/* Remove border around pagination row */
.woocommerce nav.woocommerce-pagination {
  border: none !important;
  box-shadow: none !important;
}

.woocommerce nav.woocommerce-pagination {
  margin-top: 30px;
  text-align: center;
}

.woocommerce nav.woocommerce-pagination ul {
  border: none;
  display: inline-flex;
  gap: 8px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #f1eee9;
  color: #1f1f1f;
  padding: 10px 14px;
  border-radius: 6px;
  font-weight: 600;
  border: none;
  transition: all 0.2s ease;
}

.woocommerce nav.woocommerce-pagination ul li a:hover {
  background: #5e7f6a;
  color: #ffffff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #5e7f6a;
  color: #ffffff;
}

/* =====================================================
   QUICK VIEW – CLEAN, STACKED, EDITORIAL STYLE
   ===================================================== */

/* --- Popup shell & container --- */
.mfp-wrap .mfp-content,
.woosq-popup,
.woosq-product {
  background: #faf8f5 !important;
  max-width: 80vw !important;
  width: 80vw !important;
  height: auto !important;
  margin: 40px auto;
  border-radius: 14px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.18);
  color: #1f1f1f;
  overflow: visible !important;
}

/* Remove internal borders globally */
.woosq-popup *,
.woosq-popup *::before,
.woosq-popup *::after {
  border-color: #f1eee9 !important;
}

/* --- Product image (hero style) --- */
.woosq-popup .woocommerce-product-gallery {
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 32px;
  background: #faf8f5 !important;
}

.woosq-popup .woocommerce-product-gallery img {
  width: 100%;
  height: auto;
  border-radius: 12px;
  background: #f1eee9;
}

/* Thumbnails */
.woosq-popup .flex-control-thumbs img {
  border-radius: 6px;
  opacity: 0.65;
  transition: opacity 0.2s ease;
}

.woosq-popup .flex-control-thumbs img:hover,
.woosq-popup .flex-control-thumbs img.flex-active {
  opacity: 1;
}

/* --- Content area --- */
.woosq-popup .summary,
.woosq-popup .entry-summary,
.woosq-popup .woocommerce-product-details__short-description,
.woosq-popup form.cart {
  width: 100% !important;
  padding: 0 8% 40px;
  box-sizing: border-box;
  background: #faf8f5 !important;
}

.woosq-popup .summary > * {
  max-width: 680px;
  margin-bottom: 18px;
}

/* --- Title --- */
.woosq-popup .product_title {
  font-size: 22px;
  font-weight: 600;
  color: #1f1f1f;
  margin-bottom: 8px;
}

/* --- Add to cart button --- */
.woosq-popup .single_add_to_cart_button {
  background: #5e7f6a !important;
  color: #ffffff !important;
  border-radius: 30px;
  padding: 14px 28px;
  font-weight: 600;
  letter-spacing: 0.4px;
  border: none;
  transition: all 0.25s ease;
}

.woosq-popup .single_add_to_cart_button:hover {
  background: #4c6a58 !important;
  transform: translateY(-1px);
}

/* Quantity input */
.woosq-popup .quantity input.qty {
  background: #ffffff;
  border: 1px solid #f1eee9;
  border-radius: 30px;
  padding: 8px 14px;
}

/* --- Close button --- */
.mfp-close {
  color: #555555 !important;
  opacity: 0.6;
  transition: opacity 0.2s ease;
}

.mfp-close:hover {
  opacity: 1;
}

/* --- Quick View button on product cards --- */
.woosq-btn {
  background: rgba(94,127,106,0.85);
  color: #ffffff;
  border-radius: 30px;
  padding: 8px 18px;
  font-size: 13px;
  letter-spacing: 0.4px;
  border: none;
}

.woosq-btn:hover {
  background: #5e7f6a;
}

/* --- Remove WooCommerce "fake borders" --- */
.woosq-popup .woocommerce,
.woosq-popup .woocommerce-product-gallery,
.woosq-popup .summary,
.woosq-popup .product,
.woosq-popup .entry-summary {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

/* --- Mobile behaviour --- */
@media (max-width: 768px) {
  .mfp-wrap .mfp-content,
  .woosq-popup {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0;
    border-radius: 0;
  }

  .woosq-popup .summary {
    padding: 0 24px 40px;
  }
}

/* --- Price styling in Quick View popup --- */
.woosq-popup .price,
.woosq-popup .woocommerce-Price-amount {
  color: #5e7f6a !important; /* Replace with your brand colour */
  font-weight: 600;           /* Optional: make it bolder */
}

/* Centre quantity and Add to Cart button horizontally */
.woosq-popup form.cart {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 12px;
}

/* Make sure quantity input container and button don't force full width */
.woosq-popup form.cart .quantity,
.woosq-popup form.cart .single_add_to_cart_button {
  display: inline-block !important;
  width: auto !important;
}

/* Mobile-Only Category Scroll - Branded */
/* Mobile-Only Category Scroll - Branded */
.gb-mobile-scroll-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 15px 0;
  background-color: #f1eee9; /* Your Row BG */
  scrollbar-width: none; 
}

.gb-mobile-nav {
  display: flex;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 15px !important;
  gap: 12px;
}

.gb-mobile-nav li {
  flex: 0 0 140px; 
}

.gb-cat-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px; 
  color: #ffffff !important; 
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.03em;
  text-decoration: none !important;
  border-radius: 10px;
  /* Use the provided placeholder for all buttons */
  background-image: url('https://jasperdiamondphotography.com/wp-content/uploads/2026/01/Parrot-Feather_WEB.webp');
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* Overlay using Primary Text color at 40% opacity */
.gb-cat-btn::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(31, 31, 31, 0.4); 
  z-index: -1;
}

/* Active State using Highlight Accent */
.gb-cat-btn.active-cat {
  outline: 4px solid #5e7f6a;
  outline-offset: -4px;
}

.gb-mobile-scroll-container::-webkit-scrollbar {
  display: none;
}

/* Unique styling for the 'View All' / Shop Button */
.gb-cat-btn.cat-all {
  background-image: none !important; /* No image for this one */
  background-color: #5e7f6a !important; /* Your Accent Color */
  border: 1px solid #1f1f1f; /* Primary text color as a subtle border */
}

/* Optional: Add a small arrow before the text to signal 'Return' */
.gb-cat-btn.cat-all::before {
  content: "← "; 
  background: none; /* Remove the dark overlay for this button */
  position: static;
  margin-right: 5px;
}

/* Ensure 'View All' doesn't get the dark overlay */
.gb-cat-btn.cat-all::after {
  display: none;
}

/* Force the dynamic text module to look like an H3 */
.gb-dynamic-h3 .et_pb_text_inner {
    font-size: 25px !important;
    font-weight: 600 !important;
    color: #1f1f1f !important;
    line-height: 1.2em !important;
    letter-spacing: 0.015em !important;
    display: block !important;
}



/* This ensures the "Before" span and the Title sit on the same line */
.gb-dynamic-h3 .et_pb_text_inner span {
    font-size: 25px !important;
    color: #1f1f1f !important;
    font-weight: 600 !important;
    display: inline !important; 
    margin-right: 5px; /* Adds space after "Category:" */
}

/* =====================================================
   WOOCOMMERCE PRODUCT GRID STYLING
   ===================================================== */

/* 1. Product Name: 16px, Regular, Dark, Left-Aligned */
.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 16px !important;
    font-weight: 400 !important; /* Regular */
    color: #1f1f1f !important; /* Darker Primary Text */
    line-height: 1.4em !important;
    letter-spacing: 0 !important; 
    text-align: left !important; 
    margin-top: 12px !important;
    margin-bottom: 4px !important;
    padding: 0 !important;
}

/* 2. Price Container: 16px, Accent Green, Left-Aligned */
.woocommerce ul.products li.product span.price {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #5e7f6a !important; /* Accent Green */
    text-align: left !important;
    display: block !important; /* Keeps the container left-aligned */
    width: 100% !important;
}

/* 3. Price Horizontal Flow: Keep amounts and dash on one line */
.woocommerce ul.products li.product span.price .amount,
.woocommerce ul.products li.product span.price bdi,
.woocommerce ul.products li.product span.price span {
    display: inline !important; /* Forces horizontal flow */
    color: inherit !important;
    font-size: inherit !important;
}

/* 4. Global Alignment Override for the Product Card */
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
    text-align: left !important;
}

/* =====================================================
    REFINED FOOTER: MASTER STYLING (#5e7f6a Background)
   ===================================================== */

/* 1. Artist Statement (Column 1 - Text Module) */
.et_pb_text_1_tb_footer .et_pb_text_inner {
    color: #faf8f5 !important; /* Brighter for contrast */
    font-size: 15px !important;
    line-height: 1.8em !important; 
    font-weight: 400 !important;
    text-align: left; /* Aligns with the logo below it */
}

/* 2. Vertical Menu (Column 2 - Text Module with class 'gb-footer-links') */
.gb-footer-links .et_pb_text_inner {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.gb-footer-links p {
    margin-bottom: 0 !important; /* Prevents double spacing from  tags */
    padding: 0 !important;
}

.gb-footer-links a {
    color: #faf8f5 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    transition: all 0.3s ease;
}

.gb-footer-links a:hover {
    color: #f1eee9 !important;
    padding-left: 5px;
}

/* 3. Social & Email (Column 3) */

/* Instagram Icon: Monochrome & Sized */
.et_pb_social_media_follow_0_tb_footer {
    padding: 0 !important;
    margin-bottom: 10px !important;
    text-align: center !important;
}

.et_pb_social_media_follow_0_tb_footer li a.icon {
    background-color: transparent !important;
    color: #faf8f5 !important;
    font-size: 36px !important; /* Larger touch target for mobile */
}

.et_pb_social_media_follow_0_tb_footer li a.icon:hover {
    color: #f1eee9 !important;
    transform: scale(1.1);
}

/* Email Styling: Larger & Lighter */
.et_pb_text_0_tb_footer .et_pb_text_inner p {
    color: #faf8f5 !important; /* Brighter off-white */
    font-size: 18px !important; /* Prominent size */
    font-weight: 500 !important;
    text-align: center !important;
    margin-top: 5px !important;
}

/* 4. Mobile Responsiveness: Force Centering on Phones */
@media (max-width: 980px) {
    .et_pb_text_1_tb_footer .et_pb_text_inner,
    .gb-footer-links .et_pb_text_inner {
        text-align: center !important;
        align-items: center !important;
        margin-bottom: 40px;
    }
}


/* =====================================================
   CLEAN GLOBAL HEADER: LOGO & SINGLE CART FIX
   ===================================================== */

/* 1. Logo: No Stretching, Constrained Height */
header.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__logo img {
    height: 45px !important; /* Set your preferred height */
    width: auto !important;   /* Crucial: Prevents horizontal stretching */
    max-height: 45px !important;
    object-fit: contain !important; /* Ensures the bird stays centered in its box */
}

/* 2. Menu Links: Clean Off-White Uppercase */
header.et-l--header .et_pb_menu_0_tb_header ul li a {
    color: #faf8f5 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* 3. The Cart Icon: Style the existing one, don't create a new one */
header.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__cart-button {
    color: #faf8f5 !important;
    font-size: 22px !important;
    text-decoration: none !important;
}

/* Remove the "Double Cart" artifact created by our previous :before rule */
header.et-l--header .et_pb_menu_0_tb_header .et_pb_menu__cart-button:before {
    display: none !important; 
}

/* 4. Hide the Hamburger 'Artifact' on Desktop */
@media (min-width: 981px) {
    .et_pb_menu_0_tb_header .et_mobile_nav_menu {
        display: none !important;
    }
}

/* =====================================================
   HOME PAGE HERO & HEADER LOGIC (STATIC VERSION)
   ===================================================== */

/* 1. Header Transparency (Home Only) */
.home header.et-l--header .et_pb_section_0_tb_header {
    background-color: rgba(94, 127, 106, 0.4) !important;
    position: absolute !important;
    width: 100%;
    z-index: 9999;
    border-bottom: none !important;
}

/* 2. Content Alignment (Home Only) */
.home #main-content {
    padding-top: 0 !important;
}

/* 3. Slider Section Layout Fixes */
.et_pb_fullwidth_section {
    position: relative !important;
    overflow: visible !important;
}

/* 4. Hero Signature Logo Styling (Centered) */

/* Target the wrapper for the signature image */
.gb-hero-slider .et_pb_slide_image {
    float: none !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    animation: fadeInScale 1.5s ease-out; /* Keeping the elegant entry */
}

/* Constrain the logo so it doesn't swallow the feathers */
.gb-hero-slider .et_pb_slide_image img {
    max-width: 550px !important; /* Adjust this to size your signature */
    width: 90% !important;
    height: auto !important;
    margin-top: 0 !important; /* Overriding the -99px inline style */
}

/* Ensure the container isn't pushing it to the left */
.gb-hero-slider .et_pb_slider_container_inner {
    text-align: center !important;
    width: 100% !important;
}

@keyframes fadeInScale {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

/* 5. The Static Scroll Down Arrow (No Animation) */
.gb-hero-slider:after {
    font-family: 'ETmodules' !important;
    content: "\33" !important; 
    position: absolute !important;
    bottom: 35px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #faf8f5 !important;
    font-size: 45px !important;
    z-index: 99 !important;
    pointer-events: none !important;
    opacity: 0.6 !important;
}

/* 6. Mobile Responsiveness (Handhelds) */
@media (max-width: 767px) {
    .gb-hero-slider .et_pb_slide_description h2.et_pb_slide_title {
        font-size: 22px !important;
        letter-spacing: 0.15em !important;
        line-height: 1.4em !important;
    }
    
    .gb-hero-slider .et_pb_container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 100vh !important;
    }
}

/* 7. Safety: Hide Button Wrapper */
.gb-hero-slider .et_pb_button_wrapper {
    display: none !important;
}

/* --- Enhanced 2026 Liquid Glass --- */
.jdp-glass-panel {
    background: rgba(255, 255, 255, 0.35) !important; /* Slightly more opaque */
    backdrop-filter: blur(20px) !important; /* Deeper frost for more "pop" */
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important; /* Brighter "edge" highlight */
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1) !important; /* Soft, deep shadow */
    padding: 60px 40px !important; /* Give the text room to breathe */
    
}
@media (max-width: 980px) {
    .jdp-glass-panel { padding: 30px 15px !important; }
}


/* Force Backdrop Blur - Bypassing Divi Validation */
.jdp-glass-button .et_pb_button {
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
}

/* JDP Floating Glass Module - Row Background Version */
.jdp-collection-header {
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 10px !important;
    
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    
    /* Mobile-First: Centered */
    
    
    margin: 0 auto !important;
    text-align: center;
}


.jdp-glass-skin {
    background: rgba(255, 255, 255, 0.05) !important; 
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 10px !important;
    padding: 20px 40px !important; /* Adjust padding to suit your text width */
  
}

/* =====================================================
   WOOCOMMERCE ACCOUNT & LOGIN PAGE - DARK TEXT FIX
   ===================================================== */

/* Force dark primary text for account and login pages */
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account strong,
.woocommerce-account label,
.woocommerce-account .woocommerce-form-login__rememberme {
    color: #1f1f1f !important; /* Your Primary Dark Color */
}

/* Force grey body text for paragraphs and login hints */
.woocommerce-account p,
.woocommerce-account .woocommerce-privacy-policy-text,
.woocommerce-account .woocommerce-MyAccount-content p {
    color: #555555 !important; /* Your Global Body Color */
}

/* Sidebar Navigation: Ensure links are dark and legible */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color: #1f1f1f !important;
    font-weight: 600 !important;
}

/* Navigation: Branded active and hover states */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: #5e7f6a !important; /* Your Accent Green */
}

/* Links within content: High contrast Green */
.woocommerce-account .woocommerce-MyAccount-content a {
    color: #5e7f6a !important;
    text-decoration: underline !important;
}

/* =====================================================
   WOOCOMMERCE LOGIN PAGE - LOST PASSWORD & LABEL FIX
   ===================================================== */

/* Force labels and "Remember me" text to Primary Dark */
.woocommerce form.login label,
.woocommerce form.login .woocommerce-form-login__rememberme span {
    color: #1f1f1f !important;
    font-weight: 600 !important;
}

/* Force "Lost your password?" link to Brand Accent Green */
.woocommerce-LostPassword.lost_password a {
    color: #5e7f6a !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease;
}

/* Hover state for the link */
.woocommerce-LostPassword.lost_password a:hover {
    color: #1f1f1f !important; /* Darker on hover for feedback */
}

/* Ensure the login header is also dark */
.woocommerce .et_pb_text_inner h2 {
    color: #1f1f1f !important;
    margin-bottom: 20px !important;
}

/* =====================================================
   PRODUCT PAGE: VARIATION "CLEAR" & PRICE STYLING
   ===================================================== */

/* 1. Variation "Clear" Link: Dark & Underlined for visibility */
a.reset_variations {
    color: #1f1f1f !important; /* Force Primary Dark */
    font-weight: 600 !important;
    font-size: 14px !important;
    margin-left: 15px !important;
    text-decoration: underline !important;
    transition: color 0.2s ease;
}

/* Hover state for "Clear" */
a.reset_variations:hover {
    color: #5e7f6a !important; /* Fades to Brand Green */
}

/* 2. Variation Price: Prominent & Dark */
.woocommerce-variation-price .price {
    color: #1f1f1f !important; /* Force Primary Dark */
    font-size: 24px !important; /* Larger for "Architecture of Beauty" impact */
    font-weight: 600 !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* 3. Ensure currency symbol matches */
.woocommerce-variation-price .price .woocommerce-Price-currencySymbol {
    color: inherit !important;
}

/* =====================================================
   CHECKOUT PAGE: PRIVACY & TERMS TEXT LEGIBILITY
   ===================================================== */

/* 1. Policy & Terms Base Text: Primary Grey */
.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text p,
.woocommerce-terms-and-conditions-checkbox-text {
    color: #555555 !important; /* Global Body Color */
    font-weight: 600 !important;
}

/* 2. Policy & Terms Links: Brand Accent Green */
.woocommerce-checkout a.woocommerce-privacy-policy-link,
.woocommerce-checkout a.woocommerce-terms-and-conditions-link {
    color: #5e7f6a !important; /* Accent Green */
    font-weight: 700 !important;
    text-decoration: underline !important;
}

/* Hover state for feedback */
.woocommerce-checkout a.woocommerce-privacy-policy-link:hover,
.woocommerce-checkout a.woocommerce-terms-and-conditions-link:hover {
    color: #1f1f1f !important; /* Darker on hover */
}

/* 3. The Required Asterisk (*) Color */
.woocommerce-checkout .required {
    color: #8f3d3d !important; /* Matching your Error Notice Red */
    text-decoration: none !important;
}