/*
Theme Name: SilverAisle theme
Theme URI: www.ifsolutions.lk
Author: IF Solutions team
Author URI: https://www.ifsolutions.lk/
Description:
Requires at least: 5.3
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: silveraislestorebyifs
Tags:
silveraislestorebyifs by IF Solutions WordPress Theme, (C) 2025 https://ifsolutions.lk/
*/

:root {
  --primaryColour: ;
  --textColour:#807876 ;
  --secondaryColourOne:#e5e1de;
  --secondaryColourTwo:#e5e1de;
  --neutralColourOne:#9daaae;
  --neutralColourTwo:#b8b2ae;
  --primaryFont: 'Cormorant', serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* html a{
padding-bottom: 0 !important;
padding-top: 0 !important;
} */

html .select2-results__option{
  font-size: 12px !important;
}

@font-face {
  font-family: 'secondaryFont';
  src: url('fonts/GillSans-Light.ttf');
  font-weight: 300;
}

@font-face {
  font-family: 'secondaryFont';
  src: url('fonts/Gill Sans.otf');
  font-style: normal;
}

@font-face {
  font-family: 'secondaryFont';
  src: url('fonts/Gill Sans Medium.otf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'secondaryFont';
  src: url('fonts/Gill Sans Bold.otf');
  font-weight: 700;
  font-style: normal;
}

body {
  overflow-x: hidden !important;
  color: var(--textColour) !important;
  font-family: secondaryFont !important;
  font-weight: 300 !important;
}

h1,h2,h3{
  font-family: var(--primaryFont);
}

h5{
  font-family: secondaryFont !important;
}

.light-text,
.woocommerce-checkout .woocommerce form .form-row select,
.woocommerce-checkout .woocommerce form .form-row select option {
  font-weight: 300 !important ;
}

.medium-text{
  font-weight: 400 !important ;
}

.semibold-text,
.woocommerce-account .woocommerce-MyAccount-content mark,
.woocommerce table.shop_table th,
.tax-product_cat .category-description .category_note {
  font-weight: 500 !important ;
}

.bold-text{
  font-weight: 600 !important ;
}

.primaryFont{
  font-family: var(--primaryFont);
}

.secondaryFont{
  font-family: secondaryFont !important;
}

.background-primary{
  background-color: var(--textColour);
}

.background-secondary{
  background-color: var(--secondaryColourOne) !important;
}

.default-font,
.woocommerce-checkout .woocommerce-checkout-1 p,
::placeholder{
  font-size: 1rem !important;
  letter-spacing: 0.05rem !important;
}

h2,
.wpfFilterWrapper .wpfFilterTitle{
  letter-spacing: 0.05rem !important;
}

.breadcrumb-letter-spacing{
  letter-spacing: 0.05rem !important;
}

header .woofc-custom {
  position: relative;
}

header .woofc-custom span {
  font-size: 0.8rem !important;
  /* padding: 2px 7px 2px 7px; */
  position: absolute;
  top: -0.6rem;
  right: -0.7rem;
  /* line-height: 1.4; */
  background-color: var(--secondaryColourOne);
  color: var(--textColour);
  border-radius: 50px;
  height: 22px;
  width: 22px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.mega-menu .carousel-one .owl-nav{
  display: none;
}

.mega-menu .mega-link,
.mega-menu .slide-body .name,
.sidenav .accordion-btn{
  font-weight: 300;
}

.main-font{
  font-family: var(--primaryFont);
  color: var(--textColour);
}

.text-color{
  color: var(--textColour) !important;
}

.secondary-font{
  font-family: secondaryFont !important;
  color: var(--textColour) !important;
  letter-spacing: 0.05rem;
}

.primary_btn{
  border: 1px solid var(--secondaryColourOne) !important;
  background-color: transparent;
  color: var(--textColour) !important;
  font-family: secondaryFont;
  font-size: 1rem;
  letter-spacing: 0.05rem;
  font-weight: 400;
}

.category-hero-tile {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 350px; /* Adjust height */
  background-size: cover;
  background-position: center;
  padding-bottom: 20px;
  transition: transform 0.3s ease-in-out;
  color: white;
  text-decoration: none;
}
/* .category-hero-tile:hover {
transform: scale(1.02);
} */

.hero-title {
  padding: 10px 15px;
  border-radius: 5px;
  font-size: 24px;
  color: white;
}

.product_name {
  font-size: 1rem;
  color: var(--textColour);
  font-weight: 300;
  /* letter-spacing: 0.05rem; */
}

.product-price{
  font-size: 1rem;
  line-height: 1.4rem;
  color: var(--textColour);
  font-weight: 300;
  /* letter-spacing: 0.02rem; */
}

.vendor-name {
  font-size: 1rem;
  color: #9daaae;
  line-height: 22px;
  font-weight: 300;
  /* letter-spacing: 0.05rem; */
}

.list-decimal {
  list-style-type: decimal;
}

.font-24{
  font-size: 24px !important;
}

.single-product .product_meta .add-to-cart-button-new,
.single-product .enquire_btn,
.single-product .product_meta .buy-now-button{
  padding-left: 3rem;
  padding-right: 3rem;
  width: 50% !important;
  display: flex;
  line-height: 1rem;
  font-weight: 300;
  justify-content: center;
  border-radius: 0 !important;
}

html .border-bottom{
  border-bottom: 1px solid var(--secondaryColourOne) !important;
}

.single_product_btn button:hover,
.single-product .product_meta .add-to-cart-button-new:hover,
.single-product .product_meta .buy-now-button:hover,
.single-product .single_product_btn .primary_btn:hover,
.coupon button:hover,
.woocommerce-MyAccount-content .woocommerce-button--next:hover,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button:hover,
html .woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover{
  background-color: black !important;
  color: white !important;
  transition: background .5s linear;
}

.single_product_btn button:hover a{
  color: white !important;
  transition: background .5s linear;
}

.single_product_btn button:hover,
.single-product .product_meta .add-to-cart-button-new:hover,
.single-product .single_product_btn .primary_btn:hover{
  background-color: black !important;
  color: white !important;
  transition: background .5s linear;
}

.single-product .product_data,
.single-product .light-text,
#terms p,
.breadcrumb{
  font-size: 1rem;
  letter-spacing: 0.05rem;
}
.breadcrumb .secondary-font{
  letter-spacing: normal !important;
}
#terms .term{
  font-size: 1rem !important;
  letter-spacing: 0.05rem !important;
}

/* html .single-product .product_meta .accordion-item .border-bottom {
border-bottom: var(--bs-border-width) var(--bs-border-style) black !important;
} */

.single-product .woocommerce-breadcrumb{
  font-weight: 300 !important;
  color: var(--textColour) !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.05rem;
}

.single-product .woocommerce-breadcrumb a{
  color: var(--textColour) !important;
  font-weight: 300 !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.05rem;
}

#contact input[type="text"]:focus,
#contact textarea:focus,
.enquiry_popup input[type="text"]:focus,
.enquiry_popup input[type="date"]:focus,
.enquiry_popup textarea:focus{
  outline: none;
  border-bottom-color: var(--textColour); /* Change this color to your preference */
}

#contact input[type="text"]::placeholder,
#contact textarea::placeholder,
.enquiry_popup input[type="text"]::placeholder,
.enquiry_popup input[type="date"]::placeholder,
.enquiry_popup textarea::placeholder{
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 14px;
  font-size: 1rem !important; /* Adjust the font size as needed */
  letter-spacing: 0.05rem;
  transition: top 0.3s, font-size 0.3s;
}

#contact input[type="text"]:focus::placeholder,
.enquiry_popup input[type="text"]:focus::placeholder,
.enquiry_popup input[type="date"]:focus::placeholder,
#contact textarea:focus::placeholder,
.enquiry_popup textarea:focus::placeholder,
#contact input[type="text"]:not(:placeholder-shown)::placeholder,
.enquiry_popup input[type="text"]:not(:placeholder-shown)::placeholder,
.enquiry_popup input[type="date"]:not(:placeholder-shown)::placeholder,
#contact textarea:not(:placeholder-shown)::placeholder,
.enquiry_popup textarea:not(:placeholder-shown)::placeholder{
  top: 5px;
  font-size: 12px;
}

html .single-product .btn-close:hover{
  background-color: white !important;
}

html .single-product .btn-close:focus{
  box-shadow: unset !important;
}

/* For Bootstrap 5's default implementation */
html .single-product .product_meta .accordion-button::after,
.mobile-filter .accordion-button::after {
  /* Change color by using a custom SVG with your desired color #e5e1de */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23807876'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  /* Changed size to 15px */
  width: 15px;
  height: 15px;
  background-size: 15px !important;
}
/* For the active (open) state */
html .single-product .product_meta .accordion-button:not(.collapsed)::after,
.mobile-filter .accordion-button:not(.collapsed)::after {
  /* Same color for the open state */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23807876'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
  /* Changed size to 15px */
  width: 15px;
  height: 15px;
}

html .single-product .product_meta .accordion-button {
    border-bottom: 1px solid var(--secondaryColourOne) !important;
    border-radius: 0 !important;
}

.woocommerce div.product div.summary, .woocommerce-page div.product div.summary,
.woocommerce div.product div.images, .woocommerce-page div.product div.images {
  width: 100% !important;
}

.woocommerce div.product div.summary {
  margin-top: 15px;
  margin-bottom: 0em !important;
}

.remove_item_btn button,
.coupon button {
  border: none;
  padding: 0 !important;
  font-size: 1rem !important;
  background-color: transparent !important;
  color: var(--textColour) !important;
  font-family: secondaryFont !important;
  border-radius: 0 !important;
  font-weight: 300 !important;
  letter-spacing: 0.05rem !important;
  border-bottom: 1px solid var(--textColour);
}

.coupon button{
  padding: 0.2rem 1rem !important;
  border-left: none !important;
  font-size: 1rem !important;
  letter-spacing: 0.05rem !important;
}

.confirmation-popup {
  display: none;
  position: fixed;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  text-align: center;
}

.confirmation-button {
  background-color: #000;
  color: red !important;
  cursor: pointer;
}

.confirmation-button:hover{
  border: none !important;
}

.woocommerce-checkout .col-two {
  height: fit-content !important;
  position: sticky !important;
  top: 50px !important;
  z-index: 9 !important;
}

.woocommerce-checkout #ship-to-different-address{
  display: none;
}

.woocommerce form .form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce form .checkout_input_fields .form-row .input-text, .woocommerce form .form-row select,
.woocommerce form .checkout_input_fields .form-control,
html .single-product .form-control {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--secondaryColourTwo) !important;
}

/* Reset input styling to eliminate overlay issues - excluding checkboxes and radio buttons */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
textarea,
select {
    /* Remove all background effects */
    background: #ffffff !important;
    background-image: none !important;
    background-clip: padding-box !important;

    /* Reset borders and shadows */
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    outline: none !important;

    /* Ensure proper text rendering */
    position: relative;
    z-index: 1;

    /* Reset any transforms that might cause clipping */
    transform: none !important;
    clip-path: none !important;
    mask: none !important;
}

/* Fix placeholder specifically - excluding checkboxes and radio buttons */
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="url"]::placeholder,
input[type="search"]::placeholder,
input[type="number"]::placeholder,
textarea::placeholder {
    color: #666666 !important;
    opacity: 1 !important;
    background: transparent !important;
    position: relative;
    z-index: 2;

    /* Prevent text clipping */
    overflow: visible !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* Remove any pseudo-elements that might overlay - excluding checkboxes and radio buttons */
input[type="text"]::before, input[type="text"]::after,
input[type="email"]::before, input[type="email"]::after,
input[type="password"]::before, input[type="password"]::after,
input[type="tel"]::before, input[type="tel"]::after,
input[type="url"]::before, input[type="url"]::after,
input[type="search"]::before, input[type="search"]::after,
input[type="number"]::before, input[type="number"]::after,
textarea::before, textarea::after,
select::before, select::after {
    display: none !important;
}

/* Fix for webkit browsers - excluding checkboxes and radio buttons */
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder {
    color: #666666 !important;
    opacity: 1 !important;
    background: transparent !important;
}

/* Ensure parent containers don't clip content */
.form-group, .input-container, form {
    overflow: visible !important;
    position: relative !important;
}

/* Select element specific styling */
select {
    background-color: #fff !important;
    background-image: none !important;

    /* Custom dropdown arrow (optional) */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Add custom arrow */
    background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6,9 12,15 18,9'></polyline></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
}

/* Select option styling */
select option {
    background-color: #fff;
    color: #333;
    padding: 8px 12px;
}
.fixed-input {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;

    /* Prevent overlay issues */
    position: relative;
    z-index: 1;
    background-clip: padding-box;
}

.fixed-input::placeholder {
    color: #888;
    opacity: 1;
    font-style: normal;
    background: none;
}

/* If you have custom input styling, use this base */
/* Mobile specific fixes */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="number"],
    input[type="date"],
    input[type="time"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    textarea,
    select {
        /* Prevent iOS styling interference */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        /* Ensure text is not clipped */
        min-height: 44px; /* iOS minimum touch target */
        line-height: normal;
    }

    input[type="text"]::placeholder,
    input[type="email"]::placeholder,
    input[type="password"]::placeholder,
    input[type="tel"]::placeholder,
    input[type="url"]::placeholder,
    input[type="search"]::placeholder,
    input[type="number"]::placeholder,
    textarea::placeholder {
        font-size: 16px; /* Prevent zoom on iOS */
        line-height: normal;
    }
}

/* Ensure parent containers don't clip content */
.form-group, .input-container, form {
    overflow: visible !important;
    position: relative !important;
}

/* Select option styling */

.fixed-input {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;

    /* Prevent overlay issues */
    position: relative;
    z-index: 1;
    background-clip: padding-box;
}

.fixed-input::placeholder {
    color: var(--textColour);
    opacity: 1;
    font-style: normal;
    background: none;
}

/* If you have custom input styling, use this base */
/* Mobile specific fixes */
@media (max-width: 768px) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="tel"],
    textarea,
    select {
        /* Prevent iOS styling interference */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        /* Ensure text is not clipped */
        min-height: 44px; /* iOS minimum touch target */
        line-height: normal;
    }

    input[type="text"]::placeholder,
    input[type="email"]::placeholder,
    input[type="password"]::placeholder,
    textarea::placeholder {
        font-size: 16px; /* Prevent zoom on iOS */
        line-height: normal;
    }
}

.woocommerce form .form-control:focus,
.form-control:focus{
  box-shadow: unset !important;
}

.woocommerce-checkout .woocommerce form .form-control:focus,
.enquiry_popup .form-control:focus{
  border-bottom: 2px solid black !important;
}

html .woocommerce-checkout .checkout_input_fields input[type="text"]:focus,
html .woocommerce-checkout .checkout_input_fields input[type="tel"]:focus,
html .woocommerce-checkout .checkout_input_fields input[type="email"]:focus {
  border-bottom: 2px solid black !important;
  border-top: 1px solid transparent !important;
  border-left: 1px solid transparent !important;
  border-right: 1px solid transparent !important;
  outline: unset !important;
}

html .woocommerce form .form-row .input-text:focus-visible{
  outline: unset !important;
}

html .woocommerce form .form-row select:focus-visible{
  outline: unset !important;
}

.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
#delivery_date_fields .form-row select{
  color: var(--textColour) !important;
  font-weight: 300 !important;
}

/* Hide the default dropdown arrow */
select#delivery_date_year , select#delivery_date_month, select#delivery_date_day{
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23807876'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2.5rem; /* Make room for the custom arrow */
}

.woocommerce-checkout .woocommerce form .form-row select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23807876'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
      color: var(--textColour) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.shop-btn-cart{
  border: 1px solid var(--secondaryColourOne) !important;
  font-size: 0.9rem !important;
  color: var(--textColour) !important;
  padding: 0.55rem 1em;
  background-color: transparent !important;
  font-family: secondaryFont !important;
  border-radius: 0 !important;
  font-weight: 300 !important;
  text-transform: capitalize;
  letter-spacing: 0.05rem;
}

.shop-btn-cart{
  padding: 0.3rem 1em !important;
  width: 75% !important;
}

#order_review button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-notices-wrapper .woocommerce-message .button:hover,
.shop-btn-cart:hover,
.woocommerce-orders-table .woocommerce-orders-table__cell .woocommerce-button:hover {
  background-color: black !important;
  color: white !important;
  transition: background .5s linear;
}

/* Product Card */
/* .product-card {
height: 350px;
overflow: hidden;
position: relative;
} */

/* Image fills the full background */
.image-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image-container img {
  width: 100%;
  height: 100% !important;
  object-fit: cover; /* Ensures the image fully covers the card */
}

.woocommerce ul.products li.product a img,
.badge,
.relative-product-img{
  border-radius: 0 !important;
}
.badge{
  font-size: 0.9rem !important;

}
.tax-product_cat .card {
  display: flex;
  flex-direction: column;
  height: 100%; /* Ensures all cards are the same height */
}

.tax-product_cat .card-body {
  flex-grow: 1; /* Expands to fill available space */
}

.tax-product_cat .product-image {
  width: 100%; /* Ensure images take full width */
  max-height: 100%;
  object-fit: cover; /* Ensures image is fully visible without cropping */
  aspect-ratio: 7/8;
  border-radius: 0 !important;
}

.tax-product_cat .woocommerce-products-header__title,
.woocommerce-cart .woocommerce-notices-wrapper{
  display: none;
}

/* Custom Checkbox Styles */
.custom-checkbox, .custom-checkbox-two {
  position: relative;
  display: block;
}

.custom-checkbox span, .custom-checkbox-two span {
  display: block;
  margin-left: 20px;
  padding-left: 7px;
  text-align: left;
}

/* Checkbox Base Styling */
.custom-checkbox span::before,
.custom-checkbox-two span::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  top: 25%;
  left: 0.5%;
  background: #fff;
  border: 1px solid #807876;
  box-shadow: inset 2px 2px 0px rgba(0, 0, 0, 0.1);
}

/* Checkbox Checked State */
.custom-checkbox input[type="checkbox"],
.custom-checkbox-two input[type="checkbox"] {
  opacity: 0;
  position: absolute;
}

.custom-checkbox input[type="checkbox"]:checked + span::after,
.custom-checkbox-two input[type="checkbox"]:checked + span::after {
  font-family: "Font Awesome 5 Pro";
  content: "\f00c";
  background: #807876;
  color: #fff;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 25%;
  left: 0.5%;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
}

.single-product div.product .product_title,
.woocommerce-cart .product-name a {
  letter-spacing: 0.01rem;
  font-family: var(--primaryFont) !important;
  font-size: 1.25rem !important;
  color: var(--textColour) !important;
  font-weight: 500 !important;
  text-decoration: none;
}
.woocommerce-cart .product-qnty{
  letter-spacing: 0.05rem;
}
.single-product div.product .product_title{
  padding-top: 3% !important;
}

.single-product a{
  text-decoration: none !important;
}

.single-product .price,
.woocommerce-cart .woocommerce-cart-form__cart-item .woocommerce-Price-amount{
  font-family: var(--primaryFont) !important;
  font-size: 1.25rem !important;
  color: var(--textColour) !important;
  font-weight: 400 !important;
  letter-spacing: 0.05rem !important;
}

.single-product .related-product-slider .owl-carousel .owl-stage {
  transition: height .5s ease-in-out;
  margin-bottom: 10px;
}

.single-product .related-product-slider h2{
  font-size: 1.25rem !important;
  color: var(--textColour) !important;
}

.single-product .owl-prev, .single-product .owl-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 45%;
  display: block;
  font-weight: 300;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.single-product .owl-carousel .owl-nav .owl-prev span, .single-product .owl-carousel .owl-nav button.owl-next span {
  font-size: 20px;
  color: var(--textColour);
}
.single-product .owl-carousel .owl-nav .owl-prev span:hover, .single-product .owl-carousel .owl-nav button.owl-next span:hover {
  color: var(--textColour);
}

.owl-theme .owl-nav [class*='owl-']:hover {
  background: transparent !important;
  color: #807876 !important;
  text-decoration: none;
}

.related-product-slider .owl-theme .owl-nav .owl-prev {
  left: -30px;
}

.related-product-slider .owl-theme .owl-nav .owl-next {
  right: -30px;
}

.single-product .owl-carousel .card,
.tax-product_cat .card{
  border-radius: 0 !important;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);
}



/* .single-product .owl-carousel .item {
box-shadow: 0 4px 10px -1px rgba(0, 0, 0, .05), 0 4px 10px 0 rgba(0, 0, 0, .07), 0 1px 10px 0 rgba(0, 0, 0, .05);
} */

/* Cart Page*/

/* .cart_totals .cart_table .woocommerce-shipping-totals{
display: none;
} */

.woocommerce-cart-form .quantity button{
  border: none !important;
  background: transparent !important;
  color: var(--textColour);
}

.woocommerce-cart-form .quantity button i{
  color: var(--textColour);
}

.table_text,
.woocommerce .cart_item .quantity input[type=number] {
  color: var(--textColour);
  font-weight: 300;
  border: none;
}

html .confirmation-button{
  color: red !important;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 1px solid transparent !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table,
.woocommerce-checkout .cart-collaterals .cart_totals table,
.woocommerce-checkout-review-order-table {
  border-collapse: collapse !important;
}

.wc-proceed-to-checkout{
  margin-top: 5%;
  display: flex;
  justify-content: center;
}

.woocommerce-cart .coupon input{
  padding: 0.2rem 1em;
  border-radius: 0px !important;
  border: 1px solid var(--secondaryColourOne);
}

/* Category Page */

.tax-product_cat .category-description p{
  margin-bottom: 10px !important;
  line-height: 1.4rem;
}

.tax-product_cat div.products{
  align-items: stretch !important;
}

.tax-product_cat .card .content-details .add-to-cart-button-new:hover,
.tax-product_cat .card .content-details a:hover,
.related-product-slider .card .content-details .add-to-cart-button-new:hover,
.related-product-slider .card .content-details a:hover{
  text-decoration: underline !important;
}

.tax-product_cat .table>:not(caption)>*>* {
    border-bottom-width: 0 !important;
}

#product-list li{
  list-style: none !important;
}

.tax-product_cat .card:hover .content-overlay,
.owl-carousel-product .card:hover .content-overlay{
  opacity: 1;
}

.slider-item .content-overlay, .content .content-overlay, .content-overlay {
  background: rgba(0,0,0,0.8);
  position: absolute;
  width: auto;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.qty .minus,
.qty .plus {
  cursor: pointer !important;
  vertical-align: top;
  text-align: center;
}

.qty .count {
  vertical-align: top;
  text-align: center;
  width: 4rem;
  font-size: 16px;
}

/* .card {
position: relative;
overflow: hidden;
} */

.content-details {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.tax-product_cat .card:hover .content-details,
.product-slider .card:hover .content-details,
.owl-carousel-product .card:hover .content-details{
  opacity: 1;
  visibility: visible;
}

.content-details ul{
  line-height: 1.8rem;
}

/* Make sure all product cards are the same height */
.tax-product_cat .card.h-100 {
  display: flex;
  flex-direction: column;
}

/* Ensure the card body expands to fill available space */
.tax-product_cat .card-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

/* Buttons and other elements stay at the bottom */
.tax-product_cat .card-body .mt-auto {
  margin-top: auto;
}

.tax-product_cat .list-group-item{
  border: none !important
}

.subcategory-list {
  display: none;
}
.subcategory-list.show {
  display: block;
}
.subcategory-list.hide {
  display: none;
}

.category-link,
#price-range-select ul li a {
  font-weight: 400;
  text-decoration: none;
  color: var(--textColour);
  font-size: 12px;
  letter-spacing: 0.05rem;
  font-family: secondaryFont !important;
}

#price-range-select ul li a{
  font-size: 14px !important;
}

.active-category {
  font-weight: 700;
}

.toggle-icon {
  font-size: 1rem;
  cursor: pointer;
  margin-left: 10px;
  color: var(--neutralColourOne);
}

.toggle-icon i{
font-weight: 300 !important;
}

.subcategory-list a {
  color: var(--textColour);
  text-decoration: none;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.05rem;
}

.list-group-item {
  text-transform: uppercase;
}

.woocommerce-order-details__title{
  text-transform: capitalize;
}

html .price-range-item .active{
  font-weight: 700 !important;
}

.woocommerce nav.woocommerce-pagination ul li{
  border-right: none !important;
}

.woocommerce-pagination .page-numbers{
  border: none !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current{
  background: white !important;
  color: var(--textColour) !important;
  font-weight: 700 !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce-remove-coupon{
  color: var(--textColour) !important;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{
  padding: 1em 0.4em !important;
  font-size: 1.2em !important;
}

.mobile-filter .accordion-item {
  background: white !important;
  border: none !important;
}

/* Style to remove top and side borders while keeping bottom border */
.mobile-filter .accordion-button {
  background: white;
  border: none !important;
  border-bottom: 1px solid var(--secondaryColourOne) !important; /* Black bottom border */
  box-shadow: none !important; /* Remove focus outline */
  border-radius: 0 !important;
  display: flex;
  justify-content: center; /* Center text */
  text-align: center;
  width: 100%;
}

.mobile-filter .accordion-button::after {
  margin-left: 5px !important;
}

/* Remove gap between accordions */
.mobile-filter .row {
  margin: 0 !important;
}
.mobile-filter .col-6 {
  padding: 0 !important;
}

.mobile-filter .accordion-button:not(.collapsed) {
  color: var(--textColour) !important;
  background-color: white !important;
  box-shadow: unset !important;
}

/* Ensure accordions fit properly and align */
.mobile-filter.accordion-button:not(.collapsed) {
  color: black;
  background: white;
  border-bottom: 1px solid var(--secondaryColourOne) !important;
  border-radius: 0 !important
}

html .tax-product_cat .faqs .heading{
  padding: 40px 0px !important;
}

html .tax-product_cat .faqs .accordion-sec {
  margin: 0 5px;
}

.tax-product_cat .category-description h1{
  font-size: 1.25rem !important;
  font-weight: 600;
}

/* Checkout Page */

.woocommerce-checkout .woocommerce table.shop_table tbody th,
.woocommerce-checkout .woocommerce table.shop_table tfoot td,
.woocommerce-checkout .woocommerce table.shop_table tfoot th {
  font-weight: 500;
  border-top: 1px solid white;
}

.woocommerce-checkout-review-order-table td{
  text-align: right;
}

.woocommerce-checkout h3,
.woocommerce-order-details h2,
#order_review_heading,
.default-title,
.woocommerce-cart h2,
.tax-product_cat .faqs .heading{
  font-size: 1.25rem !important;
  color: var(--textColour) !important;
  font-weight: 600;
  line-height: normal;
  text-align: start;
}

.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper label{
  display: none;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .woocommerce-Price-amount{
  font-weight: 300 !important;
}

.woocommerce-shipping-fields .select2-container .select2-selection--single {
  height: auto !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid var(--secondaryColourTwo) !important;
  border-radius: 0 !important;
}

.custom-border .form-control{
  border: 1px solid var(--secondaryColourTwo) !important;
}

.custom-border .form-control:focus{
  border: 2px solid black !important;
}

.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
}

.woocommerce-shipping-fields .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: var(--textColour) !important;
  font-weight: 300 !important;
}

.select2-container .select2-selection--single {
  margin: 0 !important;
}

#order_review button {
  border: 1px solid var(--textColour) !important;
  font-size: 1.1em !important;
  background-color: transparent !important;
  color: var(--textColour) !important;
  font-family: var(--primaryFont) !important;
  border-radius: 0 !important;
  padding: 1vh 1vw !important;
  transition: background .5s linear !important;
  width: 100 !important;
  font-weight: 300 !important;
}

#place_order.fields-filled:hover {
  background-color: black !important;
  color: white !important;
  transition: background .5s linear;
}

html .woocommerce form .woocommerce-billing-fields__field-wrapper .form-row,
html .woocommerce form .woocommerce-shipping-fields__field-wrapper .form-row{
  padding: 3px;
  margin-bottom: 1.5rem !important
}

html .woocommerce-checkout strong,
html .enquiry_popup strong{
  font-weight: 400 !important;
}

.iti--separate-dial-code .iti__selected-flag{
  background-color: transparent !important;
}

/* .delivery-title{
margin-top: -8%;
} */

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link{
  border: 1px solid var(--secondaryColourTwo);
  padding: 5px;
  width: 200px;
  margin: 10px 0;
  list-style: none;
}

.woocommerce-MyAccount-content form .form-row .input-text{
  border: 1px solid var(--secondaryColourTwo) !important;
  border-radius: 0 !important;
}

.woocommerce .woocommerce-MyAccount-content a{
  color: var(--textColour) !important;
  font-weight: 400;
  text-decoration: none;
  font-family: secondaryFont !important;
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link:hover,
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.active{
  background-color: var(--textColour) !important;
  font-weight: 500 !important;
}

.woocommerce .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a{
  color: black;
  font-family: var(--primaryFont);
  font-size: 1.25rem;
  text-decoration: none;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table{
  border: none;
  width: 700px;
}
.woocommerce-orders-table__cell a,
.woocommerce-LostPassword a{
  color: var(--textColour) !important;
}

.woocommerce-LostPassword a{
  font-weight: 400 !important;
}

.woocommerce .woocommerce-Button{
  background-color: var(--Light-Tertiary) !important;
  color: var(--textColour) !important;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table .woocommerce-orders-table__header{
  font-family: var(--primaryFont);
  font-size: 1.25rem;
}
.woocommerce-orders-table__cell{
  font-size: 16px;
  letter-spacing: 0.05rem;
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-info {
  background-color: var(--lightTertiary) !important;
  border-top-color: var(--textColour);
}
.woocommerce .woocommerce-MyAccount-content .woocommerce-info .button{
  margin-left: 10px;
  background-color: var(--Light-Tertiary);
}
.woocommerce-MyAccount-content .woocommerce-info::before {
  color: var(--textColour) !important;
}


/* login form */
.woocommerce-MyAccount-content .woocommerce-form{
  width: 50%;
  border: none !important;
}
.woocommerce-MyAccount-content .woocommerce-form label{
  margin-top: 10px;
  font-size: 20px;
  font-family: var(--primaryFont);
}
.woocommerce .woocommerce-MyAccount-content input{
  font-size: 16px;
  color: var(--textColour);
  padding: 10px 5px;
  background-color: white;
  border: 1px solid var(--textColour);
}
.woocommerce .woocommerce-MyAccount-content .form-row{
  display: flex;
  flex-direction: column;
}
.woocommerce-MyAccount-content .woocommerce-form .woocommerce-button{
  width: 40% !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: left !important;
  width: 68%;
}

.woocommerce-account .addresses .title .edit {
  float: left !important;
}

.woocommerce-orders-table .woocommerce-orders-table__cell .woocommerce-button,
.woocommerce-lost-password .woocommerce-Button,
.woocommerce-MyAccount-content .woocommerce-button--next,
.woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-Button,
html .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
  border: 1px solid var(--secondaryColourOne) !important;
  font-size: 1rem !important;
  background-color: transparent !important;
  color: var(--textColour) !important;
  border-radius: 0 !important;
  transition: background .5s linear !important;
  font-weight: 300 !important;
}

/* .iti__selected-flag{
height: auto !important;
} */

/* Wrapper to target the checkbox field */
.woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: center;
  background-color: #fff;
  transition: all 0.3s ease;
  cursor: pointer;
}

.gt_selector option:hover {
  background-color: red !important;
}

/* Checked State Styling */
.woocommerce-form__input-checkbox:checked {
  color: #ffffff;
  background-color: var(--textColour); /* Change this to your theme color */
  padding: 5px 10px;
  border-radius: 0px;
}

.iti__selected-flag {
  height: 35px !important;
}

/* Optional: checkbox itself styled */
.woocommerce-form__input-checkbox {
  accent-color: var(--textColour); /* Change this to match your theme */
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.woocommerce-form-login .woocommerce-form__input-checkbox{
  position: relative;
  top: 4px;
}

.woocommerce-ResetPassword{
  margin-top: 2%;
}

.woocommerce form .form-row .required {
  color: var(--textColour) !important;
}

.woocommerce-MyAccount-content .woocommerce-customer-details,
.woo-breadcrumb .fa-chevron-right{
  display: none;
}

#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  font-weight: 300 !important;
  font-size: 1rem !important;
  letter-spacing: 0.05rem !important;
}

.product-slider .carousel-two,
.product-slider .carousel-five,
.product-slider .carousel-six{
  padding: 0 60px;
}

input::placeholder,
textarea::placeholder {
  font-weight: 300 !important;
}

.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  z-index: 9999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  transition: transform 0.2s;
}

.whatsapp-float:hover {
  transform: scale(1.1);
  color: #fff;
  text-decoration: none;
}

/* All Categories Page */

#categories .card-wrapper {
  flex-direction: column;
}

#categories .img-container {
  position: relative;
  width: 100%;
  padding-top: 100%; /* Square aspect ratio */
  overflow: hidden;
}

#categories .img-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 105%;
  object-fit: cover;
}

#categories .card-home {
  display: flex;
  flex-direction: column;
}

#categories .content {
  flex-grow: 1;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 5px 8px 0 rgba(0,0,0,.14), 0 1px 14px 0 rgba(0,0,0,.12)
}

/* Black Overlay on Hover Effect */
#categories .category-content-overlay {
  background: rgba(0, 0, 0, 0); /* Start with transparent overlay */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.3s ease;
}

#categories .img-container:hover .category-content-overlay {
  background: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity on hover */
}

/* Ensure the image is behind the overlay */
#categories .img-container img {
  z-index: 0;
}

/* Testimonial Page */

.testimonial-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  /* Use aspect-ratio instead of fixed height */
  aspect-ratio: 5/6;
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12);
}

/* Background styling */
.testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Content styling */
.testimonial-content {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #000;
}

/* Overlay for hover effect */
.testimonial-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

/* Hover content */
.testimonial-hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.5rem;
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.testimonial-hover-content p,
html .field-error{
  font-size: 0.9rem !important;
}

/* Group hover effects */
.group {
  position: relative;
}

.group:hover .group-hover-opacity-0 {
  opacity: 0 !important;
}

.group:hover .group-hover-opacity-70 {
  opacity: 0.7 !important;
}

.group:hover .group-hover-opacity-100 {
  opacity: 1 !important;
}

html .faqs .accordion-btn.active:after {
  content: "\f00d" !important; /* Font Awesome 'times' icon */
  font-family: "Font Awesome 5 Pro" !important; /* or 'Font Awesome 6 Free' */
  font-weight: 300 !important; /* Light weight in FA */
}

@media(max-width:768px){
  /* .text-justify .woocommerce{
  display: flex;
  flex-direction: column;
  margin: 0 10px;
  } */
  .woocommerce-MyAccount-content .woocommerce-form{
    width: 100%;
  }
  .owl-carousel.product-image-carousel .item img{
    height: auto !important;
  }
}

/* Responsive Adjustments */
@media (max-width: 576px) {

  #primary.content-area{
    margin-top: 20%;
  }

  #page-wrapper,
  #categories{
    margin-top: 16%;
  }

  .custom-checkbox span::before, .custom-checkbox span::after,
  .custom-checkbox-two span::before, .custom-checkbox-two span::after {
    top: 18%;
  }

  .product-slider .carousel-two,
  .product-slider .carousel-five,
  .product-slider .carousel-six {
    padding: 0 30px;
  }

  .single-product .product_meta .add-to-cart-button-new, .single-product .enquire_btn,
  .single-product .product_meta .buy-now-button{
    width: 100% !important;
  }

  .related-product-slider .owl-theme .owl-nav .owl-prev {
    left: -10px !important;
  }

  .related-product-slider .owl-theme .owl-nav .owl-next {
    right: -10px !important;
  }

  .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    font-size: 1rem !important;
    padding-top: 10% !important;
  }

  .light-text{
    font-size: 0.9rem !important;
  }
  html .tax-product_cat .card-img-top{
    height: 280px !important
  }

  html .tax-product_cat .products .row {
    --bs-gutter-x: 0.5rem !important;
  }

  .vendor-name {
    font-size: 1rem;
  }

  .tax-product_cat .read-more-btn {
    background: none;
    border: none;
    color: var(--textColour);
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
  }

  .tax-product_cat .read-more-btn i {
    margin-left: 6px;
    font-size: 12px;
    transition: transform 0.3s ease;
  }

  .tax-product_cat .category-description-text .full-text-mobile {
    transition: all 0.3s ease;
  }

  .woocommerce-MyAccount-navigation ul{
    padding-left: 0 !important;
  }

  .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    border: 1px solid var(--secondaryColourTwo);
    padding: 5px;
    width: 100%;
    margin: 10px 0;
    list-style: none;
  }

  .woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table{
    width: 380px;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    width: 75% !important;
    padding: 0.55rem 1em !important;
  }

  /* #categories .breadcrumb,
  #testimonials .breadcrumb{
    margin: 26% 2% 0 5% !important;
  } */

  #categories .breadcrumb ul,
  #testimonials .breadcrumb ul{
    padding-left: 0 !important;
    margin-bottom: 0 !important
  }
  .tax-product_cat .category-description p{
  line-height: 1.2rem !important;
}
  #terms,#privacy{
    margin-top: 12%;
  }

  .back-link {
    margin-top: 2rem !important;
  }

  #paycorp-iframe {
    display: flex;
    width: 100%;
    height: 80vh;
}

}

/* Responsive Adjustments */
@media (min-width: 991px) {

  #primary.content-area{
    margin-top: 14%;
  }

  #page-wrapper,
  #categories{
    margin-top: 14%;
  }

  .single-product #accordion-collapse{
    width: 75% !important;
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    padding: 0.55rem 1em !important;
    width: 75%;
  }

  html .woocommerce-cart .woocommerce-cart-form img {
      width: 300px !important;   /* Set a fixed width */
      height: 300px !important;  /* Set a fixed height */
      object-fit: cover !important;
      aspect-ratio: 1 / 1;       /* Optional: ensures square ratio */
      display: block;            /* Optional: removes inline spacing */
  }

  .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link {
    border: 1px solid var(--secondaryColourTwo);
    padding: 5px;
    width: 200px;
    margin: 10px 0;
    list-style: none;
  }

  .tax-product_cat .category-layout aside.col-md-3{
    width: 22% !important;
  }

  .tax-product_cat .category-layout .col-md-9{
    width: 78% !important;
  }

  html .product-slider .mobile-btn{
    display: none !important;
  }
}

@media (min-width: 1100px){
  #primary.content-area{
    margin-top: 10%;
  }

  #page-wrapper,
  #terms,#privacy{
    margin-top: 10% !important;
  }
}

@media (min-width: 576px) and (max-width: 991px) {

  #primary.content-area{
    margin-top: 14%;
  }

  #page-wrapper,
  #categories{
    margin-top: 14%;
  }

  /* #categories .breadcrumb,
  #testimonials .breadcrumb{
    margin: 18% 6% 0 5% !important;
  } */

  #categories .breadcrumb ul{
    padding-left: 0 !important;
    margin-bottom: 0 !important
  }

  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    padding: 0.55rem 1em !important;
    width: 75% !important;
  }

  #terms,#privacy{
    margin-top: 14%;
  }

  .cover .card .card-img {
    height: 300px !important;
  }
  .cate-slider .card .card-img,.product-slider .card .card-img {
    height: 300px !important;
  }
  .cate-slider .card {
    height: 300px !important;
  }

  #paycorp-iframe {
      display: flex;
      width: 100%;
      height: 80vh;
  }

  .woocommerce-order-received footer{
    margin-top: 3.5rem;
  }

}

@media (min-width: 991px) and (max-width: 1100px) {
  /* #categories .breadcrumb,
  #testimonials .breadcrumb{
    margin: 18% 4% 2% 4% !important;
  } */

  #categories .breadcrumb ul,
  #testimonials .breadcrumb ul{
    padding-left: 0 !important;
    margin-bottom: 0 !important
  }

  #terms,#privacy{
    margin-top: 18%;
  }

  #paycorp-iframe {
      display: flex;
      width: 100%;
      height: 80vh;
  }

  .woocommerce-order-received footer{
    margin-top: 3rem;
  }

}

@media (min-width: 1100px) and (max-width: 1300px){
  /* #categories .breadcrumb,
  #testimonials .breadcrumb{
    margin: 15% 9% 0 3% !important;
  } */
  #paycorp-iframe {
      display: flex;
      width: 100%;
      height: 90vh;
  }

  .woocommerce-order-received footer{
    margin-top: 3.5rem;
  }
}

@media (min-width: 2500px) and (max-width: 2800px){
  html #home .product-slider .home-btn a{
    /* padding-bottom: 0 !important; */
  }
}

@media (min-width: 1300px) and (max-width: 1400px){
  /* #categories .breadcrumb,
  #testimonials .breadcrumb{
    margin: 14% 11% 0 5% !important;
  } */

  /* #categories .breadcrumb{
    margin: 0% 0 0 5% !important;
  } */

  #paycorp-iframe {
      display: flex;
      width: 100%;
      height: 120vh;
  }

  .woocommerce-order-received footer{
    margin-top: 3.5rem;
  }
}

/* Hide "Select Language" option in Select2 dropdown */
.select2-results__option[data-select2-id*="select2-data-15-8kbj"],
li.select2-results__option:first-child {
  display: none !important;
}

.form-check-input:checked {
    background-color: var(--textColour) !important;
    border-color: var(--textColour) !important;
}

.form-check-input:focus{
  box-shadow: unset !important;
}

/* Make image containers have white background before image loads */

img.lazyload,
img[data-lazy-src],
img.woocommerce-placeholder {
  background-color: var(--secondaryColourOne) !important; /* pure white */
  background-image: none !important;     /* remove any ombre/gradient effect */
  transition: background-color 0.3s ease;
}

/* Product Fillter Style  */
html .wpfFilterButton.wpfButton, html .wpfClearButton.wpfButton{
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
  color: var(--textColour) !important;
  font-family: secondaryFont !important;
  font-size: 1rem !important;
  letter-spacing: 0.05rem !important;
  font-weight: 300 !important;
  min-height: 0px !important;
  border-radius: 0 !important;
  text-transform: capitalize !important;
  width: 0 !important;
  text-decoration: underline !important;
}
.wpfClearButton.wpfButton:hover{
  text-decoration: underline !important;
}

.wpfFilterButtons .wpfButton {
    margin-bottom: 0px !important;
    margin-left: 15px !important;
    position: relative;
    top: -15px;
}

html .ui-widget-header {
    background: var(--secondaryColourOne) !important;
    padding: 6px !important;
}

.wpfFilterWrapper .wpfFilterTaxNameWrapper, .wpfPriceInputs .wpfCurrencySymbol,
.wpfFilterWrapper .wpfFilterTitle,
.wpfFilterWrapper[data-filter-type="wpfPriceRange"] .wpfValue{
  color: var(--textColour) !important;
}

.wpfPriceInputs .wpfCurrencySymbol {
    margin-right: 5px !important;
}

.wpfPriceRangeField#wpfMinPrice, .wpfPriceRangeField#wpfMaxPrice {
    background-color: #f9f9f9;
    border: 1px solid var(--textColour) !important;
    color: var(--textColour) !important;
    font-family: secondaryFont !important;
    border-radius: 0px !important;
}

.wpfFilterWrapper .wpfPriceInputs {
    margin-top: 25px !important;
}

html .ui-slider.ui-widget-content .ui-slider-handle,
.ui-slider.ui-widget-content:not(.iris-slider-offset) {
    border: 1px solid var(--textColour) !important;
}

.wpfDisplay .woocommerce-Price-amount:last-child .woocommerce-Price-currencySymbol,
.wpfCheckbox {
  display: none !important;
}

.wpfFilterWrapper .wfpTitle {
    font-size: 18px !important;
    font-weight: 500 !important;
    height: 35px !important;
    margin-left: 5px !important;
}

.wpfFilterWrapper label{
  font-weight: 300 !important;
  line-height: 2rem !important;
}

.wpfFilterWrapper label:hover,
.wpfFilterWrapper[data-filter-type="wpfPriceRange"] .wpfValue:hover{
  text-decoration: underline;
}

.wpfFilterWrapper .wpfFilterTitle .fa {
    font-family: 'Font Awesome 5 Pro' !important; /* or the correct licensed name */
    font-weight: 500 !important; /* Light */
    font-size: 14px !important;
    line-height: 1 !important;
}

/* Complete solution for showing price with plus sign */
.wpfFilterVerScroll li:last-child .wpfValue {
  position: relative;
}

.wpfFilterVerScroll li:last-child .wpfValue .woocommerce-Price-amount:first-child {
  position: relative;
}

.wpfFilterVerScroll li:last-child .wpfValue .woocommerce-Price-amount:first-child:after {
  content: "+";
  margin-left: 2px;
}

/* Hide everything after the first price amount */
.wpfFilterVerScroll li:last-child .wpfValue .woocommerce-Price-amount:first-child ~ * {
  display: none;
}

html .wp-block-themeisle-blocks-advanced-columns:not(.has-mobile-collapsedRows-layout).has-vertical-center>.innerblocks-wrap {
    align-items: normal !important;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
}

.woocommerce-cart a {
  color: var(--textColour) !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  margin-bottom: 0 !important;
}

.woocommerce-checkout #payment{
  background: none !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  width: 100% !important;
}

@media(min-width:1400px){
html #primary.content-area {
      margin-top: -78px !important;
  }

  #paycorp-iframe {
      display: flex;
      width: 100%;
      height: 100vh;
  }

  .woocommerce-order-received footer{
    margin-top: 3.5rem;
  }
}