/*
Theme Name: Costica Child
Theme URI: http://bioyondskincare.com
Description: Child theme for Costica
Author: Your Name
Template: costica
Version: 1.0
*/

/* ===============================
   GLOBAL TYPOGRAPHY OVERRIDES
   =============================== */

/* Root typography variables used by Costica */
:root {
    --typography-body: 'Century Gothic', sans-serif;
    --typography-heading: 'Futura PT', sans-serif;
    --typography-button: 'Futura PT', sans-serif;
    --typography-form: 'Century Gothic', sans-serif;
}

/* Body text – everywhere */
body {
    font-family: 'Century Gothic', sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Futura PT', sans-serif !important;
}

/* Buttons */
button,
.button,
input[type="submit"],
input[type="button"],
a.button {
    font-family: 'Century Gothic', sans-serif !important;
}

/* Forms */
input,
textarea,
select,
label {
    font-family: 'Century Gothic', sans-serif !important;
}

/* Change header background for all pages */
.header-inner {
    background-color: #C1BB8B !important;
}

/* Sticky header */
.contentsticky_header {
    background-color: #C1BB8B !important;
}

body.home {
    background-color: #C1BB8B !important;
}

/* Hide product tags widget ONLY on WooCommerce shop page */
body.post-type-archive-product #rbb-widget--product-tags-1,
body.tax-product_cat #rbb-widget--product-tags-1 {
    display: none !important;
}

body.post-type-archive-product .site-content,
body.post-type-archive-product .rbb-main {
    background-color: #C1BB8B;
}

/* Hide WooCommerce Smart Compare table on single product pages */
body.single-product .woosc-quick-table.label-column-yes {
    display: none !important;
}

/* Single product tabs bar background */
body.single-product ul.wc-tabs {
  background-color: #C1BB8B !important;
}

/* Hover effect */
body.single-product ul.tabs li a:hover {
    background-color: #fcfcfc !important; 
}

/* Active tab highlight with “connected” border */
body.single-product ul.tabs li.active a {
    background-color: #883126 !important; 
    font-weight: 400;                     
    position: relative;
}

/* Optional: bottom border pseudo-element to “merge” with tab content */
body.single-product ul.tabs li.active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 4px;
    background-color: #b0a876;
    border-radius: 0 0 4px 4px; 
}

/* Single product – After product section background (generic) */
body.single-product .after-product {
    background-color: #fcfcfc !important;
}

/* Single product page – add breathing room below header */
body.single-product #product-11102,
body.single-product .product.type-product {
  margin-top: 60px;
}

/* Single product page – spacing under sticky header */
body.single-product .site-main {
  padding-top: 60px;
}

/* WooCommerce price color */
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol {
    color: #c1bb8b !important;
}

/* CF7 email input styling */
.footer-form input[type="email"] {
    background-color: #fcfcfc !important;
    color: #1c1c1c !important;
    border-color: #1c1c1c;
}

/* Placeholder text color */
.footer-form input[type="email"]::placeholder {
    color: #1c1c1c !important;
    opacity: 1;
}

/* Autofill fix (Chrome likes to ruin colors) */
.footer-form input[type="email"]:-webkit-autofill {
    -webkit-text-fill-color: #1c1c1c !important;
    -webkit-box-shadow: 0 0 0 1000px #fcfcfc inset !important;
}

/* Account icon + text default state */
.rbb-account-icon-wrap,
.rbb-account-icon-wrap .rbb-account-icon,
.rbb-account-icon-wrap .rbb-account-text {
    color: #1c1c1c !important;
}

/* Hover state */
.rbb-account-icon-wrap:hover,
.rbb-account-icon-wrap:hover .rbb-account-icon,
.rbb-account-icon-wrap:hover .rbb-account-text {
    color: #883126 !important;
}

.rbb-account-icon-wrap *,
.rbb-account-icon-wrap {
    transition: color 0.25s ease;
}

/* Wishlist icon + text default state */
.wishlist-icon-link,
.wishlist-icon-link .wishlist-icon,
.wishlist-icon-link .wishlist-text {
    color: #1c1c1c !important;
}

/* Hover state */
.wishlist-icon-link:hover,
.wishlist-icon-link:hover .wishlist-icon,
.wishlist-icon-link:hover .wishlist-text {
    color: #883126 !important;
}

.wishlist-icon-link,
.wishlist-icon-link * {
    transition: color 0.25s ease;
}

/* Cart icon + text default state */
.button-cart,
.button-cart .cart-icon,
.button-cart .cart-text {
    color: #1c1c1c !important;
}

/* Hover state */
.button-cart:hover,
.button-cart:hover .cart-icon,
.button-cart:hover .cart-text {
    color: #883126 !important;
}

/* Keep cart count readable (don’t inherit hover color) */
.button-cart .cart-count {
    color: #ffffff;
}

.button-cart,
.button-cart * {
    transition: color 0.25s ease;
}

/* Footer newsletter submit button – text color control */
.footer-form .wpcf7-form-control.wpcf7-submit {
  color: #fcfcfc !important;       /* default state */
  transition: color 0.25s ease;    /* smooth, optional but classy */
}

.footer-form .wpcf7-form-control.wpcf7-submit:hover,
.footer-form .wpcf7-form-control.wpcf7-submit:focus {
  color: #1c1c1c !important;       /* hover / focus */
}


/* CF7 submit button main background */
.wpcf7-form-control.wpcf7-submit.button:text {
    background-color: #fcfcfc !important;
}

/* CF7 submit button main background */
.wpcf7-form-control.wpcf7-submit.button {
    background-color: #1c1c1c !important;
}

/* CF7 submit button hover background */
.wpcf7-form-control.wpcf7-submit.button:hover {
    background-color: #e1ac42 !important;
}

#wpcf7-f13-p5198-o1 form p,
#wpcf7-f13-p5198-o1 form label,
#wpcf7-f13-p5198-o1 form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

#wpcf7-f13-p5198-o1 form input.wpcf7-submit {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box;
}

body.single-post .content.container {
    background-color: #fcfcfc;
    border-radius: 6px;
}

/* Hide blog date badge in related posts */
.related-posts .blog_date,
.blog-related .blog_date,
.blog_date {
    display: none !important;
}

/* Mobile header – all states */
.header-mobile,
.header-mobile.is-sticky,
.header-mobile.sticky,
.header-mobile.active {
    background-color: #C1BB8B !important;
}

/* Canvas (slide-out) menu background */
.canvas-menu {
    background-color: #fcfcfc !important;
}

@media (max-width: 767px) {
  #_mobile_logo {
    max-width: 240px;
    overflow: hidden;
  }
}

.canvas-menu .rbb-close-modal {
    background-color: #fcfcfc;
}

.canvas-menu .top-canvas-logo {
    border-color: rgba(0, 0, 0, 0.15);
}

/* Cart canvas header background */
.title-cart {
    background-color: #c1bb8b !important;
}

/* Mini cart – force background for ALL layers and states */
.canvas-menu .mini-cart-content-inner,
.canvas-menu .mini-cart-content-inner ul,
.canvas-menu .woocommerce-mini-cart,
.canvas-menu .woocommerce-mini-cart-item,
.canvas-menu .mini-cart-content-inner li,
.canvas-menu .mini-cart-content-inner .mini_scroll,
.canvas-menu .mini-cart-content-inner .woocommerce-mini-cart__total,
.canvas-menu .mini-cart-content-inner .woocommerce-mini-cart__buttons {
    background-color: #fcfcfc !important;
}

/* FIX: keep mini-cart drawer grey, but do NOT tint the whole page */
.rbb-mini-cart-canvas,
.rbb-mini-cart-canvas * {
  background-color: unset;
}

/* Re-apply ONLY the drawer panel background (not the overlay) */
.rbb-mini-cart-canvas .rbb-mini-cart-content,
.rbb-mini-cart-canvas .title-cart,
.rbb-mini-cart-canvas .mini-cart-content-inner,
.rbb-mini-cart-canvas .woocommerce-mini-cart,
.rbb-mini-cart-canvas .mini_scroll {
  background-color: #fcfcfc !important;
}

/* Force the overlay/backdrop to stay dark/transparent instead of grey */
.rbb-mini-cart-canvas {
  background: rgba(0,0,0,0.5) !important;
}

/* Drawer panel itself */
.rbb-mini-cart-canvas .rbb-mini-cart-content {
  background-color: #fcfcfc !important;
}

/* Restore product cards to white */
.rbb-mini-cart-canvas .woocommerce-mini-cart-item {
    background-color: #ffffff !important;
}

/* Mini-cart header background */
.rbb-mini-cart-canvas .title-cart {
    background-color: #C1BB8B !important;
}

.rbb-mini-cart-canvas .title-cart,
.rbb-mini-cart-canvas .title-cart i,
.rbb-mini-cart-canvas .title-cart span {
    color: #1c1c1c;
}

/* Mini-cart: Checkout button */
.rbb-mini-cart-canvas 
.woocommerce-mini-cart__buttons 
a.button.checkout.wc-forward {
    background-color: #1c1c1c !important;
    border-color: #1c1c1c !important;
    color: #ffffff !important;
}

/* Cart/Checkout blocks – ONLY the Discount amount */
.wp-block-woocommerce-cart-order-summary-discount-block
.wc-block-components-totals-item.wc-block-components-totals-discount
.wc-block-components-totals-item__value {
  color: #883126 !important;
}

/* Checkout Order Summary – ONLY the Discount amount */
.wp-block-woocommerce-checkout-order-summary-discount-block
.wc-block-components-totals-item.wc-block-components-totals-discount
.wc-block-components-totals-item__value {
  color: #883126 !important;
}

/* Apply coupon button – default + hover */
button.button[name="apply_coupon"] {
  background-color: #c1bb8b !important; /* default */
  color: #1c1c1c !important;
  transition: background-color 0.25s ease, color 0.25s ease;
}

button.button[name="apply_coupon"]:hover {
  background-color: #e1ac42 !important; /* hover */
  color: #1c1c1c !important;
}

/* Proceed to Checkout button – default + hover */
a.checkout-button.button.alt.wc-forward {
  background-color: #c1bb8b !important; /* default */
  color: #1c1c1c !important;
  transition: background-color 0.25s ease, color 0.25s ease;
}

/* Ensure inner text follows */
a.checkout-button.button.alt.wc-forward span {
  color: #1c1c1c !important;
}

/* Hover state */
a.checkout-button.button.alt.wc-forward:hover {
  background-color: #e1ac42 !important;
}

a.checkout-button.button.alt.wc-forward:hover span {
  color: #1c1c1c !important;
}

/* ===========================================================
   CART TOTALS – correct layered backgrounds (no stripes)
   =========================================================== */

/* 1) OUTER wrapper (mask + background behind everything) */
.cart-collaterals .rbb-cart__totals {
  background-color: #f2f2f2 !important;
  border-radius: 1rem !important;
  overflow: hidden !important;
}

/* 2) Header strip */
.cart-collaterals .rbb-cart__totals-header {
  background-color: #f2f2f2 !important;
}

/* 3) Inner content card */
.cart-collaterals .rbb-cart__totals-content {
  background-color: #fcfcfc !important;

  /* THIS is the important part */
  border-radius: 0 0 1rem 1rem !important; /* bottom only */
}






/* Backup: if color is applied to the money span specifically */
.wp-block-woocommerce-checkout-order-summary-discount-block
.wc-block-components-totals-item.wc-block-components-totals-discount
.wc-block-components-formatted-money-amount {
  color: #883126 !important;
}


.rbb-mini-cart-canvas 
.woocommerce-mini-cart__buttons 
a.button.checkout.wc-forward:hover,
.rbb-mini-cart-canvas 
.woocommerce-mini-cart__buttons 
a.button.checkout.wc-forward:focus,
.rbb-mini-cart-canvas 
.woocommerce-mini-cart__buttons 
a.button.checkout.wc-forward:active {
    background-color: #e1ac42 !important;
    border-color: #e1ac42 !important;
    color: #1c1c1c !important;
}

/* Mini-cart: View cart button */
.rbb-mini-cart-canvas .woocommerce-mini-cart__buttons a.button.wc-forward {
  background-color: #c1bb8b !important;
  border-color: #c1bb8b !important;
  color: #1c1c1c !important;
}

.rbb-mini-cart-canvas .woocommerce-mini-cart__buttons a.button.wc-forward:hover,
.rbb-mini-cart-canvas .woocommerce-mini-cart__buttons a.button.wc-forward:focus,
.rbb-mini-cart-canvas .woocommerce-mini-cart__buttons a.button.wc-forward:active {
  background-color: #e1ac42 !important;
  border-color: #e1ac42 !important;
  color: #1c1c1c !important;
}

/* Account canvas: clamp logo size HARD */
.canvas-menu .top-canvas-logo .logo,
.canvas-menu .top-canvas-logo picture.logo,
.canvas-menu .top-canvas-logo a picture.logo {
  display: block !important;
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
  max-height: 60px !important;
}

.canvas-menu .top-canvas-logo .logo img,
.canvas-menu .top-canvas-logo picture.logo img,
.canvas-menu .top-canvas-logo a picture.logo img {
  display: block !important;
  width: 100% !important;
  max-width: 220px !important;
  height: auto !important;
  max-height: 60px !important;
  object-fit: contain !important;
}

/* Account canvas section headings color */
.canvas-menu .block-account-menu > p,
.canvas-menu p.uppercase.font-bold {
    color: #E1AC42 !important;
}

/* Cart count badge color */
.cart-count {
    background-color: #E1AC42 !important;
    color: #ffffff !important;
}

/* Wishlist count badge color */
.wishlist-count {
    background-color: #E1AC42 !important;
    color: #ffffff !important;
}

/* Hide page title + breadcrumb section completely */
#rbb-page-title {
    display: none !important;
}

@media (min-width: 1024px) {
  body.single-post .post-thumbnail {
    padding-top: 40px;
  }
}

@media (max-width: 1023px) {
  body.single-post .post-thumbnail {
    padding-top: 20px;
  }
}

/* Related posts section: remove white side stripes */
.related-posts {
    background-color: #fcfcfc !important;
}

/* Hide Compare button on ALL single product pages */
body.single-product .woosc-btn {
  display: none !important;
}

/* Hide only the "THE BENEFITS OF CHOOSING US" label */
.guarantee-safe-checkout h5 {
  display: none !important;
}

/* Wishlist popup header background */
.woosw-popup-content-top {
  background-color: #C1BB8B !important;
}

/* Wishlist popup buttons */
.woosw-popup-content-bot .woosw-page,
.woosw-popup-content-bot .woosw-continue {
  background-color: #c1bb8b !important;
  color: #1c1c1c !important;
  border: none !important;
}

.woosw-popup-content-bot .woosw-page:hover,
.woosw-popup-content-bot .woosw-continue:hover {
  background-color: #e1ac42 !important;
  color: #1c1c1c !important;
}

/* Checkout – Place Order button */
.wc-block-components-checkout-place-order-button {
  background-color: #c1bb8b !important;
  border-radius: 12px !important;
  border: none !important;
}

.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button * {
  background-color: #c1bb8b !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:hover * {
  background-color: #E1AC42 !important;
}

.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
  color: #ffffff !important;
}

.wc-block-components-checkout-place-order-button,
.wc-block-components-checkout-place-order-button .wc-block-components-checkout-place-order-button__text,
.wc-block-components-checkout-place-order-button .wc-block-components-button__text {
  color: #1c1c1c !important;
}

/* My Account header – ONLY the top strip */
.woocommerce-MyAccount-navigation .rbb-account__header {
  background-color: #c1bb8b !important;
  color: #1c1c1c !important;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

/* My Account Orders – table header strip */
.woocommerce-MyAccount-navigation + .woocommerce-MyAccount-content 
.rbb-account__table-header {
  background-color: #c1bb8b !important;
  color: #1c1c1c !important;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

/* Hide Downloads & Compare from My Account menu */
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link--downloads,
.woocommerce-MyAccount-navigation
.woocommerce-MyAccount-navigation-link--compare {
  display: none !important;
}

/* Proceed to Checkout button styling */
a.wc-block-cart__submit-button {
  background-color: #C1BB8B !important;
  color: #1C1C1C !important;
  border-radius: 999px !important;
  transition: background-color 0.3s ease;
}

a.wc-block-cart__submit-button .wc-block-components-button__text {
  color: #1C1C1C !important;
}

a.wc-block-cart__submit-button:hover {
  background-color: #E1AC42 !important;
}

a.wc-block-cart__submit-button:hover .wc-block-components-button__text {
  color: #1C1C1C !important;
}

/* Hide the animated checked icon section */
.flex.justify-center.mb-9 > img[src*="icons-checked"],
.flex.justify-center.mb-9 {
  display: none !important;
}

/* Social share popup background */
.rbb-modal-dialog .rbb-social-share-inner {
  background-color: #fcfcfc !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

/* Sold Out badge background override */
label.bg-\[\#0D9D00\]{
  background-color: #883126 !important;
}

/* ===========================================================
   PRODUCT HOVER IMAGE FIX (JS-DRIVEN CROSSFADE)
   Keep CSS minimal: provide a stable canvas and prevent theme flash
   =========================================================== */

.thumbnail-container.hover-images{
  position: relative !important;
}

/* Prevent the theme’s second picture from flashing/overlaying */
.thumbnail-container.hover-images a > picture.image-cover{
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Layer injected by JS (span.hover-swap-layer) */
.thumbnail-container.hover-images .hover-swap-layer{
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  pointer-events: none !important;

  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  z-index: 999 !important;
  opacity: 0 !important; /* JS drives actual fade */
}

/* WooCommerce store notice background */
.woocommerce-store-notice,
.woocommerce-store-notice.demo_store {
  background-color: #883126 !important;
  color: #fcfcfc; /* optional, keeps text readable */
}

.woocommerce-store-notice a,
.woocommerce-store-notice__dismiss-link {
  color: #883126;
}

/* Guarantee & Safe Checkout – remove left + bottom spacing */
.guarantee-safe-checkout {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
}

.guarantee-safe-checkout picture,
.guarantee-safe-checkout img {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  display: block;
}

/* Guarantee & Safe Checkout – make image fill its container */
.w-full > .guarantee-safe-checkout picture {
  max-width: 100% !important;
}

/* Shop page – Add to Cart button background (default + hover) */
body.post-type-archive-product 
a.add_to_cart_button .add-to-cart-icon {
  background-color: #f5f5f5 !important;   /* default */
  transition: background-color 0.25s ease;
}

body.post-type-archive-product 
a.add_to_cart_button:hover .add-to-cart-icon {
  background-color: #E1AC42 !important;   /* hover */
}

/* Shop page – Add to Cart text size */
body.post-type-archive-product 
a.add_to_cart_button .add-to-cart-icon .text-cart {
  font-size: 1.0625rem !important; /* ~17px */
  line-height: 1.2;
}

/* Shop page – Product name font size (16px) */
body.post-type-archive-product 
a.product_name {
  font-size: 1rem !important; /* 16px */
  line-height: 1.35;
}

/* UPDATE CART button: style enabled + hover only (don’t fake-enable disabled) */
button.rbb-cart__btn-update:not([disabled]):not(:disabled) {
  background-color: #1c1c1c !important;
  background-image: none !important;
  color: #fcfcfc !important;
  transition: background-color .3s ease, color .3s ease;
}

button.rbb-cart__btn-update:not([disabled]):not(:disabled):hover {
  background-color: #c1bb8b !important;
  background-image: none !important;
  color: #1c1c1c !important;
}

/* Disabled: leave behavior disabled, just keep it readable */
button.rbb-cart__btn-update:disabled,
button.rbb-cart__btn-update[disabled] {
  background-color: #d8dbdf !important; /* or keep theme grey */
  background-image: none !important;
  color: #1c1c1c !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

/* UPDATE CART button — disabled state */
button.rbb-cart__btn-update:disabled,
button.rbb-cart__btn-update[disabled] {
  background-color: #f2f2f2 !important;
  background-image: none !important;
  color: #1c1c1c !important;
  opacity: 1 !important;       /* prevent theme fade */
  cursor: not-allowed;
}

/* CART PAGE ONLY — full discount value (minus + $ + number) */
body.woocommerce-cart
.cart-discount
[data-title*="Get"]
{
  color: #883126 !important;
}

/* ensure children inherit the color */
body.woocommerce-cart
.cart-discount
[data-title*="Get"] *
{
  color: inherit !important;
}

/* === Points & Rewards menu icon: thin outline + correct colors + no wrap === */

.woocommerce-MyAccount-navigation-link--loyalty_reward a > div{
  display: inline-flex;
  align-items: center;
}

.woocommerce-MyAccount-navigation-link--loyalty_reward a > div > span{
  white-space: nowrap; /* keep "Points & Rewards" on one line */
}

/* Base icon */
.woocommerce-MyAccount-navigation-link--loyalty_reward a > div::before{
  content: "";
  display: inline-block;
  flex: 0 0 auto;

  /* match visual size of other icons */
  width: 20px;
  height: 20px;

  /* spacing (slightly tighter to prevent wrap) */
  margin-right: 1.25rem;

  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* Default: thin stroke + grey color (#7d7d7d) */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237d7d7d' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
}

/* Desktop spacing like your other items */
@media (min-width: 1024px){
  .woocommerce-MyAccount-navigation-link--loyalty_reward a > div::before{
    margin-right: 1.5rem;
  }
}

/* Hover (and active) color: #C1BB8B */
.woocommerce-MyAccount-navigation-link--loyalty_reward a:hover > div::before,
.woocommerce-MyAccount-navigation-link--loyalty_reward.is-active a > div::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C1BB8B' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
}

/* FORCE custom checkbox styling for Rewards plugin */
#wlr-enable-email-sent {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #c1bb8b;
  border-radius: 3px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  vertical-align: middle;
}

/* Checked state */
#wlr-enable-email-sent:checked {
  background-color: #c1bb8b;
  border-color: #c1bb8b;
}

/* Checkmark */
#wlr-enable-email-sent:checked::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 1px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Focus (accessibility, no ugly blue ring) */
#wlr-enable-email-sent:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(193, 187, 139, 0.35);
}

/* Scroll to top button background */
.scroll-to-top {
  background-color: #883126;
}

.scroll-to-top:hover {
  background-color: #883126;
}



/* =========================================================
   CF7 Newsletter: show response ONLY after submit + keep it below icons
   ========================================================= */

/* Layout: form -> icons -> message (message stays inside CF7 but visually last) */
.elementor-element-6ff7eb0 .wpcf7{
  display: flex;
  flex-direction: column;
}

.elementor-element-6ff7eb0 .wpcf7 form{ order: 1; }
.elementor-element-6ff7eb0 .elementor-widget-icon{ order: 2; }
/* if your payment items are images, include this too */
.elementor-element-6ff7eb0 .elementor-widget-image{ order: 2; }

/* Hide response by default (pre-submit / empty state) */
.elementor-element-6ff7eb0 .wpcf7 form .wpcf7-response-output{
  display: none !important;
  margin: 14px 0 0 !important;
  position: static !important;
  width: 100% !important;
  clear: both !important;
  pointer-events: none; /* never block the icons */
}

/* Show ONLY after a submit attempt (success/invalid/spam/etc.) */
.elementor-element-6ff7eb0 .wpcf7 form.sent .wpcf7-response-output,
.elementor-element-6ff7eb0 .wpcf7 form.invalid .wpcf7-response-output,
.elementor-element-6ff7eb0 .wpcf7 form.failed .wpcf7-response-output,
.elementor-element-6ff7eb0 .wpcf7 form.spam .wpcf7-response-output,
.elementor-element-6ff7eb0 .wpcf7 form.aborted .wpcf7-response-output{
  display: block !important;
  order: 3;
}

/* =========================================================
   CF7 Newsletter confirmation message styling
   ========================================================= */

.elementor-element-6ff7eb0
.wpcf7 form.sent .wpcf7-response-output,
.elementor-element-6ff7eb0
.wpcf7 form.invalid .wpcf7-response-output,
.elementor-element-6ff7eb0
.wpcf7 form.failed .wpcf7-response-output,
.elementor-element-6ff7eb0
.wpcf7 form.spam .wpcf7-response-output,
.elementor-element-6ff7eb0
.wpcf7 form.aborted .wpcf7-response-output {
  background-color: #d8dbdf !important;
  color: #1c1c1c;
  padding: 14px 18px;
  border-radius: 6px;
  border: none;
  font-size: 14px;
  line-height: 1.4;
}

/* Keep WP emoji icons from being styled like content images */
img.emoji,
img.wp-smiley {
  width: 1em !important;
  height: 1em !important;
  max-width: 1em !important;
  max-height: 1em !important;
  display: inline !important;
  vertical-align: -0.1em;
}

/* Responsive images in content, but exclude emojis */
.entry-content img:not(.emoji):not(.wp-smiley),
.wp-block-post-content img:not(.emoji):not(.wp-smiley) {
  max-width: 100%;
  height: auto;
}

/* Blog single: cap featured/header image size */
.single-post .wp-post-image,
.single-post .post-thumbnail img,
.single-post .entry-thumbnail img {
  width: 100%;
  max-width: 900px;     /* pick your "appropriate" cap */
  max-height: 520px;    /* pick your height cap */
  height: auto;
  object-fit: cover;    /* crops instead of stretching */
  display: block;
  margin: 0 auto;
}

/* STACKABLE images: hard cap the wrapper width so images can't go full-screen */
.single-post .wp-block-stackable-image .stk-img-wrapper {
  width: min(800px, 100%) !important;  /* hard cap */
  max-width: 800px !important;
  display: block !important;
  margin: 1.5rem auto !important;
}

/* Make sure the actual image respects the wrapper */
.single-post .wp-block-stackable-image .stk-img,
.single-post .wp-block-stackable-image img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* If Stackable uses "stretch" shapes that mess with sizing */
.single-post .wp-block-stackable-image .stk-image--shape-stretch {
  width: min(800px, 100%) !important;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1023px) {
  .single-post .wp-block-stackable-image .stk-img-wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Related posts: force uniform thumbnail size */
.blog_item .blog_image a.thumbnail picture,
.blog_item .blog_image a.thumbnail img {
  display: block;
  width: 100%;
}

/* Set a fixed thumbnail height and crop */
.blog_item .blog_image a.thumbnail picture {
  height: 280px;          /* ← choose your standard thumbnail height */
  overflow: hidden;
}

.blog_item .blog_image a.thumbnail img {
  height: 280px;          /* match the picture height */
  width: 100%;
  object-fit: cover;      /* crop to fill */
  object-position: center;
}

@media (max-width: 640px) {
  .blog_item .blog_image a.thumbnail picture,
  .blog_item .blog_image a.thumbnail img {
    height: 200px;
  }
}

/* Related posts slider: disable clicks on thumbnail only */
.slick-track .blog_image > a.thumbnail {
  pointer-events: none;
  cursor: default;
}

.slick-track .blog_image > a.thumbnail:hover {
  transform: none !important;
  opacity: 1 !important;
}

/* WooCommerce My Account: hover background color for specific buttons only */
button.woocommerce-form-login__submit:hover,
button.woocommerce-form-register__submit:hover,
a.wc-backward.button:hover {
  background-color: #E1AC42 !important;
}

button.woocommerce-form-login__submit:hover,
button.woocommerce-form-login__submit:focus,
button.woocommerce-form-register__submit:hover,
button.woocommerce-form-register__submit:focus,
a.wc-backward.button:hover,
a.wc-backward.button:focus {
  background-color: #E1AC42 !important;
}

/* =========================================================
   CF7 submit button — typography + hover consistency
   ========================================================= */

.wpcf7 input.wpcf7-submit[value="Send with Care"] {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  color: #1c1c1c;
  background-color: #c1bb8b;
  border: none;
  padding: 14px 28px;
  border-radius: 6px;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.wpcf7 input.wpcf7-submit[value="Send with Care"]:hover {
  background-color: #e1ac42;
  color: #1c1c1c;
}


/*************************
Customise and show weight on the product page"
*************************/
.bioyond-product-attributes {
  margin-top: 16px;
}

.bioyond-attr-line {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 6px;
}

.bioyond-attr-label {
  font-weight: 600;
}

/* Align rewards message with product attributes */
.bioyond-product-attributes + .wlr-product-message,
.wlr-product-message {
  padding-left: 0 !important;
  margin-left: 0 !important;
  text-indent: 0 !important;
}

.wlr-product-message {
  padding: 0 !important;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.6;
}

/* Force rewards message text color */
.wlr-product-message {
  color: #883126 !important;
}

/* Reset password "Save" button styling */
.woocommerce-Button.button[value="Save"] {
  background-color: #c1bb8b !important;
  color: #1c1c1c !important;
  border: none !important;
  transition: background-color 0.25s ease;
}

.woocommerce-Button.button[value="Save"]:hover {
  background-color: #e1ac42 !important;
  color: #1c1c1c !important;
}

/* Reset password confirmation button */
.woocommerce-Button.button[value="Reset password"] {
  background-color: #c1bb8b !important;
  color: #1c1c1c !important;
  border: none !important;
  transition: background-color 0.25s ease;
}

.woocommerce-Button.button[value="Reset password"]:hover {
  background-color: #e1ac42 !important;
  color: #1c1c1c !important;
}

/* My Account → Save changes button */
.woocommerce-Button.button[name="save_account_details"] {
  background-color: #c1bb8b !important;
  color: #1c1c1c !important;
  border: none !important;
  transition: background-color 0.25s ease;
}

.woocommerce-Button.button[name="save_account_details"]:hover {
  background-color: #e1ac42 !important;
  color: #1c1c1c !important;
}

.wc-block-grid__product-onsale {
    background-color: #883126 !important;
    color: #ffffff !important;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-rating {
    display: none !important;
}

/*======Mobile Home Page Fix*/
/* Fix banner height collapse on mobile */
@media (max-width: 768px) {

  /* Force sections to have visible height */
  .rbb-banner {
    min-height: 480px !important;
    height: 480px !important;
  }

  .rbb-banner .relative.w-full,
  .rbb-banner > div:first-child {
    min-height: 480px !important;
    height: 480px !important;
  }

  /* Fix h-full collapse in nested containers */
  .rbb-banner .col-span-12,
  .rbb-banner .parallax,
  .rbb-banner .banner-img {
    height: 100% !important;
    min-height: 480px !important;
    position: relative !important;
  }

  /* Ensure images fill their containers */
  .rbb-banner .banner-img picture,
  .rbb-banner .banner-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  /* Disable parallax transform on mobile (causes iOS issues) */
  .rbb-banner .parallax,
  .rbb-banner .banner-img {
    transform: none !important;
  }

  /* Ensure overlay text is always visible */
  .rbb-banner .absolute {
    z-index: 10 !important;
    position: absolute !important;
  }

  /* Fix column heights in the banner grid sections */
  .elementor-element-909f4d9,
  .elementor-element-9cf328f,
  .elementor-element-c811452,
  .elementor-element-0f52086,
  .elementor-element-b5d396c {
    min-height: 480px !important;
  }

  /* Ensure lazy-loaded images render */
  .rbb-banner img[loading="lazy"] {
    content-visibility: auto !important;
  }
}

.wpcf7-response-output {
    background-color: #C1BB8B !important;
    color: #1c1c1c !important;
    border: 1px solid #C1BB8B !important;
    border-radius: 4px;
    padding: 12px 16px;
    font-size: 14px;
}

/* Add to Cart Buttons on the empty cart page*/

/* Base button style */
.wc-block-grid__product-add-to-cart .wp-block-button__link {
    background-color: #f5f5f5 !important;
    color: #1c1c1c !important;
    border: 1px solid ##f5f5f5 !important;
    border-radius: 0 !important;
    padding: 10px 20px !important;
    letter-spacing: 0.1em !important;
    font-size: 13px !important;
    width: 100% !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    position: relative !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}


/* Hover state */
.wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
    background-color: #e1ac42 !important;
    color: #1c1c1c !important;
}

/*Hide sad face icon in empty cart*/
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
    display: none !important;
}

/* My account cart banner color fix*/

.woocommerce-info.rbb-alert__info {
    background-color: #f5f5f5 !important;
    color: #1c1c1c !important;
    border-color: #C1BB8B !important;
}

.return-to-shop .button {
    color: #1c1c1c !important;
}

/* Password reset color fix*/
.woocommerce-message.rbb-alert__success {
    background-color: #f5f5f5 !important;
    color: #1c1c1c !important;
    border-color: #C1BB8B !important;
}

.woocommerce-message.rbb-alert__success strong {
    color: #1c1c1c !important;
}

/*Smaller text size on Add To Cart in the store*/
.add-to-cart-icon .text-cart {
    font-size: 14px !important;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    font-weight: 500 !important;
}

/*Non bold font for product names in the store*/
a.product_name {
    font-size: 14px !important;
    font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif !important;
    font-weight: 500 !important;
}

/* Smaller containers and different background color for shop layout icons on the shop page */
.grid-list span {
    background-color: #f5f5f5 !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
}

/* Smaller icon size to match  for shop layout icons on the shop page */
.grid-list span i {
    font-size: 14px !important;
}

/*trying to improve the touch response on the X button on the mobile menu*/

/* Reset previous hamburger overrides */
/* Hide the broken icon font */
/* Keep icon ALWAYS hidden regardless of state */
.toggle-megamenu i.icon-directional,
.toggle-megamenu.active i.icon-directional,
.toggle-megamenu.open i.icon-directional {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* X state - try both common class names themes use */
.toggle-megamenu.open::before,
.toggle-megamenu.is-open::before,
.toggle-megamenu.menu-open::before {
    transform: rotate(45deg) translate(5px, 5px) !important;
    box-shadow: none !important;
}

.toggle-megamenu.open::after,
.toggle-megamenu.is-open::after,
.toggle-megamenu.menu-open::after {
    transform: rotate(-45deg) translate(5px, -5px) !important;
}

/*Remove white space on top of the image on Contact page*/
@media (max-width: 768px) {
    .elementor-element-f684d7c {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .elementor-element-f684d7c .elementor-container {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .elementor-element-f684d7c .elementor-widget-image {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }
}

/* wishlist button color fix*/
/* Wishlist button – default */
.woosw-btn.woosw-btn-has-icon {
    background-color: #C1BB8B !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

/* Wishlist button – hover */
.woosw-btn.woosw-btn-has-icon:hover {
    background-color: #E1AC42 !important;
}

/* Icon color – black */
.woosw-btn .woosw-btn-icon,
.woosw-btn .woosw-icon-8 {
    color: #1c1c1c !important;
}

/*Add to Cart button in wishlist*/
/* Wishlist page – Add to cart button default */
.woosw-item--atc .add_to_cart_button {
    background-color: #C1BB8B !important;
    color: #1c1c1c !important;
    border: none !important;
    transition: background-color 0.3s ease !important;
}

/* Wishlist page – Add to cart button hover */
.woosw-item--atc .add_to_cart_button:hover {
    background-color: #E1AC42 !important;
    color: #1c1c1c !important;
}


@media (max-width: 767px) {
    .content_right.slider_content {
        padding: 0 !important;
    }
}