/*
 Theme Name:   Storefront Child – Bella Gold
 Description:  Bella Gold child theme for Storefront
 Author:       Bella Gold
 Template:     storefront
Version:      1.0.36
 Text Domain:  storefront-child
*/

/* ============================================================
   ACCENT COLOUR TOKEN
   #AD8679 — Bella Gold brand colour (matches Elementor kit)
   ============================================================ */

:root {
    --bella-accent:       #AD8679;
    --bella-accent-dark:  #96716a;
    --bella-accent-deep:  #7b5750;
    --bella-accent-light: #f5eeec;
    --bella-heart-outline-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AD8679' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.42 4.58a5.4 5.4 0 0 0-7.64 0L12 5.36l-.78-.78a5.4 5.4 0 0 0-7.64 7.64l.78.78L12 20.64l7.64-7.64.78-.78a5.4 5.4 0 0 0 0-7.64Z'/%3E%3C/svg%3E");
    --bella-heart-outline-dark-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b5750' stroke-width='1.85' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.42 4.58a5.4 5.4 0 0 0-7.64 0L12 5.36l-.78-.78a5.4 5.4 0 0 0-7.64 7.64l.78.78L12 20.64l7.64-7.64.78-.78a5.4 5.4 0 0 0 0-7.64Z'/%3E%3C/svg%3E");
    --bella-heart-filled-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23AD8679'%3E%3Cpath d='M20.42 4.58a5.4 5.4 0 0 0-7.64 0L12 5.36l-.78-.78a5.4 5.4 0 0 0-7.64 7.64l.78.78L12 20.64l7.64-7.64.78-.78a5.4 5.4 0 0 0 0-7.64Z'/%3E%3C/svg%3E");
    --bella-heart-filled-dark-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237b5750'%3E%3Cpath d='M20.42 4.58a5.4 5.4 0 0 0-7.64 0L12 5.36l-.78-.78a5.4 5.4 0 0 0-7.64 7.64l.78.78L12 20.64l7.64-7.64.78-.78a5.4 5.4 0 0 0 0-7.64Z'/%3E%3C/svg%3E");
}

/* ============================================================
   ELEMENTOR PAGES – full-width reset (content area only)
   Header and footer keep the 1500px width on all pages.
   Only the main content wrapper goes edge-to-edge.
   ============================================================ */

.elementor-page .site-content .col-full {
    max-width: 100% !important;
    padding-left:  0 !important;
    padding-right: 0 !important;
    margin-left:   0 !important;
    margin-right:  0 !important;
}

.elementor-page #primary,
.elementor-page .site-main,
.elementor-page article.hentry,
.elementor-page .entry-content {
    width:     100% !important;
    max-width: 100% !important;
    padding:   0    !important;
    margin:    0    !important;
    float:     none !important;
}

.elementor-page .e-con.e-parent {
    width:        100% !important;
    max-width:    100% !important;
    margin-left:  0    !important;
    margin-right: 0    !important;
}

body.elementor-page { overflow-x: hidden; }

/* ============================================================
   SINGLE PRODUCT PAGE — full-width centered layout
   ============================================================ */

/* Force #primary to full width — beats .right-sidebar .content-area (73%) from Storefront */
.single-product .content-area,
.single-product #primary {
    width:        100% !important;
    float:        none !important;
    margin-right: 0    !important;
}

.single-product .site-content .col-full {
    max-width:     1500px !important;
    padding-left:  24px !important;
    padding-right: 24px !important;
}

.single-product #page .site-content .col-full {
    max-width:     1500px !important;
    padding-left:  24px !important;
    padding-right: 24px !important;
}

/* Use a 2-column product layout closer to the reference structure, but in Bella Gold styling */
.single-product div.product {
    display:               grid !important;
    grid-template-columns: minmax(0, 1.22fr) minmax(360px, 0.78fr);
    gap:                   52px !important;
    max-width:             none !important;
    width:                 100% !important;
    margin-left:           auto !important;
    margin-right:          auto !important;
    padding:               32px 0 80px !important;
    box-sizing:            border-box !important;
    align-items:           start !important;
}

.single-product #page #primary div.product {
    max-width:     none !important;
    width:         100% !important;
    padding-left:  0 !important;
    padding-right: 0 !important;
}

.single-product div.product::before,
.single-product div.product::after {
    display: none !important;
    content: none !important;
}

.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary.entry-summary {
    width:  auto !important;
    float:  none !important;
    margin: 0 !important;
}

.single-product div.product .woocommerce-product-gallery {
    grid-column-start: 1;
    grid-column-end:   2;
    grid-row-start:    1;
    grid-row-end:      2;
    position:          static;
    top:               auto;
    opacity:           1 !important;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
    display: none !important;
}

.single-product div.product .woocommerce-product-gallery .flex-viewport {
    margin-bottom: 0;
    overflow:      visible;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
    display:               grid;
    grid-template-columns: repeat(auto-fit, minmax(92px, 110px));
    justify-content:       start;
    align-items:           start;
    gap:                   18px;
    background:            transparent;
    border:                none;
    box-shadow:            none;
    overflow:              visible;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery .bella-video-grid-item {
    justify-self: start;
    width:        min(100%, 110px) !important;
    float:        none !important;
    margin:       0 !important;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a,
.single-product div.product .woocommerce-product-gallery .bella-video-grid-card {
    display:         flex !important;
    align-items:     center;
    justify-content: center;
    width:           100%;
    aspect-ratio:  1 / 1;
    min-height:      0;
    padding:         0;
    overflow:        hidden;
    background:      #f7f7f4;
    text-decoration: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    display:    block;
    width:      100% !important;
    height:     100% !important;
    margin:     0 auto;
    object-fit: contain !important;
    background: #f7f7f4;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child,
.single-product div.product .woocommerce-product-gallery .bella-video-grid-item:first-child {
    grid-column: 1 / -1;
    width:       min(100%, 620px) !important;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child a,
.single-product div.product .woocommerce-product-gallery .bella-video-grid-item:first-child .bella-video-grid-card {
    box-shadow: 0 18px 36px rgba(66, 43, 35, 0.08);
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child),
.single-product div.product .woocommerce-product-gallery .bella-video-grid-item:not(:first-child) {
    transition: transform .18s ease, opacity .18s ease;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) a,
.single-product div.product .woocommerce-product-gallery .bella-video-grid-item:not(:first-child) .bella-video-grid-card {
    cursor:     pointer;
    border:     1px solid rgba(150, 113, 106, 0.18);
    box-shadow: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child):hover,
.single-product div.product .woocommerce-product-gallery .bella-video-grid-item:not(:first-child):hover {
    transform: translateY(-2px);
}

.single-product .woocommerce-product-gallery .flex-direction-nav,
.single-product .woocommerce-product-gallery .flex-control-thumbs,
.single-product .bella-video-inline {
    display: none !important;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card {
    position: relative;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-preview {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-preview::-webkit-media-controls,
.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-preview::-webkit-media-controls-panel,
.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-preview::-webkit-media-controls-play-button,
.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-preview::-webkit-media-controls-start-playback-button,
.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-preview::-webkit-media-controls-overlay-play-button {
    display: none !important;
    -webkit-appearance: none;
    opacity: 0 !important;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card.has-bella-video-poster .bella-video-grid-preview {
    opacity: 0 !important;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-poster {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-indicator {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    bottom: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 72px !important;
    height: 52px !important;
    padding: 0 !important;
    border: 1px solid #96716a !important;
    border-radius: 0 !important;
    background: rgba(173, 134, 121, 0.96) !important;
    color: #fff !important;
    line-height: 1 !important;
    pointer-events: none !important;
    box-shadow: 0 12px 24px rgba(66, 43, 35, 0.18) !important;
    transform: translate(-50%, -50%) !important;
    z-index: 3 !important;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-indicator__icon {
    font-size: 1.15rem !important;
    line-height: 1 !important;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-indicator__icon svg {
    display: block;
    width: 18px;
    height: 18px;
}

.single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-indicator__label {
    display: none !important;
}

.single-product div.product .summary.entry-summary {
    grid-column-start: 2;
    grid-column-end:   3;
    grid-row-start:    1;
    grid-row-end:      2;
    display:           flex;
    flex-direction:    column;
    gap:               5px;
    max-width:         480px;
    justify-self:      end;
    padding-top:       18px;
}

.single-product div.product .summary.entry-summary > .product_title {
    order:          1;
    margin:         0 !important;
    font-family:    'Marcellus', serif;
    font-size:      clamp(1.7rem, 2.5vw, 2.7rem);
    font-weight:    400;
    line-height:    1.06;
    letter-spacing: 0.01em;
    color:          #231d19;
}

.single-product div.product .summary.entry-summary > .price {
    order:      2;
    align-self: flex-start;
}

.single-product div.product .summary.entry-summary > .price,
.single-product div.product .single_variation .price {
    display:        inline-flex;
    flex-wrap:      wrap;
    align-items:    baseline;
    gap:            6px 14px;
    width:          fit-content;
    margin:         2px 0 4px !important;
    padding:        0;
    border:         none;
    background:     transparent;
    box-shadow:     none;
    font-family:    'Marcellus', serif;
    font-size:      clamp(1.95rem, 2.2vw, 2.3rem);
    font-weight:    600;
    line-height:    1.1;
    letter-spacing: 0.01em;
    color:          #231d19;
}

.single-product div.product .summary.entry-summary > .price .amount,
.single-product div.product .single_variation .price .amount {
    font-weight: inherit;
}

.single-product div.product .summary.entry-summary > .price ins,
.single-product div.product .single_variation .price ins {
    font-weight:     700;
    color:           #231d19;
    text-decoration: none;
}

.single-product div.product .summary.entry-summary > .price del,
.single-product div.product .single_variation .price del {
    opacity:     0.58;
    font-size:   0.62em;
    font-weight: 500;
}

.single-product div.product .summary.entry-summary .bella-product-rating {
    order:       3;
    display:     flex;
    align-items: center;
    gap:         8px;
    margin:      -8px 0 0;
    color:       #2b2623;
}

.single-product div.product .summary.entry-summary .bella-product-rating__stars {
    float:      none !important;
    position:   relative !important;
    overflow:   hidden !important;
    height:     1em !important;
    line-height: 1 !important;
    width:      5.4em !important;
    margin:     0 !important;
    color:      var(--bella-accent-dark);
    font-size:  0.95rem;
}

.single-product div.product .summary.entry-summary .bella-product-rating__stars::before {
    content:     "\73\73\73\73\73";
    color:       var(--bella-accent);
    float:       left;
    top:         0;
    left:        0;
    position:    absolute;
    font-family: 'WooCommerce' !important;
}

.single-product div.product .summary.entry-summary .bella-product-rating__stars span {
    overflow:    hidden;
    position:    absolute;
    top:         0;
    left:        0;
    padding-top: 1.5em;
    font-size:   1em;
}

.single-product div.product .summary.entry-summary .bella-product-rating__stars span::before {
    content:     "\73\73\73\73\73";
    top:         0;
    left:        0;
    position:    absolute;
    color:       var(--bella-accent-deep);
    font-family: 'WooCommerce' !important;
}

.single-product div.product .bella-product-reviews-shell #reviews .star-rating::before,
.single-product div.product .bella-product-reviews-shell #reviews .star-rating span::before {
    font-family: 'WooCommerce' !important;
}

.single-product div.product .summary.entry-summary .bella-product-rating__link {
    color:           #2b2623;
    font-size:       0.96rem;
    font-weight:     500;
    text-decoration: none;
}

.single-product div.product .summary.entry-summary .wishsuite-button,
.single-product div.product .summary.entry-summary a.wishsuite-button,
.single-product div.product .summary.entry-summary a.wishsuite-btn {
    display:         inline-flex;
    align-items:     center;
    gap:             10px;
    width:           fit-content;
    margin-top:      10px;
    padding:         0;
    border:          none;
    background:      transparent;
    color:           var(--bella-accent-dark);
    font-size:       0.96rem;
    font-weight:     500;
    letter-spacing:  0.01em;
    line-height:     1.35;
    text-decoration: none;
    box-shadow:      none;
    transition:      color .18s ease, transform .18s ease;
}

.single-product div.product .summary.entry-summary .wishsuite-button:hover,
.single-product div.product .summary.entry-summary a.wishsuite-button:hover,
.single-product div.product .summary.entry-summary a.wishsuite-btn:hover,
.single-product div.product .summary.entry-summary .wishsuite-button:focus-visible,
.single-product div.product .summary.entry-summary a.wishsuite-button:focus-visible,
.single-product div.product .summary.entry-summary a.wishsuite-btn:focus-visible {
    color:           var(--bella-accent-deep);
    text-decoration: none;
    transform:       translateY(-1px);
}

.single-product div.product .summary.entry-summary .wishsuite-button:focus-visible,
.single-product div.product .summary.entry-summary a.wishsuite-button:focus-visible,
.single-product div.product .summary.entry-summary a.wishsuite-btn:focus-visible {
    outline:        1px solid rgba(150, 113, 106, 0.35);
    outline-offset: 4px;
}

.single-product div.product .summary.entry-summary .wishsuite-button svg,
.single-product div.product .summary.entry-summary a.wishsuite-button svg,
.single-product div.product .summary.entry-summary a.wishsuite-btn svg {
    width:      18px;
    height:     18px;
    color:      currentColor;
    flex:       0 0 18px;
}

.single-product div.product .summary.entry-summary .wishsuite-button svg + span,
.single-product div.product .summary.entry-summary a.wishsuite-button svg + span,
.single-product div.product .summary.entry-summary a.wishsuite-btn svg + span {
    margin-left: 0;
}

.single-product div.product .summary.entry-summary .wishsuite-btn-text {
    display:     inline-flex;
    align-items: center;
}

.single-product div.product .summary.entry-summary .wishsuite-button.added,
.single-product div.product .summary.entry-summary .wishsuite-button.wishsuite-btn-exist,
.single-product div.product .summary.entry-summary a.wishsuite-button.added,
.single-product div.product .summary.entry-summary a.wishsuite-button.wishsuite-btn-exist,
.single-product div.product .summary.entry-summary a.wishsuite-btn.added,
.single-product div.product .summary.entry-summary a.wishsuite-btn.wishsuite-btn-exist {
    color: var(--bella-accent-deep);
}

.single-product div.product .summary.entry-summary a.bella-product-rating__link:hover {
    color: var(--bella-accent-dark);
}

.single-product div.product .summary.entry-summary .woocommerce-product-details__short-description {
    order:       4;
    margin:      -4px 0 0;
    max-width:   58ch;
    font-size:   1.02rem;
    line-height: 1.8;
    color:       #6c625e;
}

.single-product div.product .summary.entry-summary form.cart {
    order:         5;
    display:       grid;
    gap:           0;
    margin:        0 !important;
    padding:       0 !important;
    border:        none !important;
    border-radius: 0 !important;
    background:    transparent !important;
    box-shadow:    none !important;
}

.single-product div.product .summary.entry-summary .bellgold-additional-info {
    order:         7;
    margin:        0 !important;
    padding:       26px;
    border:        1px solid #ece0da;
    border-radius: 0;
    background:    transparent;
    box-shadow:    none;
}

.single-product div.product .summary.entry-summary > .htcompare-button-area,
.single-product div.product .summary.entry-summary > .htcompare-button-area .htcompare-btn {
    display: none !important;
}

.single-product div.product form.cart:not(.variations_form) {
    grid-template-columns: 1fr;
    align-items:           stretch;
}

.single-product div.product form.cart .quantity,
.single-product div.product .woocommerce-variation-add-to-cart .quantity {
    display: none !important;
}

.single-product div.product .woocommerce-variation-add-to-cart,
.single-product div.product .single_variation_wrap {
    display:       grid;
    gap:           14px;
    margin:        0 !important;
    padding:       0 !important;
    border:        none !important;
    border-radius: 0 !important;
    background:    transparent !important;
    box-shadow:    none !important;
}

.single-product div.product form.cart .single_add_to_cart_button {
    margin: 0 !important;
}

.single-product div.product .single_add_to_cart_button,
.single-product div.product button.single_add_to_cart_button,
.single-product div.product .woocommerce div.product form.cart .button.single_add_to_cart_button,
.single-product div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    display:          inline-flex !important;
    align-items:      center;
    justify-content:  center;
    width:            100%;
    min-height:       60px;
    padding:          0 18px !important;
    border-radius:    0 !important;
    background-color: var(--bella-accent) !important;
    border-color:     var(--bella-accent) !important;
    color:            #fff !important;
    font-size:        0.82rem;
    font-weight:      700;
    letter-spacing:   0.18em;
    text-transform:   uppercase;
    box-shadow:       none !important;
    float:            none !important;
}

.single-product div.product .single_add_to_cart_button:hover,
.single-product div.product button.single_add_to_cart_button:hover,
.single-product div.product .woocommerce div.product form.cart .button.single_add_to_cart_button:hover,
.single-product div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button:hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
    color:            #fff !important;
}

.single-product div.product .variations_form .variations {
    margin: 0 !important;
    border: 0 !important;
}

.single-product div.product .variations_form .variations tbody,
.single-product div.product .variations_form .variations tr,
.single-product div.product .variations_form .variations th,
.single-product div.product .variations_form .variations td {
    display:    block;
    width:      100%;
    padding:    0 !important;
    border:     0 !important;
    background: none !important;
    text-align: left !important;
}

.single-product div.product .variations_form .variations tr + tr {
    margin-top: 10px;
}

.single-product div.product .variations_form .variations th label {
    display:        block;
    margin-bottom:  12px;
    font-size:      0.74rem;
    font-weight:    700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color:          #756863;
}

.single-product div.product .variations_form select {
    display: none !important;
}

.bella-var-chips {
    display:   flex;
    flex-wrap: wrap;
    gap:       6px;
}

.single-product .bella-var-chip {
    min-width:        60px;
    padding:          10px 20px;
    border:           1.5px solid var(--bella-accent) !important;
    background:       transparent !important;
    background-color: transparent !important;
    color:            #231d19 !important;
    font-size:        15px !important;
    font-family:      inherit !important;
    font-weight:      500;
    line-height:      1.2;
    text-align:       center;
    cursor:           pointer;
    border-radius:    0 !important;
    box-shadow:       none !important;
    transition:       background .15s, border-color .15s, color .15s;
}

.single-product .bella-var-chip:hover:not(:disabled) {
    background:       var(--bella-accent) !important;
    background-color: var(--bella-accent) !important;
    color:            #fff !important;
}

.single-product .bella-var-chip.is-selected {
    background:       var(--bella-accent) !important;
    background-color: var(--bella-accent) !important;
    border-color:     var(--bella-accent) !important;
    color:            #fff !important;
    font-weight:      600;
}

.single-product .bella-var-chip.is-unavailable {
    opacity:         0.35;
    cursor:          not-allowed;
    text-decoration: line-through;
}

.single-product div.product .variations_form .reset_variations {
    display:         inline-flex;
    margin-top:      10px;
    font-size:       0.82rem;
    color:           var(--bella-accent-dark) !important;
    text-decoration: underline;
}

/* 2-column layout: [chips + notīrīt] | [price] */
.single-product div.product .variations_form.cart {
    grid-template-columns: 1fr auto;
    column-gap:            24px;
    row-gap:               8px;
    align-items:           end;
}

.single-product div.product .variations_form .variations {
    grid-column: 1;
    grid-row:    1;
}

.single-product div.product .variations_form .variations td.value {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         10px;
}

/* Unwrap so its children participate directly in the form grid */
.single-product div.product .variations_form .single_variation_wrap {
    display: contents;
}

/* Price → right column, aligned to bottom of chips row */
.single-product div.product .variations_form .woocommerce-variation.single_variation {
    grid-column: 2;
    grid-row:    1;
    align-self:  end;
}

/* Add to cart → full width, second row */
.single-product div.product .variations_form .woocommerce-variation-add-to-cart {
    grid-column: 1 / -1;
    grid-row:    2;
}

.single-product div.product .woocommerce-variation-price,
.single-product div.product .woocommerce-variation-description {
    margin:      0;
    font-size:   0.98rem;
    line-height: 1.7;
    color:       #6c625e;
}

.single-product div.product .single_variation .price {
    margin-bottom: 0;
}

.single-product div.product .woocommerce-variation-add-to-cart {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   18px;
    align-items:           end;
}

.single-product div.product form.cart:not(.variations_form) .single_add_to_cart_button,
.single-product div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    grid-column: 1 / -1;
}

/* Optional variable swatch styling if a swatch plugin is active on some products */
.single-product div.product .summary .variable-items-wrapper {
    display:   flex;
    flex-wrap: wrap;
    gap:       12px;
    margin:    0 !important;
    padding:   0 !important;
}

.single-product div.product .summary .variable-items-wrapper .variable-item {
    min-width:     60px;
    min-height:    52px;
    border:        1px solid #d9cac4 !important;
    border-radius: 16px !important;
    background:    #fff !important;
    box-shadow:    none !important;
}

.single-product div.product .summary .variable-items-wrapper .variable-item.selected,
.single-product div.product .summary .variable-items-wrapper .variable-item:hover {
    border-color: var(--bella-accent) !important;
    color:        var(--bella-accent-dark) !important;
}

.single-product div.product .bellgold-additional-info h3 {
    margin:         0 0 18px !important;
    font-family:    'Cormorant SC', serif;
    font-size:      1.3rem;
    font-weight:    600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color:          #231d19;
}

.single-product div.product .bellgold-additional-info table {
    width:           100%;
    margin:          0;
    border-collapse: collapse;
}

.single-product div.product .bellgold-additional-info tr {
    border-bottom: 1px solid #ece1dc;
}

.single-product div.product .bellgold-additional-info th,
.single-product div.product .bellgold-additional-info td {
    padding:    16px 0 !important;
    background: none !important;
    font-size:  0.96rem;
    line-height: 1.6;
}

.single-product div.product .bellgold-additional-info th {
    width:       38%;
    color:       #6f645e;
    font-weight: 600;
}

.single-product div.product .bellgold-additional-info td {
    color: #231d19;
}

.single-product div.product .related.products,
.single-product div.product .up-sells.products {
    grid-column-start: 1;
    grid-column-end:   -1;
    margin-top:        8px;
}

.single-product div.product .bella-product-reviews-shell {
    grid-column-start: 1;
    grid-column-end:   -1;
    margin-top:        0;
}

.single-product div.product .bella-product-reviews-shell #reviews {
    padding:       12px 14px;
    border:        1px solid #ece0da;
    border-radius: 0;
    background:    #fff;
    box-shadow:    0 4px 12px rgba(61, 40, 31, 0.035);
    scroll-margin-top: 110px;
}

.single-product div.product .bella-product-reviews-shell #reviews::after {
    content: "";
    display: table;
    clear: both;
}

.single-product div.product .bella-product-reviews-shell #reviews .woocommerce-Reviews-title,
.single-product div.product .bella-product-reviews-shell #reviews #reply-title {
    margin:         0 0 8px !important;
    font-family:    'Cormorant SC', serif;
    font-size:      0.94rem;
    font-weight:    600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color:          #231d19;
}

.single-product div.product .bella-product-reviews-shell #reviews #comments {
    margin-bottom: 10px;
}

.single-product div.product .bella-product-reviews-shell #reviews .woocommerce-noreviews {
    margin:      0;
    position:    relative;
    color:       transparent;
    font-size:   0;
    line-height: 0;
}

.single-product div.product .bella-product-reviews-shell #reviews .woocommerce-noreviews::before {
    content:     "Esiet pirmais, kas uzraksta atsauksmi";
    color:       #6c544d;
    font-size:   0.82rem;
    line-height: 1.6;
}

.single-product div.product .bella-product-reviews-shell #reviews ol.commentlist {
    margin:     0;
    padding:    0;
    list-style: none;
}

.single-product div.product .bella-product-reviews-shell #reviews ol.commentlist li.review {
    margin:  0;
    padding: 0 0 18px;
}

.single-product div.product .bella-product-reviews-shell #reviews ol.commentlist li.review + li.review {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #ece1dc;
}

.single-product div.product .bella-product-reviews-shell #reviews .comment_container {
    display:               grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap:                   14px;
    align-items:           start;
}

.single-product div.product .bella-product-reviews-shell #reviews .comment_container img.avatar {
    width:         56px;
    height:        56px;
    border-radius: 999px;
    object-fit:    cover;
}

.single-product div.product .bella-product-reviews-shell #reviews .comment-text {
    margin:      0 !important;
    padding:     0 !important;
    border:      none !important;
    box-shadow:  none !important;
    background:  transparent !important;
}

.single-product div.product .bella-product-reviews-shell #reviews .comment-text .meta {
    margin-bottom: 6px;
    color:         #6f645e;
    font-size:     0.82rem;
}

.single-product div.product .bella-product-reviews-shell #reviews .comment-text .description p:last-child {
    margin-bottom: 0;
}

.single-product div.product .bella-product-reviews-shell #reviews .star-rating {
    color:       var(--bella-accent-dark);
    font-size:   0.9rem;
    margin:      0 0 8px !important;
}

.single-product div.product .bella-product-reviews-shell #reviews .star-rating::before {
    color: var(--bella-accent-deep);
}

.single-product div.product .bella-product-reviews-shell #review_form_wrapper {
    padding-top: 10px;
    border-top: 1px solid #ece1dc;
}

.single-product div.product .bella-product-reviews-shell #review_form {
    max-width: 520px;
}

.single-product div.product .bella-product-reviews-shell .comment-reply-title {
    display: block;
}

.single-product div.product .bella-product-reviews-shell .comment-form {
    display: grid;
    gap:     8px;
}

.single-product div.product .bella-product-reviews-shell .comment-form > p {
    margin: 0;
}

.single-product div.product .bella-product-reviews-shell .comment-form-rating label,
.single-product div.product .bella-product-reviews-shell .comment-form-comment label,
.single-product div.product .bella-product-reviews-shell .comment-form-author label,
.single-product div.product .bella-product-reviews-shell .comment-form-email label {
    display:        block;
    margin-bottom:  5px;
    font-size:      0.68rem;
    font-weight:    700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color:          var(--bella-accent-dark);
}

.single-product div.product .bella-product-reviews-shell .comment-form input[type="text"],
.single-product div.product .bella-product-reviews-shell .comment-form input[type="email"],
.single-product div.product .bella-product-reviews-shell .comment-form textarea {
    width:         100%;
    border:        1px solid #d9cac4;
    border-radius: 0;
    background:    #faf6f4;
    color:         #2b2623;
    box-shadow:    none;
}

.single-product div.product .bella-product-reviews-shell .comment-form input[type="text"],
.single-product div.product .bella-product-reviews-shell .comment-form input[type="email"] {
    min-height: 40px;
    padding:    0 12px;
}

.single-product div.product .bella-product-reviews-shell .comment-form textarea {
    min-height: 78px;
    padding:    10px 12px;
    resize:     vertical;
}

.single-product div.product .bella-product-reviews-shell .comment-form input:focus,
.single-product div.product .bella-product-reviews-shell .comment-form textarea:focus {
    border-color: var(--bella-accent);
    outline:      none;
    box-shadow:   0 0 0 3px rgba(173, 134, 121, 0.14);
}

.single-product div.product .bella-product-reviews-shell #reviews p.stars {
    display: flex;
    gap:     6px;
}

.single-product div.product .bella-product-reviews-shell #reviews p.stars a {
    color:       var(--bella-accent-deep);
    text-indent: -9999px;
}

.single-product div.product .bella-product-reviews-shell #reviews p.stars:hover a,
.single-product div.product .bella-product-reviews-shell #reviews p.stars.selected a.active,
.single-product div.product .bella-product-reviews-shell #reviews p.stars.selected a:not(.active) {
    color: var(--bella-accent);
}

/* Accessible star rating (WooCommerce 9.x — role="group" + <a class="star-N">) */
.single-product div.product .bella-product-reviews-shell [role="group"] a[class^="star-"] {
    color:       var(--bella-accent) !important;
    text-indent: -9999px;
}

.single-product div.product .bella-product-reviews-shell [role="group"]:hover a[class^="star-"],
.single-product div.product .bella-product-reviews-shell [role="group"] a[class^="star-"]:hover,
.single-product div.product .bella-product-reviews-shell [role="group"] a[class^="star-"].active,
.single-product div.product .bella-product-reviews-shell [role="group"] a[class^="star-"][aria-checked="true"] {
    color: var(--bella-accent-deep) !important;
}

.single-product div.product .bella-product-reviews-shell #reviews a,
.single-product div.product .bella-product-reviews-shell #reviews .required,
.single-product div.product .bella-product-reviews-shell #reviews .woocommerce-review__verified {
    color: var(--bella-accent-dark);
}

.single-product div.product .bella-product-reviews-shell .comment-form-cookies-consent {
    display:     flex;
    gap:         10px;
    align-items: flex-start;
    font-size:   0.9rem;
    color:       #6f645e;
}

.single-product div.product .bella-product-reviews-shell .comment-form-cookies-consent input {
    margin-top: 4px;
}

.single-product div.product .bella-product-reviews-shell .form-submit {
    margin-top: 4px !important;
}

.single-product div.product .bella-product-reviews-shell .form-submit input.submit {
    display:          inline-flex;
    align-items:      center;
    justify-content:  center;
    min-height:       44px;
    padding:          0 22px;
    border:           1px solid var(--bella-accent);
    border-radius:    0;
    background:       var(--bella-accent);
    color:            #fff;
    font-size:        0.78rem;
    font-weight:      700;
    letter-spacing:   0.16em;
    text-transform:   uppercase;
    box-shadow:       none;
}

.single-product div.product .bella-product-reviews-shell .form-submit input.submit:hover {
    background:   var(--bella-accent-dark);
    border-color: var(--bella-accent-dark);
    color:        #fff;
}

@media (max-width: 1100px) {
    .single-product div.product {
        grid-template-columns: 1fr;
        gap:                   38px !important;
        max-width:             860px !important;
        padding:               28px 20px 64px !important;
    }

    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary.entry-summary,
    .single-product div.product .related.products,
    .single-product div.product .up-sells.products {
        grid-column-start: auto;
        grid-column-end:   auto;
        grid-row-start:    auto;
        grid-row-end:      auto;
    }

    .single-product div.product .woocommerce-product-gallery {
        position: static;
        top:      auto;
    }

    .single-product div.product .summary.entry-summary {
        max-width:   none;
        justify-self: stretch;
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .single-product div.product {
        gap:     20px !important;
        padding: 14px 16px 48px !important;
    }

    .single-product div.product .summary.entry-summary {
        display: contents;
    }

    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .summary.entry-summary > .product_title,
    .single-product div.product .summary.entry-summary > .price,
    .single-product div.product .summary.entry-summary .bella-product-rating,
    .single-product div.product .summary.entry-summary .woocommerce-product-details__short-description,
    .single-product div.product .summary.entry-summary form.cart,
    .single-product div.product .summary.entry-summary .bellgold-additional-info,
    .single-product div.product .bella-product-reviews-shell,
    .single-product div.product .related.products,
    .single-product div.product .up-sells.products {
        grid-column:  1 / -1;
        justify-self: stretch;
    }

    .single-product div.product .summary.entry-summary > .product_title {
        order:       1;
        font-size:   1.42rem;
        line-height: 1.12;
    }

    .single-product div.product .summary.entry-summary > .price {
        order:      2;
        justify-self: start;
        padding:    0;
        font-size:  1.35rem;
        box-shadow: none;
    }

    .single-product div.product .single_variation .price {
        padding:    0;
        font-size:  1.35rem;
        box-shadow: none;
    }

    .single-product div.product .woocommerce-product-gallery {
        order: 3;
    }

    .single-product div.product .summary.entry-summary .bella-product-rating {
        order:     4;
        gap:       8px;
        margin:    0;
        flex-wrap: wrap;
    }

    .single-product div.product .summary.entry-summary .woocommerce-product-details__short-description {
        order: 5;
    }

    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
        grid-template-columns: 1fr;
        gap:                   18px;
    }

    .single-product div.product .woocommerce-product-gallery.bella-mobile-gallery-enabled {
        overflow: hidden;
    }

    .single-product div.product .woocommerce-product-gallery.bella-mobile-gallery-enabled .flex-viewport {
        overflow: hidden !important;
    }

    .single-product div.product .woocommerce-product-gallery.bella-mobile-gallery-enabled .woocommerce-product-gallery__wrapper {
        display:         flex !important;
        flex-wrap:       nowrap;
        gap:             0 !important;
        width:           100%;
        overflow:        visible;
        transform:       translate3d(0, 0, 0);
        transition:      transform .32s ease;
        touch-action:    pan-y;
        will-change:     transform;
    }

    .single-product div.product .woocommerce-product-gallery.bella-mobile-gallery-enabled .woocommerce-product-gallery__image,
    .single-product div.product .woocommerce-product-gallery.bella-mobile-gallery-enabled .bella-video-grid-item {
        flex:      0 0 100%;
        max-width: 100%;
        width:     100% !important;
    }

    .single-product div.product .woocommerce-product-gallery.bella-mobile-gallery-enabled .woocommerce-product-gallery__image a,
    .single-product div.product .woocommerce-product-gallery.bella-mobile-gallery-enabled .bella-video-grid-card {
        width: 100%;
    }

    .single-product .bella-mobile-gallery-nav {
        display:         none;
        align-items:     center;
        justify-content: center;
        gap:             18px;
        margin-top:      18px;
    }

    .single-product .woocommerce-product-gallery.bella-mobile-gallery-enabled .bella-mobile-gallery-nav {
        display: flex;
    }

    .single-product .bella-mobile-gallery-nav[hidden] {
        display: none !important;
    }

    .single-product .bella-mobile-gallery-nav__button {
        display:         inline-flex;
        align-items:     center;
        justify-content: center;
        width:           28px;
        height:          28px;
        padding:         0;
        border:          none;
        background:      transparent;
        color:           #8f837d;
        font-size:       1.5rem;
        line-height:     1;
        cursor:          pointer;
        appearance:      none;
        transition:      color .18s ease, opacity .18s ease, transform .18s ease;
    }

    .single-product .bella-mobile-gallery-nav__button:hover,
    .single-product .bella-mobile-gallery-nav__button:focus-visible {
        color:     var(--bella-accent-dark);
        outline:   none;
        transform: scale(1.04);
    }

    .single-product .bella-mobile-gallery-nav__button[disabled] {
        opacity: .35;
    }

    .single-product .bella-mobile-gallery-nav__count {
        min-width:      52px;
        text-align:     center;
        color:          #231d19;
        font-size:      0.94rem;
        font-weight:    500;
        letter-spacing: 0.08em;
    }

    .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
        min-height: 0;
        padding:    0;
    }

    .single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-indicator {
        width:  64px;
        height: 46px;
    }

    .single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-indicator__icon {
        font-size: 1rem;
    }

    .single-product .woocommerce-product-gallery .bella-video-grid-card .bella-video-grid-indicator__icon svg {
        width: 16px;
        height: 16px;
    }

    .single-product div.product .summary.entry-summary form.cart {
        order:         6;
        gap:           0;
        margin:        0 !important;
        padding:       0;
        border:        none;
        border-radius: 0;
        background:    transparent;
        box-shadow:    none;
    }

    .single-product div.product .variations_form.cart {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 8px;
    }

    .single-product div.product .variations_form .woocommerce-variation.single_variation {
        grid-column: 1;
        grid-row:    auto;
        align-self:  start;
    }

    .single-product div.product .variations_form .woocommerce-variation-add-to-cart {
        grid-column: 1;
        grid-row:    auto;
    }

    .single-product div.product form.cart:not(.variations_form),
    .single-product div.product .woocommerce-variation-add-to-cart {
        grid-template-columns: 1fr;
        gap:                   12px;
        align-items:           stretch;
    }

    .single-product div.product form.cart:not(.variations_form) .single_add_to_cart_button,
    .single-product div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        grid-column-start: auto;
        grid-column-end:   auto;
    }

    .single-product div.product .single_add_to_cart_button,
    .single-product div.product button.single_add_to_cart_button,
    .single-product div.product .woocommerce div.product form.cart .button.single_add_to_cart_button,
    .single-product div.product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
        width:          100% !important;
        justify-content: center !important;
        min-height:     56px;
        border-radius:  0 !important;
        letter-spacing: 0.12em;
        box-shadow:     none;
    }
    .single-product div.product .bellgold-additional-info {
        order:   8;
        padding: 18px;
    }

    .single-product div.product .bella-product-reviews-shell #reviews {
        padding: 10px 12px;
        border-radius: 0;
    }

    .single-product div.product .bella-product-reviews-shell #reviews .comment_container {
        grid-template-columns: 1fr;
        gap:                   14px;
    }

    .single-product div.product .bella-product-reviews-shell #review_form_wrapper {
        padding-top: 12px;
    }

    .single-product div.product .bella-product-reviews-shell #reviews .woocommerce-Reviews-title,
    .single-product div.product .bella-product-reviews-shell #reviews #reply-title {
        font-size: 0.9rem;
    }

    .single-product div.product .bella-product-reviews-shell {
        order: 9;
    }

    .single-product div.product .bellgold-additional-info th,
    .single-product div.product .bellgold-additional-info td {
        display: block;
        width:   100%;
    }

    .single-product div.product .bellgold-additional-info td {
        padding-top: 0 !important;
    }

    .single-product div.product .related.products,
    .single-product div.product .up-sells.products {
        order: 10;
    }
}


/* ============================================================
   SHOP / WOOCOMMERCE SIDEBAR LAYOUT
   ============================================================ */

@media (min-width: 768px) {
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content .col-full {
        display:         flex !important;
        flex-direction:  row-reverse !important;
        justify-content: space-between !important;
        align-items:     flex-start !important; /* REQUIRED for sticky children */
        overflow:        visible !important;    /* REQUIRED: any overflow≠visible kills sticky */
    }

    /* Ensure the full ancestor chain allows sticky */
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #content,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content {
        overflow: visible !important;
    }
    /* #page has overflow-x:hidden / overflow-y:auto which makes it the scroll
       container and kills position:sticky. clip avoids a scroll container. */
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #page {
        overflow-x: clip   !important;
        overflow-y: visible !important;
    }
    /* Neutralise the old float clearfix — it creates a flex item that breaks layout */
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content .col-full::after,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content .col-full::before {
        display: none !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary {
        width:        73% !important;
        margin-right: 0   !important;
        float:        none !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #secondary {
        width:            22% !important;
        margin-left:      0   !important;
        float:            none !important;
        /* Sticky sidebar — scrolls with the page */
        position:         sticky !important;
        top:              24px !important;
        max-height:       calc(100vh - 48px) !important;
        overflow-y:       auto !important;
        align-self:       flex-start !important;
        scrollbar-width:  thin;
        scrollbar-color:  #e2d5d1 transparent;
    }
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #secondary::-webkit-scrollbar {
        width: 4px;
    }
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #secondary::-webkit-scrollbar-thumb {
        background: #e2d5d1;
        border-radius: 4px;
    }
}

/* ============================================================
   GLOBAL CONTAINER WIDTH – 1500 px on ALL pages
   Header, footer, shop, regular pages — always 1500 px.
   Elementor content area overrides this with 100% (above).
   More-specific selectors beat the Customizer's .col-full rule.
   ============================================================ */

.col-full {
    max-width:     1500px !important;
    padding-left:  24px   !important;
    padding-right: 24px   !important;
    box-sizing:    border-box;
    margin-left:   auto   !important;
    margin-right:  auto   !important;
}

/* Header and footer: higher specificity so Customizer can't override */
.site-header .col-full,
.site-footer .col-full,
#masthead .col-full,
#colophon .col-full {
    max-width:     1500px !important;
    padding-left:  24px   !important;
    padding-right: 24px   !important;
    margin-left:   auto   !important;
    margin-right:  auto   !important;
    box-sizing:    border-box;
}

/* ============================================================
   SHOP PAGE – breadcrumb / header spacing
   ============================================================ */

.bellgold-shop-hero {
    display:    block !important;
    width:      100% !important;
    max-width:  1500px !important;
    margin:     0 auto 24px !important;
    padding:    36px 24px 20px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    clear:      both !important;
}

.bellgold-shop-hero__title {
    margin:         0 0 10px !important;
    text-align:     center !important;
}

.bellgold-shop-hero__sub {
    margin:         0 !important;
    text-align:     center !important;
}

/* Tighten gap between breadcrumb bar and product grid / title */
.woocommerce-breadcrumb,
.storefront-breadcrumb {
    margin-bottom: 6px  !important;
    padding-top:   6px  !important;
    padding-bottom: 0   !important;
    font-size:     13px !important;
    color:         #888 !important;
}

.woocommerce-breadcrumb a,
.storefront-breadcrumb a {
    color: #888 !important;
    text-decoration: none;
}

.woocommerce-products-header,
.post-type-archive-product .page-header {
    float:         none        !important;
    width:         100%        !important;
    clear:         both        !important;
    display:       block       !important;
    margin-top:    0           !important;
    margin-bottom: 8px         !important;
    padding-top:   0           !important;
}

/* Hide the WP page template's entry-header on shop page — it renders outside
   the WooCommerce layout. The WC-provided header inside #primary is used instead. */
.post-type-archive-product .entry-header,
.post-type-archive-product .entry-title {
    display: none !important;
}

/* Hide any WP page description text that renders outside the WC product area */
.post-type-archive-product .entry-content > *:not(.woocommerce) {
    display: none !important;
}

/* Shop archive uses the custom hero already, so hide WooCommerce's duplicate title */
.post-type-archive-product .woocommerce-products-header__title {
    display: none !important;
}

/* Style WC's page-description on shop page to match category description */
.post-type-archive-product .woocommerce-products-header .page-description {
    margin-bottom: 24px;
    color:         #555;
    font-size:     15px;
    line-height:   1.75;
}

.post-type-archive-product .woocommerce-products-header {
    margin:  0 0 8px !important;
    padding: 0 !important;
}

@media (max-width: 767px) {
    .bellgold-shop-hero {
        margin-bottom: 16px !important;
        padding:       24px 16px 14px !important;
    }
}

/* Flush #primary top so the sort bar lines up with sidebar top */
body.woocommerce-page:not(.elementor-page) #primary,
body.woocommerce-page:not(.elementor-page) #secondary {
    padding-top: 0 !important;
    margin-top:  0 !important;
}

/* ============================================================
   CUSTOM SORT BAR
   ============================================================ */

.bella-sortbar {
    display:     flex;
    align-items: center;
    flex-wrap:   wrap;
    gap:         8px;
    margin:      0 0 20px;
    padding:     12px 16px;
    background:  #fff;
    border:      1px solid #e8e0de;
    border-radius: 0;
    box-shadow:  0 1px 4px rgba(0,0,0,.04);
}

.bella-sortbar__label {
    font-size:      13px;
    color:          #888;
    font-weight:    500;
    margin-right:   4px;
    white-space:    nowrap;
}

.bella-sortbar__btn {
    display:        inline-block;
    padding:        5px 14px;
    font-size:      13px;
    color:          #555;
    background:     #f7f4f3;
    border:         1px solid #e4dbd9;
    border-radius:  0;
    text-decoration: none;
    transition:     all .2s;
    white-space:    nowrap;
}

.bella-sortbar__btn:hover {
    background: var(--bella-accent-light);
    border-color: var(--bella-accent);
    color:       var(--bella-accent-dark);
}

.bella-sortbar__btn.is-active {
    background:  var(--bella-accent);
    border-color: var(--bella-accent);
    color:       #fff;
    font-weight: 600;
}

.bella-sortbar__mobile-controls,
#bella-mobile-filter-toggle,
#bella-mobile-orderby {
    display: none !important;
}

/* Hide default WC result count & ordering dropdowns */
.woocommerce-result-count,
.woocommerce-ordering {
    display: none !important;
}

/* ============================================================
   MOBILE ARCHIVE FILTERS
   ============================================================ */

@media (max-width: 767px) {
    .storefront-primary-navigation .main-navigation:not(.toggled) .handheld-navigation {
        display: none !important;
        max-height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    .storefront-primary-navigation .main-navigation.toggled .handheld-navigation {
        display: block !important;
        max-height: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content .col-full {
        display: block !important;
    }

    /* Fix sticky: #page overflow kills sticky — override for shop pages */
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #page {
        overflow-x: clip    !important;
        overflow-y: visible !important;
    }
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #content,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) .site-content,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary {
        overflow: visible !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #secondary {
        width:        100% !important;
        float:        none !important;
        margin-right: 0 !important;
        margin-left:  0 !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main {
        display:     flex;
        flex-wrap:   wrap;
        align-items: flex-start;
        gap:         12px;
        overflow:    visible !important; /* REQUIRED: any overflow≠visible kills sticky */
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #content,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary {
        overflow: visible !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > * {
        width:       100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bella-sortbar,
    .bella-sortbar__label,
    .bella-sortbar__btn,
    .bella-sortbar__mobile-controls {
        display: none !important;
    }

    .storefront-sorting.bella-primary-sorting {
        display: block !important;
        width:   calc(50% - 6px) !important;
        margin:  0 !important;
        padding: 0 !important;
    }

    .storefront-sorting.bella-primary-sorting > .woocommerce-notices-wrapper:empty,
    .storefront-sorting.bella-primary-sorting > .woocommerce-result-count,
    .storefront-sorting.bella-primary-sorting > .woocommerce-pagination {
        display: none !important;
    }

    .storefront-sorting.bella-primary-sorting > .woocommerce-notices-wrapper:not(:empty) {
        display: block !important;
        width:   100%;
        margin:  0 0 12px !important;
    }

    .storefront-sorting.bella-primary-sorting > .woocommerce-ordering {
        display:         flex !important;
        flex-direction:  column;
        justify-content: center;
        gap:             4px;
        width:           100%;
        min-height:      68px;
        margin:          0 !important;
        padding:         12px 16px;
        float:           none !important;
        background:      #fdfaf9;
        border:          1.5px solid #e2cfc9;
        border-top:      2.5px solid #AD8679;
        border-radius:   0;
        box-shadow:      0 2px 10px rgba(173,134,121,.10);
        transition:      box-shadow .2s;
    }

    .storefront-sorting.bella-primary-sorting > .woocommerce-ordering:hover {
        box-shadow: 0 4px 16px rgba(173,134,121,.18);
    }

    .storefront-sorting.bella-primary-sorting > .woocommerce-ordering::before {
        content:        "Kārtot pēc";
        display:        block;
        font-size:      9px;
        font-weight:    700;
        color:          #AD8679;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .storefront-sorting.bella-primary-sorting > .woocommerce-ordering .orderby {
        width:               100%;
        margin:              0;
        padding:             0 20px 0 0;
        background-color:    transparent;
        background-image:    linear-gradient(45deg, transparent 50%, #AD8679 50%), linear-gradient(135deg, #AD8679 50%, transparent 50%);
        background-position: calc(100% - 9px) calc(50% - 2px), calc(100% - 4px) calc(50% - 2px);
        background-repeat:   no-repeat;
        background-size:     5px 5px;
        border:              none;
        color:               #2e1e1a;
        font-size:           13px;
        font-weight:         500;
        letter-spacing:      .01em;
        appearance:          none;
        box-shadow:          none;
        cursor:              pointer;
    }

    .storefront-sorting.bella-primary-sorting > .woocommerce-ordering .orderby:focus {
        outline:    none;
        box-shadow: none;
    }


    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #secondary.bella-sidebar-empty {
        display: none !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline {
        display:         block !important;
        width:           calc(50% - 6px) !important;
        margin:          0 0 18px !important;
        float:           none !important;
        position:        sticky !important;
        top:             20px !important;
        align-self:      flex-start !important;
        height:          auto !important;
        max-height:      calc(100vh - 40px) !important;
        overflow-y:      auto !important;
        overflow-x:      visible !important;
        padding:         0 !important;
        scrollbar-width: thin;
        scrollbar-color: #e2d5d1 transparent;
    }
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline::-webkit-scrollbar {
        width: 4px;
    }
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline::-webkit-scrollbar-thumb {
        background:    #e2d5d1;
        border-radius: 4px;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .widget,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .widget:last-child {
        background:   transparent !important;
        border:       none !important;
        border-left:  none !important;
        box-shadow:   none !important;
        padding:      0 !important;
        margin:       0 !important;
        border-radius: 0 !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .widget-title {
        display: none !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .wc-block-product-filters {
        display: block !important;
        width:   100%;
        padding: 0 !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .wc-block-product-filters__open-overlay {
        display:         inline-flex !important;
        flex-direction:  column;
        align-items:     center;
        justify-content: center;
        gap:             4px;
        width:           100%;
        min-height:      68px;
        margin:          0;
        padding:         12px 14px;
        background:      #AD8679;
        border:          none;
        border-radius:   0;
        box-shadow:      0 2px 10px rgba(173,134,121,.30);
        color:           #fff;
        font-size:       9px;
        font-weight:     700;
        text-transform:  uppercase;
        letter-spacing:  .12em;
        transition:      background .2s, box-shadow .2s;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .wc-block-product-filters__open-overlay:hover {
        background:  #96716a;
        box-shadow:  0 4px 16px rgba(173,134,121,.40);
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .wc-block-product-filters__open-overlay span {
        padding:   0;
        font-size: 0;
        order:     2;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .wc-block-product-filters__open-overlay span::after {
        content:        "Filtrs";
        display:        inline-block;
        font-size:      14px;
        font-weight:    500;
        line-height:    1;
        letter-spacing: .01em;
        white-space:    nowrap;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) #primary .site-main > #secondary.bella-sidebar-inline .wc-block-product-filters__open-overlay svg {
        width:  20px;
        height: 20px;
        order:  1;
        opacity: .9;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) ul.products {
        display:               grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap:                   12px !important;
        margin:                0 !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) ul.products::before,
    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) ul.products::after {
        display: none !important;
    }

    body.woocommerce-page:not(.elementor-page):not(.single-product):not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product {
        width:      auto !important;
        float:      none !important;
        margin:     0 !important;
        min-width:  0 !important;
    }

    .archive.woocommerce-page ul.products .product-details-wrap {
        padding: 10px 10px 12px;
    }

    .archive.woocommerce-page ul.products .eael-product-title h2,
    .archive.woocommerce-page ul.products .eael-product-title .woocommerce-loop-product__title {
        font-size:   12px;
        line-height: 1.35;
        margin-bottom: 4px;
    }

    .archive.woocommerce-page ul.products .eael-product-price {
        font-size: 13px;
    }
}

/* ============================================================
   HEADER ICONS — search, account
   ============================================================ */

/* Desktop: convert header col-full to flex so all pieces sit in one row */
@media (min-width: 768px) {
    .site-header .col-full {
        display:     flex !important;
        align-items: center !important;
        flex-wrap:   nowrap !important;
    }

    .site-header .col-full .site-branding {
        float:        none !important;
        width:        auto !important;
        flex-shrink:  0;
        margin-right: 32px;
    }

    /* Nav takes remaining space — must override Storefront's width:100% and clear:both */
    .site-header .col-full .main-navigation {
        float:  none !important;
        width:  auto !important;
        clear:  none !important;
        flex:   1 1 auto;
    }

    /* Icons: after nav, before cart — natural DOM order (priority 58) */
    .site-header .col-full .bella-header-icons {
        flex-shrink: 0;
        width:       auto !important;
    }

    /* Cart: after icons — natural DOM order (priority 60) */
    .site-header .col-full #site-header-cart,
    .site-header .col-full .site-header-cart {
        float:       none !important;
        width:       auto !important;
        flex-shrink: 0;
        display:     flex !important;
        align-items: center !important;
    }

    /* Search overlay is position:fixed — keep it out of flex flow */
    .site-header .col-full .bella-search-overlay {
        position: fixed !important;
    }
}

.storefront-primary-navigation {
    position: relative;
}

.bella-header-icons {
    display:     inline-flex;
    align-items: center;
    gap:         2px;
}

.bella-header-icon {
    position:        relative;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           40px;
    height:          40px;
    background:      none;
    border:          none;
    border-radius:   50%;
    color:           #3a2a28 !important;
    cursor:          pointer;
    text-decoration: none;
    transition:      color .2s, background .2s;
    padding:         0;
}

.bella-header-icon svg {
    width:          20px !important;
    height:         20px !important;
    stroke:         currentColor;
    pointer-events: none;
    flex-shrink:    0;
}

.bella-header-icon:hover {
    color:      var(--bella-accent);
    background: rgba(173,134,121,.10);
}

/* ── Search overlay ──────────────────────────────────────────────────────────── */

.bella-header-icon--wishlist {
    overflow: visible;
}

.bella-wishlist-count {
    position:       absolute;
    top:            4px;
    right:          1px;
    min-width:      17px;
    height:         17px;
    padding:        0 4px;
    border-radius:  999px;
    background:     var(--bella-accent);
    color:          #fff;
    font-size:      10px;
    font-weight:    700;
    line-height:    17px;
    text-align:     center;
    pointer-events: none;
    box-shadow:     0 2px 8px rgba(61,40,31,.18);
    transform-origin: center;
    transition:     opacity .18s ease, transform .18s ease;
}

.bella-wishlist-count.is-empty {
    opacity:   0;
    transform: scale(.72);
}

.bella-search-overlay {
    position:      fixed;
    top:           0;
    left:          0;
    right:         0;
    z-index:       99999;
    background:    #fff;
    border-bottom: 2px solid var(--bella-accent-light);
    box-shadow:    0 6px 24px rgba(0,0,0,.12);
    padding:       18px 24px 24px;
    max-height:    100dvh;
    overflow:      auto;
    animation:     bella-search-slide .2s ease;
}

.bella-search-overlay[hidden] { display: none; }

body.bella-search-open { overflow: hidden; }

@keyframes bella-search-slide {
    from { opacity: 0; transform: translateY(-8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.bella-search-form {
    display:     flex;
    align-items: center;
    max-width:   820px;
    margin:      0 auto;
    gap:         12px;
    border-bottom: 1.5px solid #e8d5cf;
    padding-bottom: 4px;
}

.bella-search-form > svg {
    flex-shrink: 0;
    color: #aaa;
}

.bella-search-form input[type="search"] {
    flex:        1;
    border:      none;
    padding:     8px 0;
    font-size:   17px;
    outline:     none;
    background:  transparent;
    color:       #2e1e1a;
    min-width:   0;
}

.bella-search-form input[type="search"]::placeholder { color: #bbb; }

.bella-search-form button[type="button"] {
    background:  none;
    border:      none;
    cursor:      pointer;
    padding:     6px;
    color:       #999;
    display:     inline-flex;
    align-items: center;
    transition:  color .2s;
    flex-shrink: 0;
}

.bella-search-form button[type="button"]:hover { color: var(--bella-accent); }

.bella-search-results {
    max-width:   820px;
    margin:      18px auto 0;
    background:  #fff;
    border:      1px solid #eadfd9;
    box-shadow:  0 16px 40px rgba(28,18,14,.08);
}

.bella-search-results[hidden] { display: none; }

.bella-search-results__label {
    padding:        14px 18px 10px;
    border-bottom:  1px solid #efe7e3;
    color:          #8f756d;
    font-size:      11px;
    font-weight:    600;
    letter-spacing: .16em;
}

.bella-search-results__list {
    max-height: min(60dvh, 520px);
    overflow:   auto;
}

.bella-search-results__item {
    display:               grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items:           center;
    gap:                   14px;
    padding:               14px 18px;
    border-bottom:         1px solid #f2ece8;
    color:                 #2e1e1a !important;
    text-decoration:       none;
}

.bella-search-results__item:hover {
    background: #fbf7f5;
}

.bella-search-results__thumb {
    width:       48px;
    height:      48px;
    display:     flex;
    align-items: center;
    justify-content: center;
    overflow:    hidden;
    background:  #fff;
}

.bella-search-results__thumb img {
    width:      100%;
    height:     100%;
    object-fit: cover;
}

.bella-search-results__text {
    display:     block;
    font-size:   15px;
    line-height: 1.35;
}

.bella-search-results__empty {
    padding:     18px;
    color:       #6f5d57;
    font-size:   14px;
    line-height: 1.5;
}

.bella-search-results__empty--loading {
    color: var(--bella-accent-dark);
}

.bella-search-results__footer {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             12px;
    padding:         14px 18px;
    border-top:      1px solid #efe7e3;
    color:           var(--bella-accent-dark) !important;
    font-size:       14px;
    font-weight:     600;
    letter-spacing:  .03em;
    text-decoration: none;
}

.bella-search-results__footer::after {
    content: "->";
    font-size: 16px;
    line-height: 1;
}

.bella-search-results__footer[hidden] { display: none; }

@media (max-width: 767px) {
    .bella-search-overlay {
        padding: 12px 14px 16px;
    }

    .bella-search-form {
        max-width: none;
        gap: 10px;
    }

    .bella-search-form input[type="search"] {
        font-size: 16px;
    }

    .bella-search-results {
        max-width: none;
        margin-top: 12px;
        box-shadow: none;
    }

    .bella-search-results__list {
        max-height: calc(100dvh - 120px);
    }

    .bella-search-results__item {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
        padding: 12px 14px;
    }

    .bella-search-results__thumb {
        width: 44px;
        height: 44px;
    }

    .bella-search-results__footer {
        padding: 14px;
    }
}

/* ── Heart button on product cards ──────────────────────────────────────────── */

.bella-yith-wishlist-slot {
    position: absolute;
    top:      14px;
    right:    14px;
    z-index:  7;
    --add-to-wishlist-icon-color: var(--bella-accent);
    --added-to-wishlist-icon-color: var(--bella-accent-dark);
}

.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist,
.bella-yith-wishlist-slot .yith-wcwl-add-button,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse {
    margin: 0 !important;
}

.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist a,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse a {
    position:        relative;
    display:         inline-flex !important;
    align-items:     center;
    justify-content: center;
    width:           24px;
    height:          24px;
    padding:         0 !important;
    border:          none !important;
    border-radius:   0;
    background:      transparent !important;
    color:           transparent !important;
    font-size:       0 !important;
    line-height:     0 !important;
    text-decoration: none !important;
    box-shadow:      none !important;
    transition:      transform .18s ease, opacity .18s ease;
}

.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist a::before,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse a::before {
    content:    "";
    display:    block;
    width:      24px;
    height:     24px;
    background: center / 24px 24px no-repeat var(--bella-heart-outline-svg);
}

.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse a::before {
    background-image: var(--bella-heart-filled-svg);
}

.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist a:hover,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse a:hover {
    transform: scale(1.08);
    opacity:   .94;
}

.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist a:hover::before {
    background-image: var(--bella-heart-outline-dark-svg);
}

.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse a:hover::before {
    background-image: var(--bella-heart-filled-dark-svg);
}

.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist i,
.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist svg,
.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist img,
.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist span,
.bella-yith-wishlist-slot .yith-wcwl-add-to-wishlist .feedback,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse svg,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse img,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse .feedback,
.bella-yith-wishlist-slot .yith-wcwl-wishlistaddedbrowse .separator {
    display: none !important;
}

.add-to-wishlist-before_image,
.add-to-wishlist-before_image .product-image-wrap,
.add-to-wishlist-before_image .image-wrap {
    position: relative;
    --add-to-wishlist-icon-color: var(--bella-accent);
    --added-to-wishlist-icon-color: var(--bella-accent-dark);
}

.add-to-wishlist-before_image .yith-add-to-wishlist-button-block {
    position: absolute !important;
    top:      14px !important;
    right:    14px !important;
    left:     auto !important;
    bottom:   auto !important;
    z-index:  30 !important;
    width:    auto !important;
    margin:   0 !important;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button:is(button),
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button-anchor-wrapper,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button__wrapper {
    display:         inline-flex !important;
    align-items:     center !important;
    justify-content: center !important;
    width:           24px !important;
    height:          24px !important;
    min-width:       0 !important;
    min-height:      0 !important;
    padding:         0 !important;
    margin:          0 !important;
    border:          none !important;
    border-radius:   0 !important;
    background:      transparent !important;
    box-shadow:      none !important;
    color:           transparent !important;
    line-height:     1 !important;
    text-decoration: none !important;
    transition:      transform .18s ease, opacity .18s ease !important;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button--anchor,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button--icon-button {
    flex-direction: row !important;
    gap:            0 !important;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button-over-image,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button-over-image--top-left,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button-over-image--top-right,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button-over-image--bottom-left,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button-over-image--bottom-right {
    position: absolute !important;
    top:      0 !important;
    right:    0 !important;
    left:     auto !important;
    bottom:   auto !important;
    margin:   0 !important;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button::before,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button-anchor-wrapper::before,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button__wrapper::before {
    content:    "";
    display:    block;
    width:      24px;
    height:     24px;
    background: center / 24px 24px no-repeat var(--bella-heart-outline-svg);
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button__label,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist__counter,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-tooltip {
    display: none !important;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button:hover,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button-anchor-wrapper:hover,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button__wrapper:hover {
    transform: scale(1.08);
    opacity:   .94;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button:hover::before,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button-anchor-wrapper:hover::before,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button__wrapper:hover::before {
    background-image: var(--bella-heart-outline-dark-svg);
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button--added,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button--added:hover {
    color: transparent !important;
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button--added::before,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button--added:hover::before,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button-anchor-wrapper.yith-wcwl-add-to-wishlist-button--added::before,
.add-to-wishlist-before_image a.yith-wcwl-add-to-wishlist-button__wrapper.yith-wcwl-add-to-wishlist-button--added::before {
    background-image: var(--bella-heart-filled-svg);
}

.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button svg,
.add-to-wishlist-before_image .yith-wcwl-icon-svg,
.add-to-wishlist-before_image .yith-wcwl-add-to-wishlist-button img.yith-wcwl-custom-icon {
    display: none !important;
}

/* ============================================================
   WISHLIST PAGE
   ============================================================ */

.woocommerce-wishlist .site-main > article.type-page {
    width:      100%;
    max-width: 1240px;
    margin:    0 auto 64px;
}

.woocommerce-wishlist .site-content .col-full {
    max-width:    1400px;
    margin-left:  auto;
    margin-right: auto;
}

.woocommerce-wishlist #primary.content-area {
    float:      none !important;
    width:      100% !important;
    max-width:  100% !important;
    margin:     0 auto !important;
}

.woocommerce-wishlist #secondary.widget-area {
    display: none !important;
}

.woocommerce-wishlist .site-main > article.type-page .entry-header {
    margin:     0 0 28px;
    text-align: center;
}

.woocommerce-wishlist .site-main > article.type-page .entry-title {
    margin:         0;
    color:          #2f211d;
    font-size:      clamp(30px, 4vw, 46px);
    font-weight:    500;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.woocommerce-wishlist .site-main > article.type-page .entry-content {
    max-width: 1180px;
    margin:    0 auto;
}

.woocommerce-wishlist #yith-wcwl-form {
    margin:        0 auto;
    max-width:     1240px;
    padding:       28px clamp(18px, 3vw, 40px) 34px;
    border:        1px solid #e4d8d1;
    border-radius: 0;
    background:    linear-gradient(180deg, #ffffff 0%, #fcf8f6 100%);
    box-shadow:    0 24px 56px rgba(41,25,20,.06);
}

.woocommerce-wishlist .wishlist-title-container {
    display: none !important;
}

.woocommerce-wishlist .wishlist-title {
    display:         flex;
    align-items:     center;
    justify-content: center;
    gap:             12px;
}

.woocommerce-wishlist .wishlist-title h2 {
    margin:         0;
    color:          var(--bella-accent-deep);
    font-size:      clamp(22px, 3vw, 28px);
    font-weight:    500;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.woocommerce-wishlist .wishlist-title a.btn,
.woocommerce-wishlist .hidden-title-form a,
.woocommerce-wishlist .hidden-title-form button {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-height:      42px;
    padding:         0 18px;
    border:          1px solid #dac9c2;
    border-radius:   0 !important;
    background:      #fff !important;
    color:           var(--bella-accent-deep) !important;
    box-shadow:      none !important;
    font-size:       11px;
    font-weight:     700;
    letter-spacing:  .14em;
    text-decoration: none !important;
    text-transform:  uppercase;
    transition:      background .18s ease, border-color .18s ease, color .18s ease;
}

.woocommerce-wishlist .wishlist-title a.btn:hover,
.woocommerce-wishlist .hidden-title-form a:hover,
.woocommerce-wishlist .hidden-title-form button:hover {
    background:   var(--bella-accent-light) !important;
    border-color: var(--bella-accent) !important;
    color:        var(--bella-accent-deep) !important;
}

.woocommerce-wishlist .hidden-title-form {
    justify-content: center;
}

.woocommerce-wishlist .hidden-title-form input[type="text"] {
    min-height:    44px;
    padding:       0 14px;
    border:        1px solid #d8cbc5;
    border-radius: 0;
    background:    #fff;
    color:         #2f211d;
    text-align:    center;
}

.woocommerce-wishlist .wishlist_table {
    width:           100%;
    margin:          0;
    border:          1px solid #e4d8d1;
    border-collapse: collapse;
    background:      #fff;
}

.woocommerce-wishlist .wishlist_table thead th {
    padding:        16px 18px;
    border:         none;
    border-bottom:  1px solid #e4d8d1;
    background:     #f6efec;
    color:          var(--bella-accent-deep);
    font-size:      11px;
    font-weight:    700;
    letter-spacing: .14em;
    text-align:     center;
    text-transform: uppercase;
}

.woocommerce-wishlist .wishlist_table tbody td {
    padding:       22px 18px;
    border-top:    1px solid #efe6e2;
    vertical-align: middle;
    text-align:    center;
}

.woocommerce-wishlist .wishlist_table td.product-thumbnail a,
.woocommerce-wishlist .wishlist_table td.product-name a,
.woocommerce-wishlist .wishlist_table td.product-add-to-cart,
.woocommerce-wishlist .wishlist_table td.product-price,
.woocommerce-wishlist .wishlist_table td.product-stock-status,
.woocommerce-wishlist .wishlist_table td.product-remove {
    text-align: center;
}

.woocommerce-wishlist .wishlist_table td.product-thumbnail a {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
}

.woocommerce-wishlist .wishlist_table td.product-thumbnail img {
    width:      clamp(86px, 10vw, 120px);
    height:     auto;
    border:     1px solid #eee5e1;
    object-fit: cover;
}

.woocommerce-wishlist .wishlist_table td.product-name a {
    color:           #2f211d;
    font-size:       18px;
    font-weight:     500;
    line-height:     1.45;
    text-decoration: none;
}

.woocommerce-wishlist .wishlist_table td.product-name a:hover {
    color: var(--bella-accent-deep);
}

.woocommerce-wishlist .wishlist_table td.product-price,
.woocommerce-wishlist .wishlist_table td.product-price .amount,
.woocommerce-wishlist .wishlist_table td.product-stock-status {
    color:       var(--bella-accent-deep);
    font-size:   15px;
    font-weight: 600;
}

.woocommerce-wishlist .wishlist_table td.product-remove .remove {
    position:       relative;
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           34px;
    height:          34px;
    padding:         0;
    border:          1px solid #d9cbc4;
    border-radius:   0 !important;
    background:      transparent !important;
    color:           transparent !important;
    font-size:       0 !important;
    line-height:     0;
    text-decoration: none;
    text-indent:     -9999px;
    overflow:        hidden;
    box-shadow:      none !important;
    transition:      background .18s ease, border-color .18s ease, transform .18s ease;
}

.woocommerce-wishlist .wishlist_table td.product-remove .remove::before,
.woocommerce-wishlist .wishlist_table td.product-remove .remove::after {
    content:    "";
    position:   absolute;
    top:        50%;
    left:       50%;
    width:      14px;
    height:     1.5px;
    background: var(--bella-accent-deep);
    transform-origin: center;
}

.woocommerce-wishlist .wishlist_table td.product-remove .remove::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

.woocommerce-wishlist .wishlist_table td.product-remove .remove::after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

.woocommerce-wishlist .wishlist_table td.product-remove .remove:hover {
    background:   var(--bella-accent-light);
    border-color: var(--bella-accent);
    transform:    scale(1.04);
}

.woocommerce-wishlist .wishlist_table .add_to_cart,
.woocommerce-wishlist .wishlist_table .remove_from_wishlist.button {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    min-height:      44px;
    padding:         0 20px;
    border-radius:   0 !important;
    box-shadow:      none !important;
    font-size:       11px;
    font-weight:     700;
    letter-spacing:  .14em;
    text-transform:  uppercase;
}

.woocommerce-wishlist .wishlist_table .add_to_cart {
    border:     1px solid var(--bella-accent) !important;
    background: var(--bella-accent) !important;
    color:      #fff !important;
}

.woocommerce-wishlist .wishlist_table .add_to_cart:hover {
    border-color: var(--bella-accent-deep) !important;
    background:   var(--bella-accent-deep) !important;
    color:        #fff !important;
}

.woocommerce-wishlist .wishlist_table .remove_from_wishlist.button {
    display: none !important;
}

.woocommerce-wishlist .wishlist_table .wishlist-empty {
    padding:        52px 20px !important;
    color:          #7d6660;
    font-size:      16px;
    font-weight:    500;
    letter-spacing: .04em;
    text-align:     center;
}

.woocommerce-wishlist .yith-wcwl-share {
    margin:        32px auto 0;
    padding-top:   28px;
    border-top:    1px solid #eadfd9;
    text-align:    center;
}

.woocommerce-wishlist .yith-wcwl-share-title {
    margin:         0 0 14px;
    color:          var(--bella-accent-deep);
    font-size:      12px;
    font-weight:    700;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.woocommerce-wishlist .yith-wcwl-share ul {
    display:         flex;
    align-items:     center;
    justify-content: center;
    flex-wrap:       wrap;
    gap:             10px;
    margin:          0;
    padding:         0;
    list-style:      none;
}

.woocommerce-wishlist .yith-wcwl-share .share-button {
    margin: 0;
}

.woocommerce-wishlist .yith-wcwl-share .share-button a {
    display:         inline-flex;
    align-items:     center;
    justify-content: center;
    width:           44px;
    height:          44px;
    border:          1px solid #dac9c2;
    border-radius:   0 !important;
    background:      #fff;
    color:           var(--bella-accent) !important;
    box-shadow:      none;
    transition:      background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.woocommerce-wishlist .yith-wcwl-share .share-button a:hover {
    background:   var(--bella-accent);
    border-color: var(--bella-accent);
    color:        #fff !important;
    transform:    translateY(-1px);
}

.woocommerce-wishlist .yith-wcwl-share .share-button a svg {
    width:  16px;
    height: 16px;
}

@media (max-width: 767px) {
    .woocommerce-wishlist #yith-wcwl-form {
        padding: 24px 14px 22px;
    }

    .woocommerce-wishlist .site-main > article.type-page {
        margin-bottom: 40px;
    }

    .woocommerce-wishlist .site-main > article.type-page .entry-title {
        letter-spacing: .1em;
    }

    .woocommerce-wishlist .wishlist_table.responsive td {
        padding:    16px 12px;
        text-align: center !important;
    }

    .woocommerce-wishlist .wishlist_table.responsive td::before {
        display:       block;
        float:         none;
        margin-bottom: 8px;
        color:         #8c746c;
        font-size:     10px;
        font-weight:   700;
        letter-spacing: .12em;
        text-transform: uppercase;
    }

    .woocommerce-wishlist .wishlist_table .add_to_cart {
        width: 100%;
    }

    .woocommerce-wishlist .wishlist_table td.product-remove .remove {
        width: 34px;
    }
}

/* ============================================================
   SIDEBAR WIDGET CARDS
   ============================================================ */

.site-content .widget-area .widget {
    background:    #fff;
    border:        1px solid #e2e2e2;
    border-radius: 0;
    padding:       25px;
    margin-bottom: 20px;
    box-shadow:    0 2px 8px rgba(0,0,0,.06);
}

/* Accent left-border on widget cards */
.site-content .widget-area .widget {
    border-left: 3px solid var(--bella-accent);
}

.widget-area .widget-title {
    font-size:      18px;
    font-weight:    600;
    margin-bottom:  14px;
    padding-bottom: 10px;
    border-bottom:  1px solid #f0f0f0;
    color:          #222;
    text-transform: uppercase;
    letter-spacing: .5px;
}

/* Widget list items */
.widget-area .widget ul {
    list-style: none !important;
    padding:    0    !important;
    margin:     0    !important;
}

.widget-area .widget ul li {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    padding:         7px 0;
    border-bottom:   1px solid #f9f9f9;
}

.widget-area .widget ul li:last-child {
    border-bottom: none;
}

.widget-area .widget ul li a {
    text-decoration: none;
    color:           #444;
    font-size:       15px;
    transition:      color .2s;
}

.widget-area .widget ul li a:hover {
    color: var(--bella-accent);
}

/* Active/current category link */
.widget-area .widget ul li.current-cat > a,
.widget-area .widget ul li .current-cat-ancestor > a {
    color:       var(--bella-accent);
    font-weight: 600;
}

/* Count badges */
.widget-area .widget ul li .count {
    color:         #999;
    background:    #f8f8f8;
    border-radius: 20px;
    padding:       1px 8px;
    font-size:     12px;
}

/* ── Price slider ─────────────────────────────────────────── */
.widget_price_filter .ui-slider {
    background: #e8dedd;
    height:     5px;
    border-radius: 3px;
}

.widget_price_filter .ui-slider .ui-slider-range {
    background: var(--bella-accent);
}

.widget_price_filter .ui-slider .ui-slider-handle {
    background:    var(--bella-accent);
    border:        2px solid #fff;
    border-radius: 50%;
    width:         18px;
    height:        18px;
    top:           -7px;
    cursor:        pointer;
    box-shadow:    0 1px 4px rgba(173,134,121,.5);
}

.widget_price_filter .price_slider_amount {
    display:         flex;
    justify-content: space-between;
    align-items:     center;
    margin-top:      14px;
    font-size:       13px;
    color:           #555;
}

.widget_price_filter .price_slider_amount .button {
    background:    var(--bella-accent);
    color:         #fff;
    border:        none;
    border-radius: 6px;
    padding:       6px 16px;
    font-size:     12px;
    cursor:        pointer;
    transition:    background .2s;
}

.widget_price_filter .price_slider_amount .button:hover {
    background: var(--bella-accent-dark);
}

/* ── Active filters widget ────────────────────────────────── */
.woocommerce-widget-layered-nav-dropdown__submit,
.widget_layered_nav_filters .chosen a {
    color: var(--bella-accent);
}

/* ============================================================
   PRODUCT GRID
   ============================================================ */

/* Each product card relative so ATC button can be absolute */
ul.products li.product {
    position:   relative;
    overflow:   hidden;
    transition: all .35s cubic-bezier(.25,.8,.25,1);
}

ul.products li.product:hover {
    transform:  translateY(-5px);
    box-shadow: 0 10px 28px rgba(0,0,0,.10);
}

/* Centre product title and price */
ul.products li.product .woocommerce-loop-product__title,
ul.products li.product .price {
    text-align: center;
}

/* ============================================================
   SHOP PRODUCT CARD – EAEL preset-3 structure + Bella colours
   Mirrors exactly what the homepage Elementor carousel renders.
   Parent scope: .archive.woocommerce-page ul.products
   ============================================================ */

/* Card wrapper */
.archive.woocommerce-page ul.products li.product.bella-shop-card {
    padding: 0;
}

.archive.woocommerce-page ul.products .eael-product-carousel {
    border-radius:    0;
    background-color: #fff;
    overflow:         hidden;
    box-shadow:       0 2px 12px rgba(0,0,0,.07);
    transition:       transform .3s ease, box-shadow .3s ease;
    text-align:       left;
}

.archive.woocommerce-page ul.products .eael-product-carousel:hover {
    transform:  translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,.13);
}

/* Image area */
.archive.woocommerce-page ul.products .product-image-wrap {
    position:      relative;
    overflow:      hidden;
    border-radius: 0;
    line-height:   0;
}

.archive.woocommerce-page ul.products .image-wrap {
    position: relative;
}

.archive.woocommerce-page ul.products .image-wrap img {
    width:      100%;
    display:    block;
    border-radius: 0;
}

.archive.woocommerce-page ul.products .image-wrap a {
    display:     block;
    line-height: 0;
}

/* Sale badge */
.archive.woocommerce-page ul.products .eael-onsale {
    position:      absolute;
    top:           10px;
    left:          10px;
    background:    var(--bella-accent);
    color:         #fff;
    font-size:     11px;
    font-weight:   700;
    padding:       3px 10px;
    border-radius: 20px;
    z-index:       2;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.archive.woocommerce-page ul.products .eael-onsale.outofstock {
    background: #999;
}

/* ── Sliding action bar (EAEL block-style) ───────────────── */
.archive.woocommerce-page ul.products .icons-wrap.block-style {
    display:    flex;
    position:   absolute;
    bottom:     -50px;     /* hidden below overflow boundary */
    left:       0;
    right:      0;
    height:     44px;
    background: #5F250B;   /* Bella secondary */
    padding:    0;
    margin:     0;
    list-style: none;
    z-index:    9;
    transition: bottom .3s ease;
}

/* Reveal on card hover */
.archive.woocommerce-page ul.products .eael-product-carousel:hover .icons-wrap.block-style {
    bottom: 0;
}

/* Each button cell */
.archive.woocommerce-page ul.products .icons-wrap.block-style li {
    flex:         1;
    display:      flex;
    align-items:  center;
    justify-content: center;
    border-right: 1px solid rgba(255,255,255,.25);
    margin:       0;
    padding:      0;
}

.archive.woocommerce-page ul.products .icons-wrap.block-style li:last-child {
    border-right: none;
}

/* Links & icons inside buttons */
.archive.woocommerce-page ul.products .icons-wrap.block-style li a,
.archive.woocommerce-page ul.products .icons-wrap.block-style li a.button {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    height:          100%;
    color:           #fff !important;
    background:      transparent !important;
    border:          none !important;
    border-radius:   0 !important;
    padding:         0 !important;
    margin:          0 !important;
    font-size:       0 !important;   /* hide text, show icon only */
    text-decoration: none !important;
    transition:      background .2s;
}

.archive.woocommerce-page ul.products .icons-wrap.block-style li a:hover {
    background: rgba(255,255,255,.15) !important;
}

/* FA icons inside buttons */
.archive.woocommerce-page ul.products .icons-wrap.block-style li a i,
.archive.woocommerce-page ul.products .icons-wrap.block-style li a::before {
    font-size: 16px !important;
    color:     #fff !important;
}

/* WC add-to-cart button: inject cart icon via ::before (EAEL does same) */
.archive.woocommerce-page ul.products .icons-wrap.block-style li.add-to-cart a.button::before {
    content:     "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:   16px !important;
    color:       #fff;
    display:     block;
}

/* Variable / grouped / out-of-stock: hide cart, 2-col grid */
.archive.woocommerce-page ul.products li.product-type-variable .icons-wrap.block-style li.add-to-cart,
.archive.woocommerce-page ul.products li.product-type-grouped .icons-wrap.block-style li.add-to-cart,
.archive.woocommerce-page ul.products li.outofstock .icons-wrap.block-style li.add-to-cart {
    display: none;
}

/* After add-to-cart: show check icon */
.archive.woocommerce-page ul.products .icons-wrap.block-style li.add-to-cart a.added::before {
    content: "\f217";
}

/* Hide the "View cart" link WC injects after AJAX add-to-cart —
   target both the link and any WC notice banner on the shop page */
.archive.woocommerce-page ul.products .icons-wrap.block-style li.add-to-cart a.added_to_cart,
.archive.woocommerce-page ul.products .icons-wrap.block-style li.add-to-cart a.wc-forward,
.archive.woocommerce-page ul.products .icons-wrap.block-style li.add-to-cart ~ a {
    display:  none !important;
    position: static !important;
}

/* Suppress the floating WC "added to cart" notice on the shop/archive page */
.archive.woocommerce-page .woocommerce-message {
    display: none !important;
}

/* ── Product details (title + price) ────────────────────── */
.archive.woocommerce-page ul.products .product-details-wrap {
    padding: 16px 16px 18px;
}

.archive.woocommerce-page ul.products .eael-product-title h2,
.archive.woocommerce-page ul.products .eael-product-title .woocommerce-loop-product__title {
    font-size:   14px;
    font-weight: 500;
    color:       #222;
    text-align:  center;
    margin:      0 0 6px;
    line-height: 1.4;
}

.archive.woocommerce-page ul.products .eael-product-title a {
    text-decoration: none;
    color:           inherit;
}

.archive.woocommerce-page ul.products .eael-product-title a:hover h2 {
    color: var(--bella-accent);
}

.archive.woocommerce-page ul.products .eael-product-price {
    text-align:  center;
    font-size:   14px;
    font-weight: 600;
    color:       #555;
}

/* ============================================================
   PAGINATION – accent colour
   ============================================================ */

.woocommerce-pagination {
    float:      left       !important;
    width:      100%       !important;
    text-align: left       !important;
    clear:      both       !important;
}
.woocommerce-pagination ul {
    float:           none            !important;
    justify-content: flex-start     !important;
    text-align:      left            !important;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    border-color: var(--bella-accent) !important;
    color:        var(--bella-accent) !important;
    border-radius: 0 !important;
    transition:   background .2s, color .2s !important;
}

.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current {
    background:   var(--bella-accent) !important;
    color:        #fff !important;
    border-color: var(--bella-accent) !important;
}

/* ============================================================
   MENU – remove focus/click outline on nav links
   ============================================================ */

.site-header .main-navigation a:focus,
.site-header .main-navigation a:active,
.site-header nav a:focus,
.site-header nav a:active,
.main-navigation ul li a:focus,
.main-navigation ul li a:active {
    outline:    none !important;
    box-shadow: none !important;
}

/* ============================================================
   CART PAGE – layout, spacing & centering
   ============================================================ */

/* Ensure cart page uses full width (no sidebar) */
.woocommerce-cart #primary,
.woocommerce-cart .content-area {
    width:   100% !important;
    float:   none !important;
    margin:  0    !important;
    padding: 0    !important;
}

/* Hide any accidental sidebar on cart */
.woocommerce-cart #secondary {
    display: none !important;
}

/* Cart table section: comfortable max-width */
.woocommerce-cart .woocommerce {
    max-width:    900px  !important;
    margin-left:  auto   !important;
    margin-right: auto   !important;
    padding-left: 24px   !important;
    padding-right: 24px  !important;
    box-sizing:   border-box !important;
}

/* Page content (Jaunumi block grid): wider so 4 cols breathe */
.woocommerce-cart .entry-content {
    max-width:    1200px !important;
    margin-left:  auto   !important;
    margin-right: auto   !important;
    padding-left: 24px   !important;
    padding-right: 24px  !important;
    box-sizing:   border-box !important;
}

/* Trim the large top padding — keep a modest breathing room */
.woocommerce-cart .site-main {
    padding-top: 30px !important;
}

/* Tighten the gap between the "Cart" title and the table */
.woocommerce-cart .entry-header {
    margin-bottom: 16px !important;
}

/* Cart page heading font */
.woocommerce-cart .entry-header h1,
.woocommerce-cart .entry-title {
    font-family:  'Marcellus SC', serif !important;
    font-weight:  300                   !important;
}

/* Cart collaterals (totals block): right-aligned, sensible width */
.woocommerce-cart .cart-collaterals {
    width: 100% !important;
    float: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    width:       48%   !important;
    float:       right !important;
    margin-left: auto  !important;
    clear:       none  !important;
}

/* Cart page – full-width cart table (no sidebar shrinkage) */
.woocommerce-cart table.cart {
    width: 100% !important;
}

/* Cart product name links — dark text, no purple */
.woocommerce-cart table.cart td.product-name a,
.woocommerce-cart table.cart td.product-name a:visited,
body.woocommerce-cart .woocommerce table.cart td.product-name a,
body.woocommerce-cart .woocommerce table.cart td.product-name a:visited {
    color:           #3a2a28 !important;
    text-decoration: none    !important;
}
.woocommerce-cart table.cart td.product-name a:hover,
body.woocommerce-cart .woocommerce table.cart td.product-name a:hover {
    color:           var(--bella-accent) !important;
    text-decoration: underline           !important;
}

/* ============================================================
   CART PAGE – "Turpināt uz norēķinu" button accent colour
   ============================================================ */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce .wc-proceed-to-checkout a.checkout-button {
    background-color: var(--bella-accent)   !important;
    border-color:     var(--bella-accent)   !important;
    color:            #fff                  !important;
    border-radius:    6px                   !important;
    transition:       background .2s        !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
}

/* ============================================================
   SINGLE PRODUCT – "Papildus produkti" (related/upsell) cards
   ============================================================ */

/* Section heading */
.single-product .related.products > h2,
.single-product .up-sells.products > h2 {
    text-align:     center;
    font-family:    'Cormorant SC', serif;
    font-size:      28px;
    font-weight:    600;
    letter-spacing: .06em;
    margin-bottom:  28px;
    color:          #222;
}

/* Card shell */
.single-product ul.products li.product {
    border-radius: 0 !important;
    background:    #fff !important;
    box-shadow:    0 2px 14px rgba(0,0,0,.07) !important;
    overflow:      hidden !important;
    padding:       0 !important;
    transition:    transform .3s ease, box-shadow .3s ease !important;
}

.single-product ul.products li.product:hover {
    transform:  translateY(-5px) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.12) !important;
}

/* Image fills the card top */
.single-product ul.products li.product a img {
    width:         100% !important;
    display:       block !important;
    border-radius: 0 !important;
    aspect-ratio:  1 / 1;
    object-fit:    cover !important;
}

/* Title & price padding + centred */
.single-product ul.products li.product .woocommerce-loop-product__title {
    padding:     12px 14px 4px !important;
    font-size:   14px !important;
    font-weight: 500 !important;
    color:       #222 !important;
    text-align:  center !important;
    margin:      0 !important;
}

.single-product ul.products li.product .price {
    display:     block !important;
    text-align:  center !important;
    font-size:   14px !important;
    font-weight: 600 !important;
    color:       #555 !important;
    padding:     0 14px 16px !important;
    margin:      0 !important;
}

/* Hide the add-to-cart button on related cards */
.single-product ul.products li.product .button {
    display: none !important;
}

/* Remove sale flash and all action icons from related cards */
.single-product ul.products li.product .onsale,
.single-product ul.products li.product .icons-wrap,
.single-product ul.products li.product .icon-list,
.single-product ul.products li.product ul[class*="icon"],
.single-product ul.products li.product .htcompare-button-area {
    display: none !important;
}

/* ============================================================
   CONTACT PAGE – CF7 / form fields full width
   ============================================================ */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="url"],
.wpcf7 select,
.wpcf7 textarea {
    width:      100% !important;
    max-width:  100% !important;
    box-sizing: border-box !important;
}

.wpcf7 .wpcf7-form-control-wrap {
    display: block !important;
    width:   100%  !important;
}

/* ============================================================
   GLOBAL – remove ALL blue focus outlines on every element
   ============================================================ */

*:focus,
*:active,
*:focus-visible {
    outline:     none !important;
    box-shadow:  none !important;
}

/* ============================================================
   BUTTONS – cart page + mini-cart + all WC buttons
   ============================================================ */

/* Cart page "Turpināt uz norēķinu" — higher specificity override */
a.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce a.checkout-button,
.woocommerce-cart a.checkout-button {
    background-color: var(--bella-accent)      !important;
    border-color:     var(--bella-accent)      !important;
    color:            #fff                     !important;
    border-radius:    6px                      !important;
}
a.checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
    color:            #fff                     !important;
}

/* Mini-cart "Veikt pasūtījumu" (checkout) button */
.woocommerce-mini-cart__buttons a.checkout,
.woocommerce-mini-cart__buttons a.button.checkout,
.woocommerce-mini-cart__buttons .checkout.wc-forward {
    background-color: var(--bella-accent)      !important;
    border-color:     var(--bella-accent)      !important;
    color:            #fff                     !important;
    border-radius:    6px                      !important;
}
.woocommerce-mini-cart__buttons a.checkout:hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
}

/* Mini-cart "Apskatīt grozu" (view cart) – outlined style */
.woocommerce-mini-cart__buttons a.wc-forward:not(.checkout) {
    background:    transparent             !important;
    border:        2px solid var(--bella-accent) !important;
    color:         var(--bella-accent)     !important;
    border-radius: 6px                     !important;
}
.woocommerce-mini-cart__buttons a.wc-forward:not(.checkout):hover {
    background: var(--bella-accent-light)  !important;
}

/* WooCommerce Blocks cart button — override the hardcoded #333333 */
.wc-block-components-button:not(.is-link),
.wc-block-cart__submit-container .wc-block-components-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-components-button,
.wc-block-cart .wc-block-components-button:not(.is-link) {
    background-color: var(--bella-accent)      !important;
    border-color:     var(--bella-accent)      !important;
    color:            #fff                     !important;
    border-radius:    6px                      !important;
}
.wc-block-components-button:not(.is-link):hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
}

/* ============================================================
   FOOTER – remove list icons and link underlines
   ============================================================ */

/* Remove the page/post-type icon before each nav menu item */
.site-footer ul li::before,
.site-footer ul li .menu-item::before,
.footer-widget ul li a::before,
.footer-widget ul li::before {
    content: none !important;
    display: none !important;
}

/* Nav menu items in footer use <img> icons in some themes — hide them */
.site-footer ul li img:first-child {
    display: none !important;
}

/* Remove underlines on all footer links */
.site-footer a,
.site-footer a:hover,
.site-footer a:visited {
    text-decoration: none !important;
}

/* Remove bullets and padding from footer lists */
.site-footer ul,
.site-footer ol {
    list-style:  none    !important;
    padding-left: 0      !important;
    margin-left:  0      !important;
}

/* Storefront adds a background-image page-icon to footer widget li items */
.site-footer .widget ul li,
.footer-widgets .widget ul li {
    background-image: none !important;
    padding-left:     0    !important;
}


/* ============================================================
   CATEGORY SEO DESCRIPTION
   ============================================================ */
.bella-cat-description {
    max-width:   820px;
    margin:      48px auto 24px;
    padding:     32px 36px;
    background:  #fdf9f6;
    border-left: 3px solid var(--bella-accent);
    border-radius: 0 8px 8px 0;
    color:       #555;
    font-size:   15px;
    line-height: 1.75;
}
.bella-cat-description p { margin-bottom: .85em; }
.bella-cat-description p:last-child { margin-bottom: 0; }

/* ============================================================
   MY ACCOUNT PAGE
   ============================================================ */

/* ── Nav sidebar ─────────────────────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    border: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #f0e8e4 !important;
    background: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    color:       #5F250B !important;
    font-weight: 500 !important;
    padding:     12px 0 !important;
    display:     flex !important;
    align-items: center !important;
    gap:         10px !important;
    text-decoration: none !important;
    transition:  color .2s !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    color: var(--bella-accent) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
    color: var(--bella-accent) !important;
    font-weight: 700 !important;
}

/* Nav icons — override Elementor's purple */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a svg,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a i,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a .dashicons,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a .wc-account-icon {
    color: var(--bella-accent) !important;
    fill:  var(--bella-accent) !important;
}

/* ── Content area links ──────────────────────────────────────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content a {
    color:           var(--bella-accent) !important;
    text-decoration: underline !important;
}

.woocommerce-account .woocommerce-MyAccount-content a:hover {
    color: var(--bella-accent-dark) !important;
}

/* ── Info / notice boxes (the teal banners) ──────────────────────────────────── */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
    background-color: var(--bella-accent-light) !important;
    border-top:       3px solid var(--bella-accent) !important;
    color:            #5F250B !important;
    padding:          1.2em 1.5em !important;
    display:          flex !important;
    align-items:      center !important;
    justify-content:  space-between !important;
    border-radius:    0 0 6px 6px !important;
}

.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before {
    color: var(--bella-accent) !important;
}

/* "Pārlūkot preces" button inside the notice */
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-info a.button,
.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-message a.button {
    background-color: var(--bella-accent) !important;
    border-color:     var(--bella-accent) !important;
    color:            #fff !important;
    border-radius:    4px !important;
    padding:          8px 18px !important;
    white-space:      nowrap !important;
    transition:       background .2s !important;
}

.woocommerce-account .woocommerce-info .button:hover,
.woocommerce-account .woocommerce-info a.button:hover,
.woocommerce-account .woocommerce-message .button:hover,
.woocommerce-account .woocommerce-message a.button:hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
}

/* ── Page title ──────────────────────────────────────────────────────────────── */
.woocommerce-account .entry-title {
    font-family: 'Cormorant SC', serif !important;
    color:        #3a2a28 !important;
    letter-spacing: .04em !important;
}

/* ── Password visibility toggle — no border-radius ──────────────────────────── */
.woocommerce-account .woocommerce-Input__showpassword,
.woocommerce .woocommerce-Input__showpassword,
.show-password-input {
    border-radius: 0 !important;
}

/* ── Login form: "Aizmirsāt paroli?" and other plain links ──────────────────── */
.woocommerce-account .lost_password a,
.woocommerce form.login .lost_password a,
.woocommerce-account form a {
    color:           var(--bella-accent) !important;
    text-decoration: underline !important;
}
.woocommerce-account .lost_password a:hover,
.woocommerce form.login .lost_password a:hover {
    color: var(--bella-accent-dark) !important;
}


/* ============================================================
   HEADER LAYOUT RESET
   Pandora-like structure:
   Desktop: logo left, icons right, centered nav below
   Mobile: menu + search left, logo center, account + cart right
   ============================================================ */

#masthead.site-header {
    background:      #fff;
    border-top:      0 !important;
    padding-top:     0 !important;
    padding-bottom:  0 !important;
    margin-bottom:   0 !important;
}

.header-widget-region {
    display: none !important;
}

#masthead.site-header > .col-full {
    height:         0 !important;
    min-height:     0 !important;
    padding-top:    0 !important;
    padding-bottom: 0 !important;
    overflow:       visible !important;
}

.storefront-primary-navigation {
    background: #fff;
}

#masthead.site-header .storefront-primary-navigation > .col-full {
    box-sizing: border-box;
}

#masthead.site-header .storefront-primary-navigation .site-branding {
    margin: 0 !important;
}

#masthead.site-header .storefront-primary-navigation .site-branding .custom-logo-link {
    display: inline-flex;
    align-items: center;
}

#masthead.site-header .storefront-primary-navigation .site-branding .custom-logo {
    width:     auto !important;
    max-width: none !important;
    height:    auto !important;
}

#masthead.site-header .storefront-primary-navigation .main-navigation,
#masthead.site-header .storefront-primary-navigation .main-navigation ul,
#masthead.site-header .storefront-primary-navigation .main-navigation li,
#masthead.site-header .storefront-primary-navigation .main-navigation a {
    box-sizing: border-box;
}

#masthead.site-header .storefront-primary-navigation .main-navigation ul.menu > li > a,
#masthead.site-header .storefront-primary-navigation .main-navigation ul.nav-menu > li > a {
    color:          #241d1a !important;
    font-size:      12px;
    font-weight:    500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#masthead.site-header .storefront-primary-navigation .main-navigation ul.menu > li > a:hover,
#masthead.site-header .storefront-primary-navigation .main-navigation ul.nav-menu > li > a:hover,
#masthead.site-header .storefront-primary-navigation .main-navigation ul.menu > li.current-menu-item > a,
#masthead.site-header .storefront-primary-navigation .main-navigation ul.nav-menu > li.current-menu-item > a {
    color: var(--bella-accent-dark) !important;
}

#masthead.site-header .storefront-primary-navigation .main-navigation ul.menu > li.menu-item-has-children > a::after,
#masthead.site-header .storefront-primary-navigation .main-navigation ul.nav-menu > li.menu-item-has-children > a::after {
    margin-left: 6px;
    opacity: .45;
    font-size: 10px;
}

#masthead.site-header .storefront-primary-navigation .bella-header-icons {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

#masthead.site-header .storefront-primary-navigation .bella-header-icon {
    width:         38px;
    height:        38px;
    border-radius: 0;
    color:         #241d1a !important;
    background:    transparent;
}

#masthead.site-header .storefront-primary-navigation .bella-header-icon:hover {
    color:      var(--bella-accent-dark) !important;
    background: transparent;
}

#masthead.site-header .storefront-primary-navigation .bella-header-icon svg {
    width:  19px !important;
    height: 19px !important;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart,
#masthead.site-header .storefront-primary-navigation .site-header-cart {
    margin: 0 !important;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart li:last-child,
#masthead.site-header .storefront-primary-navigation .site-header-cart li:last-child {
    display: none !important;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart .cart-contents,
#masthead.site-header .storefront-primary-navigation .site-header-cart .cart-contents {
    position:        relative;
    display:         inline-flex !important;
    align-items:     center;
    justify-content: center;
    width:           38px;
    height:          38px;
    padding:         0 !important;
    color:           #241d1a !important;
    text-decoration: none !important;
    font-size:       0 !important;
    line-height:     1;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart .cart-contents:hover,
#masthead.site-header .storefront-primary-navigation .site-header-cart .cart-contents:hover {
    color: var(--bella-accent-dark) !important;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart .cart-contents .amount,
#masthead.site-header .storefront-primary-navigation .site-header-cart .cart-contents .amount {
    display: none !important;
}

.site-header-cart .cart-contents .amount {
    display: none !important;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart .cart-contents .count,
#masthead.site-header .storefront-primary-navigation .site-header-cart .cart-contents .count {
    position: absolute;
    top:          3px;
    right:        3px;
    z-index:      2;
    min-width:    16px;
    height:       16px;
    padding:      0 3px;
    border-radius: 8px;
    background:   var(--bella-accent);
    color:        #fff;
    opacity:      1 !important;
    font-size:    9px !important;
    font-weight:  700;
    line-height:  16px;
    letter-spacing: 0;
    text-indent:  0;
    display:      inline-flex !important;
    align-items:  center;
    justify-content: center;
    box-sizing:   border-box;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart .cart-contents .count:empty,
#masthead.site-header .storefront-primary-navigation .site-header-cart .cart-contents .count:empty {
    display: none !important;
}

.site-header-cart .cart-contents .count {
    opacity: 1 !important;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart .cart-contents::after,
#masthead.site-header .storefront-primary-navigation .site-header-cart .cart-contents::after {
    content: none !important;
}

#masthead.site-header .storefront-primary-navigation #site-header-cart .cart-contents::before,
#masthead.site-header .storefront-primary-navigation .site-header-cart .cart-contents::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7h12l-1 13H7L6 7Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 7h12l-1 13H7L6 7Z' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9V6a3 3 0 0 1 6 0v3' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

@media (min-width: 768px) {
    #masthead.site-header .storefront-primary-navigation > .col-full {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) auto auto;
        grid-template-rows: auto;
        align-items: center;
        column-gap: 14px;
        row-gap: 0;
        max-width: 1500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 12px 24px !important;
        box-sizing: border-box !important;
    }

    #masthead.site-header .storefront-primary-navigation .site-branding {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        align-self: center;
    }

    #masthead.site-header .storefront-primary-navigation .site-branding .custom-logo {
        max-height: 72px !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation {
        grid-column: 2;
        grid-row: 1;
        justify-self: center;
        width: auto !important;
        min-width: 0;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .menu-toggle,
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation {
        display: none !important;
    }

    #masthead.site-header .storefront-primary-navigation .primary-navigation {
        display: flex !important;
        justify-content: center !important;
        width: auto !important;
    }

    #masthead.site-header .storefront-primary-navigation .primary-navigation > ul.menu,
    #masthead.site-header .storefront-primary-navigation .primary-navigation > ul.nav-menu {
        display: flex !important;
        justify-content: center !important;
        align-items: center;
        flex-wrap: nowrap !important;
        gap: 16px;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #masthead.site-header .storefront-primary-navigation .primary-navigation > ul.menu > li,
    #masthead.site-header .storefront-primary-navigation .primary-navigation > ul.nav-menu > li {
        float: none !important;
    }

    #masthead.site-header .storefront-primary-navigation .primary-navigation > ul.menu > li > a,
    #masthead.site-header .storefront-primary-navigation .primary-navigation > ul.nav-menu > li > a {
        padding: 0 !important;
        line-height: 38px;
        font-size: 14px !important;
    }

    #masthead.site-header .storefront-primary-navigation .bella-header-icons {
        grid-column: 3;
        grid-row: 1;
        justify-self: end;
        align-self: center;
    }

    #masthead.site-header .storefront-primary-navigation #site-header-cart,
    #masthead.site-header .storefront-primary-navigation .site-header-cart {
        grid-column: 4;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        display: flex !important;
        align-items: center;
        width: auto !important;
        margin-left: -4px !important;
        float: none !important;
    }

}

@media (max-width: 767px) {
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation,
    #masthead.site-header .storefront-primary-navigation .main-navigation ul.menu,
    #masthead.site-header .storefront-primary-navigation .main-navigation ul.nav-menu {
        transition: none !important;
        animation: none !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation ul.menu .sub-menu,
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation ul.menu .sub-menu.toggled-on,
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation ul.menu li button::after,
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation ul.menu li button.toggled-on::after,
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation .dropdown-toggle,
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation .dropdown-toggle.toggled-on {
        transition: none !important;
        animation: none !important;
    }

    #masthead.site-header .storefront-primary-navigation {
        position: relative;
    }

    #masthead.site-header .storefront-primary-navigation > .col-full {
        display: grid !important;
        grid-template-columns: 38px 38px minmax(0, 1fr) 38px 38px;
        align-items: center;
        column-gap: 4px;
        row-gap: 0;
        padding: 8px 14px !important;
    }

    #masthead.site-header .storefront-primary-navigation .site-branding {
        grid-column: 3;
        grid-row: 1;
        justify-self: center;
        align-self: center;
    }

    #masthead.site-header .storefront-primary-navigation .site-branding .custom-logo {
        max-height: 58px !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation {
        display: contents;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .menu-toggle {
        position: relative;
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        align-self: center;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        min-width: 0;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #241d1a !important;
        font-size: 0 !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .menu-toggle span {
        display: none !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .menu-toggle::before {
        content: "";
        display: block;
        position: static;
        width: 20px;
        height: 20px;
        background: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-size: contain;
        mask-size: contain;
        box-shadow: none;
        transition: none !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .menu-toggle::after {
        content: none !important;
        display: none !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation.toggled .menu-toggle::before {
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
        transform: none;
        top: auto;
        box-shadow: none;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .primary-navigation {
        display: none !important;
    }

    /* Overlay dropdown — does not push page content */
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 9997;
        background: #fff;
        border-top: 2px solid var(--bella-accent);
        border-bottom: 1px solid #ece6e2;
        box-shadow: 0 8px 24px rgba(61,40,31,.10);
        width: auto;
        margin: 0 !important;
        padding: 4px 0 10px !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation:not(.toggled) .handheld-navigation {
        display: none !important;
        pointer-events: none !important;
    }

    /* Single-line menu items */
    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation ul.menu > li {
        float: none !important;
        width: auto !important;
        border: none !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation ul.menu > li > a {
        display: block !important;
        padding: 10px 20px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        font-size: 12px !important;
        letter-spacing: .10em !important;
        text-transform: uppercase !important;
        color: #3a2a28 !important;
        text-decoration: none !important;
        line-height: 1.2 !important;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation .handheld-navigation ul.menu > li > a:hover {
        color: var(--bella-accent) !important;
        background: var(--bella-accent-light) !important;
    }

    #masthead.site-header .storefront-primary-navigation .bella-header-icons {
        display: contents;
    }

    #masthead.site-header .storefront-primary-navigation .bella-header-icon--search {
        grid-column: 2;
        grid-row: 1;
        justify-self: start;
    }

    #masthead.site-header .storefront-primary-navigation .bella-header-icon--wishlist {
        grid-column: 3;
        grid-row: 1;
        justify-self: center;
    }

    #masthead.site-header .storefront-primary-navigation .bella-header-icon--account {
        grid-column: 4;
        grid-row: 1;
        justify-self: end;
    }

    #masthead.site-header .storefront-primary-navigation #site-header-cart,
    #masthead.site-header .storefront-primary-navigation .site-header-cart {
        grid-column: 5;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        width: auto !important;
        float: none !important;
        display: flex !important;
        align-items: center;
    }

    #masthead.site-header .storefront-primary-navigation .main-navigation.toggled .handheld-navigation {
        display: block !important;
        max-height: none !important;
        opacity: 1 !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }
}

/* ============================================================
   CART PAGE – WC Block product grid (wc-block-grid__product)
   Styled to match our bella-shop-card / eael-product-carousel
   ============================================================ */

/* Grid layout */
.woocommerce-cart .wc-block-grid .wc-block-grid__products {
    display:               grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap:                   20px !important;
    list-style:            none !important;
    padding:               0 !important;
    margin:                0 !important;
}

/* Override WC default width:25% so our CSS Grid controls column sizing */
.theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,
.wc-block-grid.has-4-columns .wc-block-grid__product {
    width: 100% !important;
}

/* Card shell */
.woocommerce-cart .wc-block-grid__product {
    position:         relative;
    background-color: #fff;
    overflow:         hidden;
    box-shadow:       0 2px 12px rgba(0,0,0,.07);
    transition:       transform .3s ease, box-shadow .3s ease;
    padding:          0 !important;
    margin:           0 !important;
    width:            100% !important;
}

.woocommerce-cart .wc-block-grid__product:hover {
    transform:  translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,.13);
}

/* Product link wraps image + title */
.woocommerce-cart .wc-block-grid__product-link {
    display:         block;
    text-decoration: none;
    color:           inherit;
}

/* Image — square, cover, zoom on hover */
.woocommerce-cart .wc-block-grid__product-image {
    aspect-ratio: 1 / 1;
    overflow:     hidden;
    line-height:  0;
    display:      block;
}

.woocommerce-cart .wc-block-grid__product-image img {
    width:      100%;
    height:     100%;
    object-fit: cover;
    display:    block;
    transition: transform .4s ease;
}

.woocommerce-cart .wc-block-grid__product:hover .wc-block-grid__product-image img {
    transform: scale(1.04);
}

/* Title */
.woocommerce-cart .wc-block-grid__product-title {
    display:     block;
    font-size:   14px;
    font-weight: 500;
    color:       #222 !important;
    text-align:  center;
    padding:     14px 14px 4px;
    line-height: 1.4;
}

/* Price */
.woocommerce-cart .wc-block-grid__product-price {
    display:     block;
    text-align:  center;
    font-size:   14px;
    font-weight: 600;
    color:       #555 !important;
    padding:     0 14px 0;
}

/* Add-to-cart: slide-up bar (mirrors eael .icons-wrap.block-style) */
.woocommerce-cart .wc-block-grid__product-add-to-cart {
    position:   absolute;
    bottom:     -50px;
    left:       0;
    right:      0;
    height:     44px;
    background: var(--bella-accent-deep);
    margin:     0 !important;
    padding:    0 !important;
    transition: bottom .3s ease;
    z-index:    9;
}

.woocommerce-cart .wc-block-grid__product:hover .wc-block-grid__product-add-to-cart {
    bottom: 0;
}

.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           100%;
    height:          100%;
    background:      transparent !important;
    color:           #fff !important;
    border:          none !important;
    border-radius:   0 !important;
    padding:         0 !important;
    margin:          0 !important;
    font-size:       11px !important;
    font-weight:     700 !important;
    letter-spacing:  0.18em !important;
    text-transform:  uppercase !important;
    text-decoration: none !important;
    transition:      background .2s;
}

.woocommerce-cart .wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
    background: rgba(255,255,255,.15) !important;
}

/* Section heading above the block grid */
.woocommerce-cart .entry-content h2 {
    font-family:    'Marcellus SC', serif !important;
    font-size:      clamp(1.3rem, 2.5vw, 1.9rem) !important;
    font-weight:    400 !important;
    color:          #231d19 !important;
    text-align:     center !important;
    letter-spacing: .06em !important;
    margin:         40px 0 28px !important;
}

/* Mobile: 2 columns */
@media (max-width: 767px) {
    .woocommerce-cart .wc-block-grid .wc-block-grid__products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

/* Break out of Gutenberg is-layout-constrained max-width constraint so
   the product grid uses the full 1200px entry-content width, not ~680px */
.woocommerce-cart .entry-content > .wp-block-woocommerce-product-new,
.woocommerce-cart .entry-content > .wc-block-grid,
.woocommerce-cart .is-layout-constrained > .wp-block-woocommerce-product-new,
.woocommerce-cart .is-layout-constrained > .wc-block-grid {
    max-width:    none !important;
    width:        100% !important;
    margin-left:  0    !important;
    margin-right: 0    !important;
}

/* ============================================================
   EMPTY CART PAGE
   ============================================================ */

/* Widen wrapper for 4-column product grid */
.woocommerce-cart .woocommerce:has(.bella-cart-empty) {
    max-width: 1200px !important;
}

/* ── Message block ─────────────────────────────────────────── */
.bella-cart-empty__message {
    display:        flex;
    flex-direction: column;
    align-items:    center;
    text-align:     center;
    padding:        48px 24px 56px;
    gap:            12px;
}

.bella-cart-empty__icon {
    width:         60px;
    height:        60px;
    color:         var(--bella-accent);
    margin-bottom: 8px;
    opacity:       0.7;
}

.bella-cart-empty__title {
    font-family:    'Marcellus', serif;
    font-size:      clamp(1.5rem, 3vw, 2.2rem);
    font-weight:    400;
    color:          #231d19;
    margin:         0;
    letter-spacing: .03em;
}

.bella-cart-empty__sub {
    font-size:   1rem;
    color:       #8a7570;
    margin:      0;
    max-width:   40ch;
    line-height: 1.7;
}

.bella-cart-empty__cta {
    display:          inline-flex !important;
    align-items:      center;
    margin-top:       8px;
    padding:          14px 36px !important;
    background-color: var(--bella-accent) !important;
    border-color:     var(--bella-accent) !important;
    color:            #fff !important;
    font-size:        0.8rem !important;
    font-weight:      700 !important;
    letter-spacing:   0.18em !important;
    text-transform:   uppercase !important;
    text-decoration:  none !important;
    border-radius:    0 !important;
    transition:       background .2s;
}

.bella-cart-empty__cta:hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
    color:            #fff !important;
}

/* ── Jaunumi section ───────────────────────────────────────── */
.bella-cart-empty__jaunumi {
    padding-bottom: 56px;
}

.bella-cart-empty__section-title {
    font-family:    'Marcellus SC', serif;
    font-size:      clamp(1.3rem, 2.5vw, 1.9rem);
    font-weight:    400;
    color:          #231d19;
    text-align:     center;
    letter-spacing: .06em;
    margin:         0 0 28px;
}

/* ── Product grid ──────────────────────────────────────────── */
.bella-cart-empty__jaunumi ul.products {
    display:               grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap:                   20px !important;
    margin:                0 !important;
    padding:               0 !important;
    list-style:            none !important;
}

.bella-cart-empty__jaunumi ul.products::before,
.bella-cart-empty__jaunumi ul.products::after { display: none !important; }

.bella-cart-empty__jaunumi ul.products li.product {
    width:     auto !important;
    float:     none !important;
    margin:    0 !important;
    min-width: 0 !important;
    padding:   0 !important;
}

/* ── Card shell ────────────────────────────────────────────── */
.bella-cart-empty__jaunumi ul.products .eael-product-carousel {
    border-radius:    0;
    background-color: #fff;
    overflow:         hidden;
    box-shadow:       0 2px 12px rgba(0,0,0,.07);
    transition:       transform .3s ease, box-shadow .3s ease;
    text-align:       left;
}
.bella-cart-empty__jaunumi ul.products .eael-product-carousel:hover {
    transform:  translateY(-4px);
    box-shadow: 0 10px 28px rgba(0,0,0,.13);
}

/* ── Image area ────────────────────────────────────────────── */
.bella-cart-empty__jaunumi ul.products .product-image-wrap {
    position:    relative;
    overflow:    hidden;
    line-height: 0;
}
.bella-cart-empty__jaunumi ul.products .image-wrap { position: relative; }
.bella-cart-empty__jaunumi ul.products .image-wrap img { width: 100%; display: block; }
.bella-cart-empty__jaunumi ul.products .image-wrap a { display: block; line-height: 0; }

/* ── Sale badge ────────────────────────────────────────────── */
.bella-cart-empty__jaunumi ul.products .eael-onsale {
    position:       absolute;
    top:            10px;
    left:           10px;
    background:     var(--bella-accent);
    color:          #fff;
    font-size:      11px;
    font-weight:    700;
    padding:        3px 10px;
    border-radius:  20px;
    z-index:        2;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.bella-cart-empty__jaunumi ul.products .eael-onsale.outofstock { background: #999; }

/* ── Sliding action bar ────────────────────────────────────── */
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style {
    display:    flex;
    position:   absolute;
    bottom:     -50px;
    left:       0; right: 0;
    height:     44px;
    background: #5F250B;
    padding:    0; margin: 0;
    list-style: none;
    z-index:    9;
    transition: bottom .3s ease;
}
.bella-cart-empty__jaunumi ul.products .eael-product-carousel:hover .icons-wrap.block-style { bottom: 0; }
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li {
    flex: 1; display: flex; align-items: center; justify-content: center;
    border-right: 1px solid rgba(255,255,255,.25); margin: 0; padding: 0;
}
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li:last-child { border-right: none; }
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li a,
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li a.button {
    display: flex; align-items: center; justify-content: center;
    width: 100%; height: 100%;
    color: #fff !important; background: transparent !important;
    border: none !important; border-radius: 0 !important;
    padding: 0 !important; margin: 0 !important;
    font-size: 0 !important; text-decoration: none !important;
    transition: background .2s;
}
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li a:hover { background: rgba(255,255,255,.15) !important; }
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li a i,
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li a::before { font-size: 16px !important; color: #fff !important; }
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li.add-to-cart a.button::before {
    content: "\f07a"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px !important; color: #fff; display: block;
}
.bella-cart-empty__jaunumi ul.products li.product-type-variable .icons-wrap.block-style li.add-to-cart,
.bella-cart-empty__jaunumi ul.products li.product-type-grouped .icons-wrap.block-style li.add-to-cart,
.bella-cart-empty__jaunumi ul.products li.outofstock .icons-wrap.block-style li.add-to-cart { display: none; }
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li.add-to-cart a.added::before { content: "\f217"; }
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li.add-to-cart a.added_to_cart,
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li.add-to-cart a.wc-forward,
.bella-cart-empty__jaunumi ul.products .icons-wrap.block-style li.add-to-cart ~ a { display: none !important; position: static !important; }

/* ── Product details ───────────────────────────────────────── */
.bella-cart-empty__jaunumi ul.products .product-details-wrap { padding: 16px 16px 18px; }
.bella-cart-empty__jaunumi ul.products .eael-product-title h2,
.bella-cart-empty__jaunumi ul.products .eael-product-title .woocommerce-loop-product__title {
    font-size: 14px; font-weight: 500; color: #222;
    text-align: center; margin: 0 0 6px; line-height: 1.4;
}
.bella-cart-empty__jaunumi ul.products .eael-product-title a { text-decoration: none; color: inherit; }
.bella-cart-empty__jaunumi ul.products .eael-product-title a:hover h2 { color: var(--bella-accent); }
.bella-cart-empty__jaunumi ul.products .eael-product-price { text-align: center; font-size: 14px; font-weight: 600; color: #555; }

/* ── Mobile ────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .bella-cart-empty__message { padding: 32px 16px 40px; }
    .bella-cart-empty__jaunumi ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }
}

/* ============================================================
   STICKY ADD-TO-CART BAR
   ============================================================ */
.storefront-sticky-add-to-cart__content-button.button {
    background-color: var(--bella-accent)      !important;
    border-color:     var(--bella-accent)      !important;
    color:            #fff                     !important;
    border-radius:    0                        !important;
}
.storefront-sticky-add-to-cart__content-button.button:hover {
    background-color: var(--bella-accent-dark) !important;
    border-color:     var(--bella-accent-dark) !important;
    color:            #fff                     !important;
}
}

/* ============================================================
   SHOP / CATEGORY PAGES — Sticky filter sidebar
   Floated layouts don't support position:sticky, so we switch
   the .col-full wrapper to CSS Grid on desktop and then apply
   sticky to #secondary.  Mobile keeps the default stack layout.
   ============================================================ */
@media screen and (min-width: 768px) {

    /* Replace float columns with CSS Grid (exact Storefront proportions) */
    .woocommerce-shop .site-content .col-full,
    .tax-product_cat .site-content .col-full {
        display:               grid;
        grid-template-columns: 1fr 21.7391304348%;
        column-gap:            4.347826087%;
    }

    /* Hero banner, WC notices, and any other full-width siblings span all columns */
    .woocommerce-shop .site-content .col-full > *:not(#primary):not(#secondary),
    .tax-product_cat .site-content .col-full > *:not(#primary):not(#secondary) {
        grid-column: 1 / -1;
    }

    /* Products column — remove float so grid takes over */
    .woocommerce-shop .site-content .col-full #primary,
    .tax-product_cat .site-content .col-full #primary {
        grid-column: 1;
        float:       none !important;
        width:       auto !important;
        margin:      0 !important;
    }

    /* Filter sidebar — sticky, anchored at 20px from the viewport top */
    .woocommerce-shop .site-content .col-full #secondary,
    .tax-product_cat .site-content .col-full #secondary {
        grid-column: 2;
        float:       none !important;
        width:       auto !important;
        margin:      0 !important;
        position:    sticky;
        top:         20px;
        align-self:  start;
        max-height:  calc(100vh - 40px);
        overflow-y:  auto;
    }

}
