/* Hide category page title and remove surrounding white space */
.archive .page-hero-section,
.archive .page-header,
.archive .entry-title,
.archive .page-title-section {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  visibility: hidden;
}

.archive .content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#mobile-drawer .kadence-menu li a {
    justify-content: center;
    text-align: center;
}

/* Add internal padding to the cart page elements for better spacing */

/* Targets the main cart items table */
.woocommerce-cart-form {
    padding-left: 15px !important; 
    padding-right: 15px !important;
}

/* Targets the cart totals and payment section */
.cart-collaterals {
    padding-left: 15px !important; 
    padding-right: 15px !important;
}

/* Targets the overall container for extra safety */
.woocommerce-cart .entry-content {
    padding-left: 15px !important; 
    padding-right: 15px !important;
}

/* Optional: You can try increasing the pixel value (e.g., 20px or 30px) if 15px is too subtle. */

/* Alternative CSS to target the main form sections, usually effective */

/* Adds space above and below the entire 'Shipping options' box */
.shipping_address + .shipping_options {
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Adds space inside the list items themselves */
#shipping_method li {
    padding: 10px 0; /* 10px top/bottom padding, 0 left/right */
    margin-bottom: 5px; /* Adds space between options */
}

/* Custom CSS to add padding to the left and right sides of the main checkout content area */
.woocommerce-checkout .woocommerce-form-row {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Fallback: Targeting the overall form wrap */
.woocommerce-checkout form {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Custom CSS to right-align the price in the entire Order Summary Table */

/* Targets the price column for all totals (subtotal, shipping, tax, total) */
.woocommerce-checkout-review-order-table td.product-total {
    text-align: right !important;
}

/* Specific rule for the shipping row to ensure the price is in the second column */
.woocommerce-checkout-review-order-table tr.shipping td:last-child {
    text-align: right !important;
}

/* 1. ONLY target links inside an image caption */
figcaption a, 
.wp-block-image figcaption a,
.kadence-advanced-image figcaption a {
    color: #ffffff !important;
    text-decoration: underline !important;
}

/* 2. Ensure those caption links stay white even after clicking */
figcaption a:visited,
figcaption a:hover {
    color: #ffffff !important;
}

/* 3. DO NOT affect any other links on the site */
/* (This empty space ensures the code stays contained to captions) */
.centered-cart-link {
  display: block !important;
  text-align: center !important;
  margin: 10px auto 0 auto !important;
  width: 100% !important;
}
/* ==========================================
   CONSOLIDATED SITE LAYOUT & GRID CSS
   ========================================== */

/* 1. Force entire page background to seamless pure white */
body, 
.site, 
#page, 
.site-content, 
.entry-content, 
.content-area, 
.type-page,
.esg-grid-container-wrap,
.esg-navbutton-solo-wrapper {
    background-color: #ffffff !important;
    background: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
}

/* 2. Control gallery and page container width site-wide */
.site-content, 
.entry-content, 
.content-area, 
.site-main,
.page .site-content,
.page .entry-content,
.page .content-area,
.page-id-RICKS_PAGE_ID .esg-grid-container-wrap, /* Optional page-specific override */
.esg-grid-container-wrap,
.esg-grid-container,
.esg-grid {
    max-width: 1400px !important;
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3. Ensure Essential Grid nav controls blend seamlessly */
.esg-grid-container-wrap,
.esg-grid {
    padding: 0 !important;
}

.esg-navigationbutton,
.esg-filterbutton,
.esg-dropdown,
.esg-selected-filterbutton,
.navigationbuttons,
.esg-filters,
.esg-filter-wrapper,
div.esg-navigationbutton {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #e5e5e5 !important;
}
/* Customize WooCommerce Product Titles */
.single-product div.product .product_title {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    text-transform: uppercase !important;
    letter-spacing: 2.5px !important;
    color: #333333 !important;
}
/* Hide shipping span if inside price container */
.single-product .summary p.price span[style*="font-size"] {
    display: none !important;
}
/* Hide titles across WooCommerce category pages, shop archives, and custom shop pages */
.woocommerce-products-header__title,
.page-title,
.archive .page-title,
.tax-product_cat .page-title,
.entry-title {
    display: none !important;
}
/* Hide breadcrumbs on single product pages across all themes */
.single-product .woocommerce-breadcrumb,
.single-product .breadcrumb,
.single-product .breadcrumbs,
.single-product nav.woocommerce-breadcrumb,
.single-product .site-breadcrumbs,
.single-product .entry-breadcrumbs,
.single-product [class*="breadcrumb"] {
    display: none !important;
}
/* Hide product category meta links on single product pages */
.single-product .product_meta .posted_in {
    display: none !important;
}
.site-bottom-header-wrap {
  background-color: #ffffff !important;
  border-bottom: 1px solid #CCCCCC !important;
}
h1, h2, h3, h4, h5, h6, .entry-title {
  font-family: 'Cormorant SC', serif !important;
  font-variant: small-caps !important;
}
/* Universal Page Title & Gallery Spacing */
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > .wp-block-heading:first-child {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
  padding-top: 0 !important;
  text-align: center !important;
}

/* Ensure Essential Grid/Shortcode Containers Stay Centered */
.entry-content > .ess-grid-container,
.entry-content > .wp-block-shortcode {
  margin-top: 20px !important;
}
@media (max-width: 768px) {
    .site-title, .site-title a, .site-header, .main-navigation, .primary-menu {
        text-align: center !important;
        width: 100%;
        display: block;
    }
    
    .main-navigation ul {
        justify-content: center !important;
        padding-left: 0 !important;
    }
}