/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/* ========================================
   CSS CUSTOM PROPERTIES (Variables)
   ======================================== */
   :root {
    /* Primary Colors */
    --color-primary: #24201a;
    --color-white: #ffffff;
    
    /* Accent Colors (Blue) */
    --color-accent: #3e5ccc;
    --color-accent-light: #b2beea;
    --color-accent-dark: #2846b2;
    
    /* Background Colors */
    --color-bg-cream: #F1F2EA;
    --color-bg-cream-hover: #D9DAD2;
    --color-bg-warm: #f9f3e8;
    
    /* Gray Scale */
    --color-muted: #6C6C69;
    --color-gray-light: #eeeeee;
    --color-gray-lighter: #f5f5f5;
    
    /* Shadows/Overlays */
    --color-overlay-light: rgba(0, 0, 0, 0.1);
    --color-shadow: rgba(41, 51, 61, 0.3);
    
    /* Semantic Colors */
    --color-danger: #b23051;
}

/* @font-face {
    font-family: 'ClashGrotesk-Extralight';
    src: url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Extralight.woff2') format('woff2'),
         url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Extralight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashGrotesk-Light';
    src: url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Light.woff2') format('woff2'),
         url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashGrotesk-Regular';
    src: url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Regular.woff2') format('woff2'),
         url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashGrotesk-Medium';
    src: url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Medium.woff2') format('woff2'),
         url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashGrotesk-Semibold';
    src: url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Semibold.woff2') format('woff2'),
         url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Semibold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
    font-style: normal;
}

@font-face {
    font-family: 'ClashGrotesk-Bold';
    src: url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Bold.woff2') format('woff2'),
         url('../wp-content/themes/blocksy-child/assets/fonts/ClashGrotesk-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}
   */

label {
    font-size: 0.8em !important;
}

.woocommerce-product-gallery .flex-viewport {
    border-radius: 24px !important;
}

.merchant-side-cart.slide-right {
    margin: 16px;
    box-sizing: border-box;
    border-radius: 24px !important;
    overflow: auto;
}
.merchant-side-cart {
right: -16px !important;
}

.merchant-side-cart-show .merchant-side-cart {
    -webkit-transform: none;
    transform: none;
    right: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
      font-family: 'ClashGrotesk', Sans-Serif !important;
      font-weight: 700 !important;
  }
  
/* BUttons */
.cfvsw-swatches-option, a.added_to_cart.wc-forward {
	background: var(--color-bg-cream);
}

.cfvsw-swatches-option:not( .cfvsw-swatches-disabled, .cfvsw-swatches-out-of-stock ):hover {
	background: var(--color-bg-cream-hover);
}

.button:disabled {
	opacity: 0.2 !important;
}

  
  /* SINGLE PRODUCT PAGE */
  
  /* ACCORDION */
  .sp-easy-accordion .sp-ea-single {
          background: transparent !important;
          font-family: var(--theme-font-family) !important;
  }
  
  #sp-ea-2241.sp-easy-accordion>.sp-ea-single>.ea-header a, #sp-ea-2241.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body {
              font-family: var(--theme-font-family) !important;
  }
  
  .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a {
      padding: 8px 0 !important;
  }
  
  .sp-easy-accordion .sp-ea-single .ea-body {
      padding: 8px 0 !important;
      background: transparent !important;
      border-top: none;
  }
  
  /* PRODUCT INFO */
  .summary #payment-method-message, .wp-block-woocommerce-product-price+#payment-method-message {
      height: auto !important;
  }
  
  
  /* /////////////// */
  
  /* CART */
  .merchant-side-cart-widget .product_list_widget .merchant-quantity-cart-meta .variation {
      flex-direction: column;
          gap: 2px !important;
  }
  
  #moderncart-slide-out-modal.moderncart-cart-theme-style1 .moderncart-cart-item-quantity, #moderncart-slide-out-modal.moderncart-cart-theme-style4 .moderncart-cart-item-quantity {
          display: inline-flex;
  }
  
  .moderncart-cart-item-container {
      padding: 20px 20px 20px 0;
  }
  
  input, select {
      border-radius: 20px !important;
  }
  
  .wc-block-product-filter-chips__item {
      border-radius: 20px !important;
      padding: 4px 12px !important;
  }
  
  .wc-block-product-filter-removable-chips__items .wc-block-product-filter-removable-chips__item {
        background: var(--color-gray-light) !important;
      border: none !important;
        border-radius: 20px !important;
      padding: 4px 12px !important
  }
  
  #moderncart-slide-out-modal.moderncart-cart-theme-style1 .quantity__button--up, #moderncart-slide-out-modal.moderncart-cart-theme-style1 .quantity__button--down {
      
          height: 32px;
  }
  
  .moderncart-cart-item-quantity {
      border-radius: 20px !important;
  }
  
  #moderncart-slide-out .moderncart-cart-item-quantity input[type="number"] {
          height: 32px;
      max-height: 100% !important;
  border-top: none !important;
  border-bottom: none !important;
  }
  
  /* Klarna */
  #payment-method-message, .ppcp-messages {
      margin: 20px 0 !important;
      padding: 0 !important;
  }
  p.product.woocommerce.add_to_cart_inline {
        display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
      border: none !important;
      padding: 0 !important;
  }
  
  span.wcpbc-price {
        order: 1;
    float: none !important;
    margin: 0 !important;
  }
  
  a.button.product_type_variable.add_to_cart_button.cfvsw_ajax_add_to_cart { 
    order: 0;
    margin: 0 !important;
  }
  
/* Breadcrumbs   */
.merchant-pro-sc-breadcrumbs ul li a {
    opacity: 1 !important;
    color: var(--color-muted) !important;
}

.merchant-pro-sc-breadcrumbs ul li a:hover {
    color: inherit !important;
}
.merchant-pro-sc-breadcrumbs ul li:not(:last-child):after {
    margin-left: 8px !important;
    margin-right: 8px !important;
    opacity: 1;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--color-muted) !important;
    border-left: 2px solid var(--color-muted) !important;
}

.merchant-pro-sc-breadcrumbs ul li a.active {
    color: inherit !important;
}


  /* /////////////// */
  /* CHECKOUT PAGE */
  /* /////////////// */


.Input, .p-FauxInput, input, .p-CardNumberInput .p-Input input, #Field-numberInput {
    min-height: 48px !important;
    background-color: transparent !important;
}


.merchant-pro-sc-content-nav a.merchant-pro-sc-prev {
    font-size: inherit !important;
    color: var(--color-primary);
}

  
.ct-woocommerce-cart-form {
	gap: 4rem !important;
}
.merchant-pro-sc-detail-summary, .merchant-pro-sc-shipping-methods ul, .merchant-pro-sc-different-address ul {
	    border: none !important;
}

.merchant-pro-sc-different-address ul li>label, .merchant-pro-sc-shipping-methods ul li>label{
	font-size: 1em !important;
	padding: 12px 0 !important;
}


form.merchant-pro-sc-form.checkout.woocommerce-checkout table td {
    padding: 12px 0 !important;
}

form.merchant-pro-sc-form.checkout.woocommerce-checkout table td:first-child:not(:has(.merchant-freespb-wrapper)) {
	 padding: 12px 12px 12px 0 !important;
}


.merchant-pro-sc-shipping-address {
    padding: 12px;
    border: none !important;
    background-color: var(--color-bg-cream) !important;
	border-radius: 16px;
}


.product-thumbnail a.ct-media-container {
    padding-right: 16px;
}
[class*=ct-woocommerce] .shop_table [class*=product-thumbnail] img {
    border-radius: 8px !important;
}


/* table.shop_table.cart.woocommerce-cart-form__contents thead {
    font-size: 0.6em;
    text-transform: uppercase;
} */

table, th, td, ul#shipping_method > label, #shipping_method li label, table.shop_table {
	font-size: 1em !important;
}

td.product-name dl.variation, td.product-name p.price.ct-hidden-sm.ct-hidden-md, .woocommerce-shipping-destination {
	font-size: 0.8em !important;
}

ul#shipping_method {
	margin-bottom: 0 !important;
}



.ct-woocommerce-cart-form .cart_totals, 
.merchant-pro-sc-cart-summary.merchant-pro-sc-cart-summary-sticky {
      border: none !important;
      border-radius: 32px !important;
      background: var(--color-white) !important;
	padding: 24px !important;
  }

.merchant-pro-sc-order-review {
border-right: none !important;
}

.merchant-pro-sc-cart-summary-sticky {
    top: 120px !important;
}

table.shop_table {
	margin-bottom: 16px;
}
  
table.shop_table.cart.woocommerce-cart-form__contents td {
    padding: 3rem 0 !important;
}

table.shop_table thead th, table.shop_table tr {
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
    border-color: var(--color-overlay-light) !important;
}
table.shop_table thead th, table.shop_table tr:last-child {
    border-bottom: none !important;
}


td.product-name, td.product-subtotal, tr.order-total {
	color: var(--color-primary) !important;
}


  .p-ThirdPartyButtonContainer {
      border-radius: 20px !important;
  }
  

.merchant-pro-sc-payment-methods ul li .payment_box, .woocommerce-checkout-payment ul li .payment_box {
	background: transparent !important;
}

table, td {
    border: 0 !important;
}

.merchant-freespb-text {
    margin-bottom: 8px !important; 
    font-size: 14px !important;
    background: var(--color-bg-cream) !important;
    border-radius: 8px;
    padding: 8px 4px;
    box-sizing: border-box;
    vertical-align: middle;

}



  /* PAYMENT FORM */
  ul.wc_payment_methods.payment_methods.methods {
      display: flex;
      flex-direction: column;
      gap: 12px;
  }
  
  #payment ul.payment_methods>li.wc_payment_method {
          border-radius: 20px;
  }
  
  #payment ul.payment_methods>li.wc_payment_method:not(:first-child) {
          border-top: 1px solid var(--theme-border-color) !important;
  }
  
  ul.wc_payment_methods.payment_methods.methods {
      border: 0 !important;
  }
  
  .merchant-side-cart-widget .product_list_widget li img, .merchant-pro-sc-product-thumbnail figure, .merchant-pro-sc-product-thumbnail figure img {
    border-radius: 8px !important;
    border: none !important;
  }
  
  /* PAYPAL BUTTONS */
  #moderncart-slide-out .moderncart-slide-out-footer .moderncart-cart-total a.checkout-button {
      border-radius: 20px !important;
      }
  
  .paypal-button.paypal-button-shape-rect {
      border-radius: 20px !important;
      }
  
input#mailpoet_woocommerce_checkout_optin, #payment .payment_box input[type=checkbox] {
    width: 16px !important;
    height: 16px !important;
	min-height:  16px !important;
	max-height: 16px !important;
}

.woocommerce-form__input[type=checkbox]:checked, .woocommerce-form__label-for-checkbox input[type=checkbox]:checked, #payment .payment_box input[type=checkbox]:checked {
	background: var(--color-accent) !important;
}

a.woocommerce-remove-coupon {
	color: var(--color-danger);
}


  
  
  /* PRODUCT VARIANTS */

.woo-variation-swatches .variable-items-wrapper {
	gap: 8px;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
	padding: 0 !important;
	margin: 0 !important;
}

li.variable-item.image-variable-item {
    width: 62px !important;
    height: 62px !important;
}

.cfvsw-image-option {
    border-color: transparent !important;
    border-width: 2px !important;
    border-radius: 12px !important;
}
  .cfvsw-selected-swatch {
      border-color: black !important;
      border-width: 2px !important;
      box-sizing: border-box;
      font-weight: 500;
  }
  
  .cfvsw-label-option {
      border-width: 0;
      padding: 8px 16px;
  }

  
  .cfvsw-swatches-container {
      flex: auto;
  }
  
  
  #footer {
      min-height: 100svh !important;
      background: var(--color-accent);
      grid-template-rows: 1fr;
      grid-row-gap: 4rem;
      display: grid;
          padding: 6rem 1rem 2rem;
  }
  
  
  .ct-footer [data-row*="top"] {
      align-content: center;
  }
  
  
  nav.mobile-menu.menu-container.has-submenu {
      height: 100%;
      display: flex;
      flex-direction: column;
  }
  ul#menu-language {
      display: flex;
      flex-direction: column;
      height: 100%;
  }
  
  li#menu-item-4907 {
      flex-grow: 1;
      justify-content: flex-end;
  }
  
  #menu-item-4907 > ul {
      display: flex;
      justify-content: center;
      overflow: visible;
      gap: 8px;
  }
  
  #menu-item-4907 > ul li {
      margin: 0 !important;
  }
  
  #menu-item-4907 > ul li .ct-menu-link {
      height: 0 !important;
      width: 0 !important;
  }
  
  #menu-item-4907 > .ct-sub-menu-parent {
      display: none !important;
  }
  
  
  
  
  
  /* LANGUAGE */
  div#block-35 {
      margin: 0 !important;
      margin-bottom: 0 !important;
  }
  
  div#block-35 p, div#block-40 p{
  display: none;
  }
  
  .trp-shortcode-switcher__wrapper {
      margin: 0 !important;
      width: 160px !important;
          margin-block-end: unset !important;
      margin-block-start: unset !important;
  }
  
  .trp-shortcode-overlay {
      bottom: 0 !important;
      top: auto !important;
  }
  
  [data-footer*="type-1"] [data-column="widget-area-5"] {
      flex-direction: row !important;
           align-items: center !important;
      justify-content: flex-end !important;
      gap: 8px;
  }
  
  
  
  div#block-40 {
       margin: 0 !important;
  }
  
  .trp-current-language-item__wrapper {
      order: 1 !important;
  }
  .trp-shortcode-switcher {
      display: flex !important;
      flex-direction: column !important;
      padding: 4px 0 !important;
  }
  
  
  /* ========================================
     CURRENCY SWITCHER - FIXED POSITION VERSION
     ======================================== */
  .currency-switcher-fixed-position {
      display: flex;
      flex-direction: column-reverse;
      position: fixed;
      width: 100px;
      height: 36px;
      z-index: 99999;
      overflow: hidden;
      border: none;
      border-radius: 8px 8px 0px 0px;
      background: var(--color-white);
      bottom: 0;
      left: 140px;
      box-shadow: 0 10px 20px 0 var(--color-overlay-light);
  }
  .currency-switcher-fixed-position:hover { overflow: visible; }
  .currency-switcher-fixed-position .currency-dropdown-menu {
      bottom: -10px;
      top: auto;
  }
  .currency-switcher-fixed-position .currency-arrow { display: none; }
  
  /* ========================================
     CURRENCY SWITCHER - INLINE VERSION
     For footer, menus, flex layouts
     ======================================== */
  .currency-switcher-inline {
      display: inline-flex;
      position: relative;
  background: var(--color-bg-warm);
      border: none;
      border-radius: 12px;
      box-shadow: none;
      vertical-align: middle;
      height: auto;
      width: auto;
      min-width: 90px;
          margin-block-end: unset !important;
      margin-block-start: unset !important;
  }
  .currency-switcher-inline:hover {
      border-color: rgba(255,255,255,0.5);
  }
  .currency-switcher-inline .currency-switcher-fixed {
      width: 100%;
      color: var(--color-primary);
  }
.currency-switcher-inline .currency-current-display {
    display: flex;
    align-items: center;
    padding-right: 10px;
    justify-content: space-between;
    background: var(--color-bg-warm);
    border-radius: 12px;
}

.currency-switcher-inline .currency-code {
      color: inherit;
  }
  .currency-switcher-inline .currency-arrow {
      display: block;
      transition: transform 0.2s ease;
      opacity: 0.7;
  }
  .currency-switcher-inline:hover .currency-arrow {
      transform: rotate(180deg);
      opacity: 1;
  }
  
  /* Inline dropdown - expands UPWARD */
  .currency-switcher-inline .currency-dropdown-menu {
      position: absolute;
      bottom: 0;
      top: auto;
      left: 0;
      right: auto;
      width: 100%;
      min-width: 90px;
     background: var(--color-bg-warm);
      border-radius: 12px;
      margin-bottom: 4px;
      box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
      max-height: 0;
      overflow: hidden;
      opacity: 0;
      visibility: hidden;
      transition: max-height 0.2s ease-in-out, opacity 0.2s ease, visibility 0.2s ease;
  }
  .currency-switcher-inline:hover .currency-dropdown-menu, .currency-switcher-inline:active .currency-dropdown-menu {
      max-height: 300px;
      overflow-y: auto;
      opacity: 1;
      visibility: visible;
  }
  .currency-switcher-inline .currency-option {
      color: var(--color-primary);
      padding: 8px 12px;
      justify-content: flex-start;
  }
  .currency-switcher-inline .currency-option:hover {
      background: var(--color-gray-lighter);
  }
  .currency-switcher-inline .currency-option.active {
      background: var(--color-gray-light);
      font-weight: 600;
  }
  
  /* ========================================
     CURRENCY SWITCHER - SHARED BASE STYLES
     ======================================== */
  .currency-switcher-fixed {
      position: relative;
      color: var(--color-primary);
      cursor: pointer;
      font-size: 14px;
      width: 100px;
      line-height: 1.2;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
      font-weight: 400;
  }
  .currency-current-display { 
      display: flex; 
      align-items: center; 
      justify-content: center; 
      padding: 10px 16px;
      z-index: 2;
      position: relative;
      background: var(--color-white);
  }
  .currency-code { 
      font-size: 14px; 
      font-weight: 500; 
  }
  .currency-dropdown-menu {
      position: absolute;
      width: 100px;
      display: flex;
      flex-direction: column;
      background: var(--color-white);
      border-radius: 8px;
      z-index: 1;
  }
  .currency-option.active {
      order: 1;
  }
  .currency-option {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      color: var(--color-primary);
      text-decoration: none;
      transition: background 0.15s ease;
  }
  .currency-option:hover { 
      background: var(--color-overlay-light); 
      color: var(--color-primary); 
  }
  
  
  
  
    /* NAV BAR */
  .ct-account-item span.ct-label.ct-hidden-sm.ct-hidden-md.ct-hidden-lg {
      display: block !important;
      text-transform: uppercase !important;
  }
  
    /* Login Modal */
  [data-header*="type-1"] #account-modal .ct-account-modal {
      border-radius: 20px;
  }
  

  .primary-btn {
    background: var(--color-primary) !important;
    color: var(--color-white) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 2px 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    min-height: var(--theme-button-min-height) !important;
  }

  .primary-btn:hover {
    background: var(--color-accent) !important;
  }

  .primary-btn:focus {
    background: var(--color-accent) !important;
  } 

  .primary-btn:active {
    background: var(--color-accent-dark) !important;
  }
  
  
      /* Secondary button matching your VIEW ALL style */
      .secondary-btn, .ct-woocommerce-cart-form .cart_totals .checkout-button, .coupon button, .merchant-pro-sc-apply-coupon {
          background: transparent !important;
          color: var(--theme-heading-color, var(--theme-heading-4-color, var(--theme-headings-color))) !important;
          border: 2px solid var(--theme-palette-color-3) !important;
          text-decoration: none !important;
          text-transform: none !important;
          letter-spacing: 0.5px !important;
          transition: all 0.3s ease !important;
          text-align: center !important;
          cursor: pointer !important;
     	 	min-width: 140px;
      }
      
      .secondary-btn:hover, .ct-woocommerce-cart-form .cart_totals .checkout-button:hover, .coupon button:hover, .merchant-pro-sc-apply-coupon:hover  {
          background: var(--theme-heading-color, var(--theme-heading-4-color, var(--theme-headings-color))) !important;
          color: var(--color-white) !important;
          border-color: var(--theme-palette-color-3) !important;
          text-decoration: none !important;
      }
      
      .secondary-btn:focus,
      .secondary-btn:active,
 .ct-woocommerce-cart-form .cart_totals .checkout-button:focus,
      .ct-woocommerce-cart-form .cart_totals .checkout-button:active, .coupon button:focus, .coupon button:active, .merchant-pro-sc-apply-coupon:focus, .merchant-pro-sc-apply-coupon:active {
          background: var(--theme-heading-color, var(--theme-heading-4-color, var(--theme-headings-color))) !important;
          color: var(--color-white) !important;
          outline: none !important;
      }

.merchant-pro-sc-apply-coupon {
	    max-width: fit-content !important;
}
      
      /* Ensure it works with WooCommerce button elements */
      button.secondary-btn,
      input.secondary-btn {
          font-family: inherit !important;
          cursor: pointer !important;
      }
  
      /* Page Numbers Navigation */
  
  .next.page-numbers, .ct-last-page-text {
      visibility: none !important;
      display: none !important;
  }
  
  .ct-ajax-loader {
      width: 32px !important;
      height: 32px !important;
      color: var(--color-accent) !important;
  }
  
  
  a.prev.page-numbers, a.next.page-numbers {
      font-family: var(--theme-button-font-family, var(--theme-font-family));
      font-size: var(--theme-button-font-size);
      font-weight: var(--theme-button-font-weight);
      font-style: var(--theme-button-font-style);
      line-height: var(--theme-button-line-height);
      letter-spacing: var(--theme-button-letter-spacing);
      text-transform: var(--theme-button-text-transform);
      -webkit-text-decoration: var(--theme-button-text-decoration);
      text-decoration: var(--theme-button-text-decoration);
      background: transparent !important;
      color: var(--theme-heading-color, var(--theme-heading-4-color, var(--theme-headings-color))) !important;
      border: 2px solid var(--theme-palette-color-3) !important;
      transition: all 0.3s ease !important;
      text-align: center !important;
      cursor: pointer !important;
      width: max-content !important;
      min-width: 140px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: var(--theme-button-min-height);
      padding: var(--theme-button-padding);
      border-radius: 20px !important;
  }
  
      a.prev.page-numbers:hover, a.next.page-numbers:hover {
          background: var(--theme-heading-color, var(--theme-heading-4-color, var(--theme-headings-color))) !important;
          color: var(--color-white) !important;
          border-color: var(--theme-palette-color-3) !important;
          text-decoration: none !important;
      }
      
      a.prev.page-numbers:focus, a.next.page-numbers:focus,
      a.prev.page-numbers:active, a.next.page-numbers:active {
          background: var(--theme-heading-color, var(--theme-heading-4-color, var(--theme-headings-color))) !important;
          color: var(--color-white) !important;
          outline: none !important;
      }
  
  a.next.page-numbers > svg, a.prev.page-numbers > svg {
      width: 12px;
      height: 12px;
      margin-top: 2px;
  }
  
  
  
  
  /* Lightbox Product page */
  .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
      background-color: transparent;
  }
  
  .pswp--supports-fs .pswp__button--fs {
      display: none;
  }
  .pswp__counter {
      display: none;
  }
  .pswp--zoom-allowed .pswp__button--zoom {
      display: none;
  }
  
  .pswp__ui--fit .pswp__caption {
      display: none;
  }
  
  .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
      background: url(https://tapiocastudio.shop/wp-content/uploads/2025/12/arrow-white.svg) no-repeat !important;
      background-size: auto;
      width: 40px;
      height: 40px;
  }
  .pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
          background-image: url('https://tapiocastudio.shop/wp-content/uploads/2025/12/arrow-white.svg') !important;
  }
  .pswp__button--arrow--right:before {
          transform: translateY(-50%) scaleX(-1) !important; /* Flip horizontally for right arrow */
  }
  
  .pswp__button--arrow--left, .pswp__button--arrow--right {
      background: 0 0;
      width: 20%;
      height: 100%;
      position: absolute;
  }
  .pswp__button--arrow--right {
      cursor: e-resize;
  }
  .pswp__button--arrow--left {
      cursor: w-resize;
  }
  
  
  .trp-floating-switcher { 
      left: 1vw !important;
  }
  
  
  /* Cart hover */
  
  .ct-cart-content {
      width: 340px !important;
      padding: 24px 24px !important;
      border-radius: 24px !important;
      box-shadow: 0px 10px 20px 0px var(--color-shadow) !important;
  }
  
.merchant-side-cart-widget .product_list_widget li a.remove {
    width: 24px;
    font-weight: 800 !important;
    height: 24px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
}
  
  
  /* Buttons fix */
      button, 
      .button,
      input[type="submit"],
      .woocommerce-button,
      .woocommerce button.button,
      .woocommerce input.button,
      .woocommerce a.button {
        line-height: 100% !important;
        vertical-align: middle !important;
      }
  
  
  /* Quant Steper */
  .quantity[data-type=type-2] input[type=number] {
      border-width: 0 !important;
	  font-size: 1.2em !important;
  }

  div.quantity .ct-increase:before, div.quantity .ct-decrease:before {
      font-weight: 700 !important;
      font-size: 12px !important;
  }
  
  div.quantity input[type=number] {
      font-weight: 500;
      text-align: center;
      width: 100%;
      max-width: initial;
      height: inherit;
      border-radius: var(--theme-form-field-border-radius, 3px) !important;
  }
  
  
  .merchant-side-cart-widget .product_list_widget .merchant-quantity-inner>div {
      width: 148px !important;
      height: var(--theme-button-min-height) !important;
  }
  .merchant-side-cart-widget .product_list_widget .merchant-quantity-input {
      width: 100% !important;
      height: inherit !important;
      border: 2px solid var(--color-primary) !important;
      color: var(--color-primary) !important;
      font-weight: 500;
      border-radius: 20px;
  }
  .merchant-theme-blocksy .merchant-side-cart .quantity .ct-increase, .merchant-theme-blocksy .merchant-side-cart .quantity .ct-decrease {
      display: flex !important;
  }
  
  .merchant-side-cart-widget .product_list_widget .merchant-quantity-plus, .merchant-side-cart-widget .product_list_widget .merchant-quantity-minus {
      display: none !important;
  }
  
.merchant-side-cart.slide-right .merchant-quantity-cart-subtotal {
    display: none;
}
  
  /* Sidebar Cart */
  .merchant-side-cart-widget-title {
      font-size: 22px !important;
      font-weight: 700 !important;
  }
  
  .woocommerce-mini-cart__total, .woocommerce-mini-cart__buttons, .ct-suggested-products--mini-cart {
      border-top: none !important;
  }
  
.ct-woocommerce-cart-form .cart_totals h2 {
    font-size: 1.6em !important;
}
  
  
  
  
  /* Free shipping bar */
  
  .ct-cart-content > .merchant-freespb-wrapper {
      padding: 30px 0 !important;
  }
  
  
  .merchant-freespb-wrapper {
      padding: 0 !important;
  }

  .merchant-side-cart-widget  .merchant-freespb-wrapper {
    margin: 8px 20px !important;
  }


  
  .merchant-freespb-wrapper .merchant-freespb-text {
      margin-bottom: 8px !important;
      font-size: 14px !important;
  }
  
  
    .site-header-cart,
    .cart-contents,
    .woocommerce-mini-cart {
        transition: none !important;
    }

.ct-header-cart:hover [data-placement], .ct-header-cart:focus-within [data-placement] {
	display: none !important;
}

input::placeholder {
	color: var(--color-muted) !important;
}

.shop_table .quantity {
    min-height: 48px !important;
}

form.variations_form .single_variation :is(p,.price) {
	    font-weight: 600 !important;
	 font-size: 1.35em !important;
     font-family: 'ClashGrotesk', Sans-Serif !important;
}

 span.merchant-cart-item-name {
    font-weight: 600 !important;
	 font-size: 0.8em !important;
     font-family: 'ClashGrotesk', Sans-Serif !important;
}
.variation, .merchant-quantity-cart-price {
    font-size: 0.8em !important;
    color: var(--color-muted) !important;
}

.merchant-side-cart-widget .product_list_widget .merchant-quantity-cart-price .amount, .merchant-side-cart-widget .product_list_widget .merchant-quantity-cart-subtotal {
    font-weight: 500 !important;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background: var(--color-bg-cream) !important;
}
.is-style-stripes th {
    text-align: left;
}

.is-style-stripes thead {
    background-color: var(--color-primary) !important;
    color: var(--color-white) !important;
}

.merchant-pro-sc-cart-summary-item {
    margin-bottom: 24px !important;
    padding-bottom: 24px !important;
    border-bottom: 0 !important;
}


.merchant-pro-sc-fields .form-row {
    grid-gap: 8px !important;
}

.form-row label {
    margin: 0 !important;
}

 /* Target the parent td of free shipping bar */
 td:has(.merchant-freespb-wrapper),
 form.merchant-pro-sc-form.checkout.woocommerce-checkout table td:has(.merchant-freespb-wrapper) {
    padding: 0 !important;
    border: none !important;
}

#payment ul.payment_methods>li.wc_payment_method>label {
    gap: 8px !important;
    padding: 16px 24px !important;
    font-size: 0.8em !important;   
}

.payment-icons {
    display: flex;
    gap: 4px;
}


/* ========================================
   MEDIA QUERIES - RESPONSIVE STYLES
   ======================================== */

/* ----------------------------------------
   TABLET & BELOW (max-width: 999.98px)
   ---------------------------------------- */
@media (max-width: 999.98px) {
    /* Headings - scale down on tablet */
    h1 { font-size: clamp(1.75rem, 4.5vw, 2rem) !important; }
    h2 { font-size: clamp(1.5rem, 4vw, 1.7rem) !important; }
    h3 { font-size: clamp(1.25rem, 3.5vw, 1.75rem) !important; }
    h4 { font-size: clamp(1.125rem, 3vw, 1.2rem) !important; }
    h5 { font-size: clamp(1rem, 2.5vw, 1.2rem) !important; }
    h6 { font-size: clamp(0.9375rem, 2.25vw, 1.1rem) !important; }

    /* Hide account label on tablet */
    .ct-account-item span.ct-label.ct-hidden-sm.ct-hidden-md.ct-hidden-lg {
        text-transform: none !important;
        display: none !important;
    }
    .merchant-pro-sc-cart-summary-sticky {
        position: relative !important;
        top: 0 !important;
    }
	    div.woocommerce-product-gallery {
        margin-bottom: inherit !important;
    }
}

/* ----------------------------------------
   TABLET SMALL (max-width: 768px)
   ---------------------------------------- */
@media (max-width: 768px) {
    /* Headings - smaller on small tablet */
    h1 { font-size: clamp(1.5rem, 5vw, 1.75rem) !important; }
    h2 { font-size: clamp(1.25rem, 4.5vw, 1.35rem) !important; }
    h3 { font-size: clamp(1.125rem, 4vw, 1.2rem) !important; }
    h4 { font-size: clamp(1rem, 3.5vw, 1.15rem) !important; }
    h5 { font-size: clamp(0.9375rem, 3vw, 1.12rem) !important; }
    h6 { font-size: clamp(0.875rem, 2.5vw, 1rem) !important; }

    /* Adjust currency switcher position */
    .currency-switcher-fixed-position {
        left: 120px;
    }
}

/* ----------------------------------------
   MOBILE (max-width: 689.98px)
   ---------------------------------------- */
@media (max-width: 689.98px) {
    /* Headings - compact on mobile */
    h1 { font-size: clamp(1.25rem, 6vw, 1.5rem) !important; }
    h2 { font-size: clamp(1.125rem, 5vw, 1.25rem) !important; }
    h3 { font-size: clamp(1rem, 4.5vw, 1.15rem) !important; }
    h4 { font-size: clamp(0.9375rem, 4vw, 1.12rem) !important; }
    h5 { font-size: clamp(0.875rem, 3.5vw, 1rem) !important; }
    h6 { font-size: clamp(0.8125rem, 3vw, 0.9375rem) !important; }

    /* Side cart full width on mobile */
    .merchant-side-cart.slide-right {
        margin: 0;
        box-sizing: border-box;
        border-radius: 0 !important;
        overflow: auto;
        right: 0 !important;
    }
    
    /* Hide account label on mobile */
    .ct-account-item span.ct-label.ct-hidden-sm.ct-hidden-md.ct-hidden-lg {
        text-transform: none !important;
        display: none !important;
    }
    
    /* Center footer widgets on mobile */
    [data-footer*="type-1"] [data-column="widget-area-5"] {
        justify-content: center !important;
    }
	
	/* Single Product Page */
	.entry-summary .entry-title {
		font-size: clamp(1.25rem, 6vw, 1.75rem) !important;
	}
	ol.flex-control-nav.flex-control-thumbs {
		display: none !important;
	}
	.ct-cart-actions {
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    padding: 8px 16px 24px;
    left: 0;
    right: 0;
    z-index: 9999;
		box-shadow: 3px -42px 42px 0 rgba(0, 0, 0, 0.05), 1px -10px 23px 0 rgba(0, 0, 0, 0.10);
        box-shadow: 3px -42px 42px 0 color(display-p3 0 0 0 / 0.05), 1px -10px 23px 0 color(display-p3 0 0 0 / 0.10);
}
	.ct-cart-actions .quantity[data-type=type-2], button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
		height: 48px !important;
	}
	
	[data-products] .woocommerce-loop-product__title, [data-products] .woocommerce-loop-category__title {
    font-weight: 600 !important;
    font-size: 0.9rem !important;
}
	
}



input[type="checkbox" i] {
    min-height: unset !important;
}


/* ===== Tapioca: cusrev form overrides ===== */

.cr-form-body {
	padding: 32px 48px !important;
}


.cr-form-required {
    margin-left: 0;
    margin-right: 0;
    margin-top: 22px;
    margin-bottom: 22px;
    max-width: 515px;
}

.cr-form-title {
	font-family: 'ClashGrotesk-Bold', Sans-Serif !important;
	font-size: 42px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: left !important;
}
.cr-form-description, .cr-form-description div, .cr-form-customer-title-ctr, .cr-form-customer-name-options {
	margin: 0 !important;
	padding: 0 !important;
}

.cr-form-item-title, .cr-form-item-subcontainer, .cr-form-item-question, .cr-form-required {
	margin: 24px 0 !important;
	padding: 0 !important;
}
.cr-form-customer-name-options {
    max-width:100% !important;
}
.cr-form-wrapper, .cr-form-header {
    background-color: #495994 !important;
		font-family: 'ClashGrotesk-Regular', Sans-Serif !important;
	font-size: 1.1em !important; 
}
.cr-form {
	border-radius: 20px !important;
}
.cr-form-item-title, .cr-form-item-subheader, .cr-form-customer-title {
	font-family: 'ClashGrotesk-Semibold', Sans-Serif !important;
	
}

.cr-form-item-title div {
	background-color: white !important;
	color: #24201a !important
}

.cr-form-customer-title {
	background-color: white !important;
	color: #24201a !important;
	 font-size: 1.1em !important;
}


.cr-form-customer-name-preview, .cr-form-item-price, .cr-form-top-line {
	display: none !important;
}

.cr-form-customer-name-option.cr-form-active-name > span {
    color: white !important;
}

.cr-form-item-title div, .cr-form-customer-title {
    padding: 8px 0 !important;
	text-align: left !important;
}

.cr-form-item-image-cnt {
    margin-top: 0 !important;
}	



.cr-form-item-image {
	width: 300px;
   height: 300px;
	    background-size: cover;
    border-radius: 16px;
}

.cr-form-item-subheader {
	margin-bottom: 4px;
}

.cr-form-footer, .cr-form-footer a {
	color: white;
}

.cr-form-terms {
	margin: 24px 0 !important;
}

.cr-form-customer-container {
    margin: 0;
    padding: 0;
}
.cr-form-customer-name-option {
	margin-right: 4px !important;
}

.cr-form-submit {
	min-height: 56px !important;
	border-radius: 20px !important;
	    display: flex;
    align-items: center;
    justify-content: center;
}

.cr-form-submit .cr-form-submit-label {
    text-transform: none;
}


/* REVIEW DISPLAY IN THE WEBSITE */

#reviews .cr-summaryBox-wrap {
    margin: 0 0 1em 0;
    background-color: transparent;
    border-radius: 20px;
}
.woocommerce-Reviews h2, .woocommerce-Reviews .comment-reply-title {
	display: none;
}

.ivole-meter {
	    border-radius: 8px;
	background: #f2f2f2 !important;
}

.ivole-meter .ivole-meter-bar{
	    border-radius: 8px;
	    background: none;
    background-color: #fda256;
}
#reviews .cr-summaryBox-wrap .cr-average-rating, .cr-all-reviews-shortcode .cr-summaryBox-wrap .cr-average-rating, .cr-reviews-grid .cr-summaryBox-wrap .cr-average-rating {
		font-family: 'ClashGrotesk-Semibold', Sans-Serif !important;
	font-size: 7.5rem;
	line-height: 7rem;
}
.crstar-rating-svg .cr-rating-icon-frnt .cr-rating-icon {
    fill: #fda256;
}

.woocommerce-review__verified.verified {
    font-size: 0 !important;
	line-height: initial !important;
}

.woocommerce-review__verified.verified::after {
    content: "Verified Customer" !important;
    font-size: 11px !important;
	margin-inline-start: .7em;
	    font-style: normal !important;
	line-height: initial !important;
}

div#reviews {
	grid-template-columns: repeat(1, 1fr) !important;
}

.mailpoet_captcha_container {
    margin: 0 !important;
    max-width: 100% !important;
    text-align: left !important;
	font-family: 'ClashGrotesk-Regular', Sans-Serif !important;
}
p.mailpoet_validate_error, span.mailpoet_text_label {
	font-family: 'ClashGrotesk-Regular', Sans-Serif !important;
	font-size: 14px !important;
}

#mailpoet_form_3 .mailpoet_message {
	padding: 0 !important;
}

#mailpoet_form_3 .mailpoet_text, #mailpoet_form_3 .mailpoet_textarea {
    width: 100% !important;
    max-width: 100% !important;
}


#mailpoet_form_3 .mailpoet_submit {
    background-color: var(--color-primary) !important;
    color: white;
	font-family: 'ClashGrotesk-Semibold', Sans-Serif !important;

}

#mailpoet_form_3 .mailpoet_submit:active, #mailpoet_form_3 .mailpoet_submit:hover {
    background: var(--color-accent) !important;
}

#mailpoet_form_2 .mailpoet_submit {
    background-color: var(--color-accent) !important;
}

input::placeholder {
  color: white !important;
  opacity: 0.5 !important;
}


select:focus, textarea:focus, input:focus {
	border-width: 2px !important;
}



/* PROMO BANNER */

.mysticky-welcomebar-fixed .mysticky-welcomebar-close {
	font-family: 'ClashGrotesk', Sans-Serif !important;
    font-weight: 600 !important;
}

.mysticky-welcomebar-fixed .mysticky-welcomebar-content p a, .mysticky-welcomebar-fixed .mysticky-welcomebar-content p {
	font-family: 'ClashGrotesk-Medium', Sans-Serif !important;
	font-size: 0.9rem !important;
	font-weight: 500 !important;
}

.trp-shortcode-overlay {
    z-index: 888 !important;
}


/* GALLERY */
/* .woocommerce-product-gallery__image {
    opacity: 0 !important;
    transition: all ease 600ms;
}

.woocommerce-product-gallery .flex-active-slide {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    opacity: 1 !important;
} */



/* ELEMENTOR HOME TESTING */

#form_email_3::placeholder {
    color: black !important;
}

.category-nav-img {
    border-radius: 20px;
    overflow: hidden;
}

.woocommerce-variation-description {
    display: none;
}


.elementor-button {
    border-radius: 20px !important;
    display: inline-flex !important;
    font-size: 1.2rem !important;
    line-height: 48px !important;
    min-height: var(--theme-button-min-height) !important;
    padding: var(--theme-button-padding) !important;
}

/* p, span {
	font-size: 1.1rem !important;
} */

.ct-checkbox:checked {
	    border-color: var(--theme-form-selection-field-active-color) !important;
    background: var(--theme-form-selection-field-active-color) !important;
}

/* SLICEWP AFFILIATE PROGRAMM */
.slicewp-nav-tab-wrapper .slicewp-nav-tab {
	    font-weight: 500 !important;
}
.slicewp-card {
	border-radius: 20px !important;
}