/*
Theme Name: Esmée
Theme URI: https://esmee.qodeinteractive.com
Description: Fashion Store
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: esmee
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.2
License URI: GNU General Public License v2 or later
License: http://www.gnu.org/licenses/gpl-2.0.html
*/
.qodef-header-navigation ul li.qodef-menu-item--narrow ul {
	width: 280px;
}

.qodef-m p {
	font-family: Arsenal, sans-serif;
    font-weight: 400;
    letter-spacing: .05em;
    color: #000;
    font-size: 60px;
    line-height: 1.13em;
    margin: 25px 0;
    word-wrap: break-word;
}

.variations td.value .select2-container {
	display: inline-block !important
}
/*.qodef-e-inner .qodef-woo-product-image .qodef-woo-product-image-inner {
	display: none !important
}*/
.qodef-woo-product-image-inner .add_to_cart_button,
.qodef-woo-product-image-inner .qodef-additional-content {
    display: none !important;
}
.qodef-woo-product-image-inner::before {
    display: none !important;
    content: none !important;
}
.qodef-woo-product-image-inner {
    display: block !important;
    background: none !important;
    box-shadow: none !important;
}
.qodef-content-grid {
    width: 80% !important;
}

.qvsfw-select-options-container {
	display: none !important;
}
.variations th label {
	border: none !important;
	padding: 0px !important;
}
.woocommerce-price-suffix {
    display: none !important;
}

.woocommerce-checkout .shop_table.cart {
  width: 100%;
  margin-bottom: 40px;
  border-collapse: collapse;
}

.woocommerce-checkout .product-thumbnail img {
  width: 80px !important;
  height: auto;
  object-fit: contain;
  display: block;
}

.woocommerce-checkout input[type=number].qty {
	border: none;
}

.shop_table .update-cart-btn {
	text-align: right !important;
    padding-right: 100px !important;
}
.woocommerce-checkout .shop_table.cart th,
.woocommerce-checkout .shop_table.cart td {
  padding: 12px;
  border-bottom: 1px solid #eee;
}

.woocommerce-checkout .product-remove a {
  font-size: 0;
}

.woocommerce-checkout .product-remove a::before {
  content: "✕";
  font-size: 18px;
  color: #d00;
  cursor: pointer;
}

.woocommerce-checkout .checkout-inline-error-message {
	color: red;
}

.update-cart-btn {
	display: none
}

#qodef-floating-social-networks {
	top: 50% !important;
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link img {
	    max-height: 50% !important;
}

.widget_esmee_core_side_area_opener {
	display: none
}
.qodef-search-opener{
	display: none
}

/* For smaller screens (mobile) */
@media (max-width: 768px) {
    .woocommerce-loop-category__title,
    .qodef-e-title,
    .qodef-item-title {
        font-size: 4vw;  /* Larger relative size on mobile */
    }
}

/* For very small devices */
@media (max-width: 480px) {
    .woocommerce-loop-category__title,
    .qodef-e-title,
    .qodef-item-title {
        font-size: 5vw;
		margin: 0px -15px 2px !important
    }
}

@media (max-width: 480px) {
	.qodef-woo-product-category-list .qodef-woo-category-image-inner {
		align-items:center !important;
		justify-content: end !important;
	}
}

/* Tablet & mobile: 2 per row */
@media (max-width: 1024px) {
  ul.products li.product {
    width: 48% !important;
    margin: 1% !important;
    float: left;
    clear: none !important;
  }
  /* clear every odd item to start a new row nicely */
  ul.products li.product:nth-child(2n+1) {
    clear: both !important;
  }
}

#qodef-top-area {
	display: none;
}

/* If Esmee/Qode outputs its own product list wrapper, cover it too */
@media (max-width: 1024px) {
  .qodef-woo-product-list .qodef-e {
    width: 48% !important;
    margin: 1% !important;
    float: left;
    clear: none !important;
  }
  .qodef-woo-product-list .qodef-e:nth-child(2n+1) {
    clear: both !important;
  }
}

body {
  font-size: 16px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 1366px) {
  body {
    font-size: 15px !important;
    line-height: 1.6 !important;
    letter-spacing: 0.01em !important;
  }
}

@media (max-width: 1024px) {
  body {
    font-size: 14px !important;
    line-height: 1.5 !important;
    letter-spacing: 0em !important;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 13px !important;
    line-height: 1.4 !important;
    letter-spacing: -0.01em !important;
  }
}

h1 { font-size: 48px !important; line-height: 1.2 !important; letter-spacing: -0.02em !important; }
h2 { font-size: 40px !important; line-height: 1.3 !important; letter-spacing: -0.01em !important; }
h3 { font-size: 32px !important; line-height: 1.4 !important; letter-spacing: 0em !important; }
h4 { font-size: 26px !important; line-height: 1.5 !important; letter-spacing: 0.01em !important; }
h5 { font-size: 20px !important; line-height: 1.5 !important; letter-spacing: 0.01em !important; }
h6 { font-size: 16px !important; line-height: 1.6 !important; letter-spacing: 0.02em !important; }

@media (max-width: 1366px) {
  h1 { font-size: 42px !important; }
  h2 { font-size: 36px !important; }
  h3 { font-size: 30px !important; }
  h4 { font-size: 24px !important; }
  h5 { font-size: 18px !important; }
  h6 { font-size: 16px !important; }
}

@media (max-width: 1024px) {
  h1 { font-size: 36px !important; }
  h2 { font-size: 30px !important; }
  h3 { font-size: 26px !important; }
  h4 { font-size: 20px !important; }
  h5 { font-size: 16px !important; }
  h6 { font-size: 14px !important; }
}

@media (max-width: 768px) {
  h1 { font-size: 32px !important; }
  h2 { font-size: 26px !important; }
  h3 { font-size: 22px !important; }
  h4 { font-size: 18px !important; }
  h5 { font-size: 15px !important; }
  h6 { font-size: 13px !important; }
}

@media (max-width: 768px) {
 .qodef-woo-category-image-inner h2 { font-size: 15px !important; }
}

@media only screen and (max-width: 680px) {
    .qodef-page-title .qodef-breadcrumbs {
        text-align: left !important;
    }
}

#qodef-page-footer .widget a:hover {
    color: unset !important;
}
.qodef-woo-product-content .qodef-woo-product-categories {
	display:none !important
}

@media (max-width: 768px) {
  .qodef-page-sidebar {
    display: none;
  }
}

body .swal2-container:nth-of-type(n+2) {
    display: none !important;
}

.custom-error-msg {
    display: none;
}

/* Show only the first visible error message */
.custom-error-msg:first-of-type {
    display: block;
}

#qode-quick-view-for-woocommerce-pop-up .single-product form.cart .variations, #qodef-woo-page.qodef--single form.cart .variations, #yith-quick-view-content.single-product form.cart .variations {
	margin-bottom: 10px !important;
}

.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled {
    background-color: #ccc !important;
    color: #666 !important;
    border: 1px solid #aaa !important;
    cursor: not-allowed !important;
    opacity: 0.7;
    pointer-events: none;
}

#custom-checkout-loader {
    display: none;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding-top: 20%;
}

#custom-checkout-loader .spinner {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #0071a1; /* Woo blue */
    border-radius: 50%;
    width: 60px; height: 60px;
    margin: 0 auto 15px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    100% { transform: rotate(360deg); }
}

#custom-checkout-loader p {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.single-product .variations_form .variations tr { 
	margin-bottom: 0px !important;
}

/* Mobile: apply compact input styles on checkout page only */
@media (max-width: 768px) {
  body.woocommerce-checkout
  input[type=date],
  input[type=email],
  input[type=number],
  input[type=password],
  input[type=search],
  input[type=tel],
  input[type=text],
  input[type=url],
  textarea,
  select {
    padding: 10px 12px !important;       /* reduced padding for mobile */
    font-size: 15px !important;          /* smaller font */
    line-height: 20px !important;
  }

  /* smaller inputs on small phones */
  @media (max-width: 480px) {
    body.woocommerce-checkout
    input[type=date],
    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    input[type=url],
    textarea,
    select {
      padding: 8px 10px !important;
      font-size: 14px !important;
      line-height: 18px !important;
    }
  }
}

#qodef-page-inner {
    position: relative;
    padding: 20px 0 100px;
}

.button.added {
	display:block !important;
}

.product_meta .sku_wrapper {
    display: none !important;
}

.qodef-header-standard--left .qodef-header-sticky-inner .qodef-header-navigation {
	margin-left: unset !important;
}