/*
	Theme Name:	XTRA Child
	Theme URI:	https://xtratheme.com/
	Description:Multipurpose Theme
	Author:		Codevz
	Author URI:	https://codevz.com/
	Template:	xtra
	Version:	1.0
*/

/*
	PLEASE DO NOT edit this file, if you want add custom CSS go to Theme Options > Additional CSS
*/
/* Overide paginaation with Facetwp */

/* =========================================================
   ================  GENERAL / GLOBAL  =====================
   =======================================================*/

/* Override pagination with FacetWP */
.woocommerce nav.woocommerce-pagination {
  display: none;
}

/* Product cards (homepage / general grid items) */
.woocommerce ul.products li.product {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.woocommerce ul.products img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  border-radius: 10px 10px 0 0 !important;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail,
a.ff-ova-item img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
  border-radius: 10px !important;
}

/* Loop product title */
h2.woocommerce-loop-product__title {
  font-size: 15px !important;
  min-height: 40px;
}

/* Price & suffix alignment (inline on one line) */
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price span,
.woocommerce ul.products li.product .price del,
span.woocommerce-Price-amount.amount,
small.wpo-price-suffix {
  display: inline;
}

.woocommerce ul.products li.product .price del {
  margin-top: 5px;
  margin-right: 10px;
}

small.wpo-price-suffix {
  background: #e0e0e0;
  padding: 0 10px;
  margin-left: 10px;
}

/* Buttons / misc elements */
button.toggle-button {
  background: none;
  font-size: 23px;
  float: right;
}

.elms_wishlist i.fa.fa-heart-o:hover {
  background: #7aa891 !important;
}

input#gform_submit_button_1 {
  background: #f5a592;
}

/* Hide free shipping bar on cart */
.woocommerce-cart .page_content .codevz-plus-free-shipping-bar {
  display: none;
}


/* =========================================================
   ==================  WOOCOMMERCE  ========================
   =======================================================*/

/* Single product: summary box */
.single-product .summary.entry-summary {
  background: #fee6dc;
  padding: 20px;
  border-radius: 10px;
}

/* Single product: additional info / accordion panel */
.single-product .wc-acc-panel {
  padding: 20px;
  border-radius: 4px;
}

/* Single product: price suffix color */
.single-product small.wpo-price-suffix {
  color: #000;
}

/* Single product: variations styling */
.single-product.woocommerce div.product form.cart .variations tr th.label {
  width: 100%;
}

.single-product.woocommerce div.product form.cart .variations select {
  background-color: #fff;
  border-radius: 4px;
}

/* Tabs panel background (if theme still outputs tabs somewhere) */
.single-product.woocommerce div.product .woocommerce-tabs .panel {
  background: #fff;
}

/* Attribute table spacing tweaks */
table.woocommerce-product-attributes th {
  padding: 2px !important;
}

.woocommerce table.shop_attributes th {
    width: 210px;
    padding: 10px !important;
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
    background: #fee6dc;
}

/* =========================================================
   ====================  FACETWP  ==========================
   =======================================================*/

/* Selections pill styling */
.facetwp-selections ul {
  display: flex;
  margin-left: 0;
}

span.facetwp-selection-label {
  display: none;
}

span.facetwp-selection-value {
  background: #f5a592;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  border-radius: 4px;
  background-image: none !important;
}

span.facetwp-selection-value::after {
  content: "\f00d";
  position: relative;
  top: 3px;
  left: 5px;
  font-family: "Font Awesome 6 Free";
  font-size: 25px;
  line-height: 0;
}

/* Checkbox sprite overrides */
.facetwp-checkbox {
  background: url(/nieuw/wp-content/themes/xtra-child/images/checkbox.png) 0 50% no-repeat !important;
  background-size: 24px 24px !important;
  padding-left: 35px !important;
  margin-bottom: 10px !important;
}

.facetwp-checkbox.checked {
  background-image: url(/nieuw/wp-content/themes/xtra-child/images/checkbox_checked.png) !important;
}


/* =========================================================
   =================  FF COLOR PALETTE  ====================
   =======================================================*/

.ff-color-palette {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: end;          /* push colors to the right */
  flex-direction: row-reverse;   /* make them start from the right */
}

.ff-color-dot {
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
}


/* =========================================================
   =====================  RESPONSIVE  ======================
   =======================================================*/

/* Mobile ≤ 767px */
@media (max-width: 767px) {
  /* FF Color Palette – mobile tweaks */
  .ff-color-palette {
    /* left align on mobile */
    text-align: left;          /* for inline/inline-block layouts */
    justify-content: flex-end; /* if theme makes it a flex container */
    margin: 10px 0 !important; /* requested spacing on mobile */
  }

  .ff-color-palette .ff-color-dot {
    display: inline-block;     /* ensures alignment if they become inline */
  }

  /* Archive layout: content + sidebar ordering (XTRA theme) */
  .woocommerce-page #page_content .row.clr {
    display: flex;
    flex-wrap: wrap;
  }
  .woocommerce-page #page_content .col.s9.col_not_first.righter {
    order: 2;
  }
}

/* Mobile ≤ 600px: product card layout tweaks */
@media (max-width: 600px) {
  /* Stack link contents vertically */
  .products li.product a.woocommerce-LoopProduct-link {
    display: block;
  }

  /* Title: 2-line clamp + spacing */
  .products li.product h2.woocommerce-loop-product__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
    margin: 8px 0 6px;
    min-height: calc(1em * 1.25 * 2);
    font-size: 15px;
    font-weight: 600;
  }

  /* Price: prominent, on its own line */
  .products li.product .price {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
  }

  /* Suffix on a new line under the price */
  .products li.product .price .wpo-price-suffix {
    display: block;     /* puts "Per halve meter" on its own line */
    margin-top: 5px;
    margin-left: 0;
    width: 100px;
    font-size: 12px;
  }
}

.theiaStickySidebar {
    position: relative  !important;
    left: 0px !important;
    transform: none !important;
}