/*
Theme Name: Komestic Child
Theme URI: https://komestic.casethemes.net/
Template: komestic
Author: Case-Themes
Author URI: https://themeforest.net/user/case-themes/portfolio
Description: Komestic is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Tags: Blog,E-Commerce,Portfolio,Grid Layout,One Column,Two Columns,Three Columns,Four Columns,Left Sidebar,Right Sidebar,Custom Background,Custom Colors,Custom Header,Custom Logo,custom-menu,Editor Style,Featured Image Header,Featured Images,flexible-header,Footer Widgets,Full Width Template,microformats,Post Formats,Sticky Post,Theme Options,threaded-comments,translation-ready,Block Editor Styles,Wide Blocks
Version: 1.0.1.1784831970
Updated: 2026-07-23 18:39:30

*/

@media screen and (max-width: 1199px) {
	.header-mobile .mobile-sidebar .sidebar-inner {
		display: flex;
		flex-direction: column;
		min-height: 100%;
	}

	.header-mobile .mobile-sidebar .ssf-mobile-sidebar-actions {
		border-top: 1px solid #e7e7e7;
		display: flex;
		flex-direction: column;
		gap: 2px;
		margin-top: auto;
		padding-top: 22px;
	}

	.header-mobile .mobile-sidebar .ssf-mobile-sidebar-action.pxl-button {
		align-items: center;
		background: transparent;
		border: 0;
		color: #252525;
		display: flex;
		font-size: 15px;
		font-weight: 600;
		gap: 14px;
		height: auto;
		justify-content: flex-start;
		line-height: 1.4;
		min-height: 46px;
		padding: 10px 0;
		text-align: left;
		width: 100%;
	}

	.header-mobile .mobile-sidebar .ssf-mobile-sidebar-action.pxl-button:hover,
	.header-mobile .mobile-sidebar .ssf-mobile-sidebar-action.pxl-button:focus-visible {
		background: transparent;
		color: #ca921d;
	}

	.header-mobile .mobile-sidebar .ssf-mobile-sidebar-action .button__icon {
		align-items: center;
		display: inline-flex;
		flex: 0 0 26px;
		justify-content: center;
		position: relative;
		width: 26px;
	}

	.header-mobile .mobile-sidebar .ssf-mobile-sidebar-action .button__icon svg {
		height: 23px;
		width: 23px;
	}

	.header-mobile .mobile-sidebar .ssf-mobile-sidebar-action__label {
		display: inline-block;
	}
}

/* Remove the optional gift-wrap control from Komestic's cart drawer only. */
#pxl-cart-sidebar .cart-actions__item[data-action="add-gift-wrap"],
#pxl-cart-sidebar .cart-section--add-gift-wrap {
	display: none !important;
}

/* Footer menu rhythm. */
.footer--builder .e-con > .elementor-widget-pxl_heading + .elementor-widget-pxl_links .pxl-links {
	gap: 6px !important;
}

.footer--builder .e-con > .elementor-widget-pxl_heading .elementor-widget-container {
	margin-bottom: 16px !important;
}

.footer--builder .e-con:has(> .e-con > .elementor-widget-pxl_heading),
.footer--builder .elementor-element-99949f6 {
	row-gap: 30px !important;
}

/* Keep checkout totals typographically consistent. */
.woocommerce-checkout form.checkout .order-review__calc-item.order-review__total {
	font-size: inherit;
	line-height: inherit;
}

/* Stack paired checkout fields on mobile. */
@media screen and (max-width: 767px) {
	.woocommerce-checkout form.checkout #customer_details #billing_first_name_field,
	.woocommerce-checkout form.checkout #customer_details #billing_last_name_field,
	.woocommerce-checkout form.checkout #customer_details #billing_state_field,
	.woocommerce-checkout form.checkout #customer_details #billing_postcode_field,
	.woocommerce-checkout form.checkout #customer_details #shipping_first_name_field,
	.woocommerce-checkout form.checkout #customer_details #shipping_last_name_field,
	.woocommerce-checkout form.checkout #customer_details #shipping_state_field,
	.woocommerce-checkout form.checkout #customer_details #shipping_postcode_field {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

/* My Account navigation colours. */
.woocommerce-account .woocommerce-MyAccount-navigation ul a:hover {
  background-color: #e6b650;
  color: #fff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active > a:hover {
  background-color: #ca921d;
  color: #fff;
}

/* Bangladesh is the store's only checkout country. */
.woocommerce-checkout .country_to_state--single {
  appearance: none;
  background-image: none;
  cursor: default;
  height: 50px;
  padding: 18px 12px 0;
  pointer-events: none;
}

.woocommerce-checkout #billing_country_field > label,
.woocommerce-checkout #shipping_country_field > label {
  top: 6px !important;
  transform: none !important;
  font-size: 12px;
  line-height: 1;
}

.woocommerce-checkout form.checkout #customer_details .form-row label .required {
  display: inline !important;
  margin-left: 2px;
  color: #d00000;
  text-decoration: none;
}

.woocommerce-checkout form.checkout .order-review__products .product__quantity {
  background-color: #ca921d;
}

.order-detail .product__quantity {
  background-color: #ca921d;
}

/* Product search uses the same clean card grid as shop/category pages. */
.sable-search-results-page {
  width: 100%;
}

.sable-search-results-page > .products {
  margin-bottom: 64px;
}

.sable-search-results-page .woocommerce-pagination {
  width: 100%;
}

/* Visible SEO introductions for the homepage and product archives. */
.sable-seo-intro {
  background: #fff;
  color: #252525;
  text-align: center;
}

.sable-seo-intro .container,
.sable-seo-intro--archive {
  margin-right: auto;
  margin-left: auto;
  max-width: 1120px;
}

.sable-seo-intro--home {
  padding: 56px 20px 24px;
}

.sable-seo-intro--archive {
  padding: 0 20px 48px;
}

.sable-seo-intro h1 {
  margin: 0 0 16px;
  color: #252525;
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.12;
}

.sable-seo-intro p {
  margin: 0 auto;
  max-width: 900px;
  color: #555;
  font-size: 16px;
  line-height: 1.75;
}

.sable-seo-intro__description p + p {
  margin-top: 12px;
}

@media screen and (max-width: 767px) {
  .sable-seo-intro--home {
    padding: 36px 15px 12px;
  }

  .sable-seo-intro--archive {
    padding: 0 15px 32px;
  }

  .sable-seo-intro p {
    font-size: 15px;
  }
}

/* Compact product-category heading and separate its description from the grid. */
body.tax-product_cat .pxl-page-heading {
  font-size: 40px;
  line-height: 1.15;
}

body.tax-product_cat .term-description {
  padding-bottom: 30px;
}

body.tax-product_cat .term-description > :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  body.tax-product_cat .pxl-page-heading {
    font-size: 30px;
  }

  body.tax-product_cat .term-description {
    padding-bottom: 20px;
  }
}