/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
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: astra-child
Template: astra
*/

/* DO NOT TOUCH (GLOBAL CSS WEBSITE CODE) */

table.variations .label {
  display: none;
}

.product_title {
  font-weight: 600;
}

ul.products li.product .woocommerce-loop-product__title {
  font-weight: 600;
  font-size: 1.2rem;
  color: black !important;
}

bdi {
  color: black !important;
  font-size: 18px;
}

.woocommerce-products-header {
  text-align: center;
  margin-top: 50px;
}

.storefront-sorting {
  justify-content: center;
  display: flex;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  padding: 20px;
}
.right-sidebar .content-area {
  width: 100% !important;
}

ul.products li.product .button,
ul.products .wc-block-grid__product .button,
.wc-block-grid__products li.product .button,
.wc-block-grid__products .wc-block-grid__product .button {
  display: none !important;
}

.related {
  text-align: center !important;
  padding-top: 20px !important;
}

.woocommerce-ordering {
  justify-content: center !important;
  display: flex;
}

.woocommerce-result-count {
  text-align: center;
  display: none;
}

/* Center and adjust variation sizes with gap */
.woocommerce div.product .tawcvs-swatches {
  display: flex;
}

/* Ensure proper sizing of the size swatches */
.woocommerce div.product .tawcvs-swatches .swatch {
  border-radius: 5px; /* Square shape */
  text-align: center;
  font-size: 14px;
}

/* Adjust for mobile */
@media only screen and (max-width: 768px) {
  .woocommerce div.product .tawcvs-swatches .swatch {
    width: 45px; /* Adjust for mobile */
    height: 45px;
    line-height: 45px;
    font-size: 12px;
  }
}

/* Centers prodcut image on PDP */
.woocommerce-product-gallery__image img {
  margin: 0 auto !important;
  display: block !important;
  justify-content: center !important;
}

button.disabled:hover,
button:disabled:hover,
input[type="button"].disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"].disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"].disabled:hover,
input[type="submit"]:disabled:hover,
.button.disabled:hover,
.button:disabled:hover,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link.disabled:hover,
.wc-block-grid__products
  .wc-block-grid__product
  .wp-block-button__link:disabled:hover,
.added_to_cart.disabled:hover,
.added_to_cart:disabled:hover {
  opacity: 1 !important;
}

/* Hide specific size swatches */
.woocommerce ul.products li.product .swatch-label[data-value="x-small"],
.woocommerce ul.products li.product .swatch-label[data-value="small"],
.woocommerce ul.products li.product .swatch-label[data-value="medium"],
.woocommerce ul.products li.product .swatch-label[data-value="large"],
.woocommerce ul.products li.product .swatch-label[data-value="xl"],
.woocommerce ul.products li.product .swatch-label[data-value="2xl"],
.woocommerce ul.products li.product .swatch-label[data-value="3xl"],
.woocommerce ul.products li.product .swatch-label[data-value="x-large"],
.woocommerce ul.products li.product .swatch-label[data-value="2x-large"],
.woocommerce ul.products li.product .swatch-label[data-value="4xl"] {
  display: none !important;
}

/* Hide pant sizes */
.woocommerce ul.products li.product .swatch-label[data-value="28"],
.woocommerce ul.products li.product .swatch-label[data-value="30"],
.woocommerce ul.products li.product .swatch-label[data-value="32"],
.woocommerce ul.products li.product .swatch-label[data-value="34"],
.woocommerce ul.products li.product .swatch-label[data-value="36"],
.woocommerce ul.products li.product .swatch-label[data-value="38"],
.woocommerce ul.products li.product .swatch-label[data-value="40"],
.woocommerce ul.products li.product .swatch-label[data-value="42"] {
  display: none !important;
}

/* Example: Hide sizes by text */
.woocommerce ul.products li.product .swatch-label:contains("7"),
.woocommerce ul.products li.product .swatch-label:contains("7 1/8"),
.woocommerce ul.products li.product .swatch-label:contains("7 1/4"),
.woocommerce ul.products li.product .swatch-label:contains("7 3/8"),
.woocommerce ul.products li.product .swatch-label:contains("7 1/2"),
.woocommerce ul.products li.product .swatch-label:contains("7 5/8"),
.woocommerce ul.products li.product .swatch-label:contains("7 3/4"),
.woocommerce ul.products li.product .swatch-label:contains("7 7/8"),
.woocommerce ul.products li.product .swatch-label:contains("8") {
  display: none !important;
}

/* Hide the plus icon for more sizes */
.woocommerce ul.products li.product .swatch-show-more,
.woocommerce ul.products li.product .swatch-item .plus {
  display: none !important;
}

/* Keep color swatches visible */
.woocommerce ul.products li.product .swatch-label[data-value="black"],
.woocommerce ul.products li.product .swatch-label[data-value="red"],
.woocommerce ul.products li.product .swatch-label[data-value="blue"],
.woocommerce ul.products li.product .swatch-label[data-value="yellow"],
.woocommerce ul.products li.product .swatch-label[data-value="pink"] {
  display: inline-block !important;
}
/* .entry-title{
  margin-top:30px;
  text-align:center;
  } */

html .woocommerce.archive .cart.variations_form .tawcvs-swatches {
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    display: flex !important;
	gap: 15px;
}

html .woocommerce.archive .cart.variations_form .tawcvs-swatches[data-attribute_name="attribute_pa_size"],
html .woocommerce.archive .cart.variations_form .tawcvs-swatches[data-attribute_name="attribute_pa_hatsize"]{
    display: none !important;
}

html .woocommerce.archive .cart.variations_form .tawcvs-swatches .swatch-item-wrapper {
    margin: 0 !important;
    flex: 0 0 auto !important;
}
.variations_form .variations td.value {
  background-color: white !important;
}

html .woocommerce.archive .cart.variations_form .vswc-variation-select {
    display: none;
}

@media only screen and (max-width: 768px) {
  .product_title {
    font-weight: 600;
    margin-top: -50px;
  }
}

@media only screen and (min-width: 769px) {
  .single-product div.product {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 699px) {
  .single-product div.product {
    margin-top: 20px !important;
  }
}

body {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

body.loaded {
  visibility: visible;
  opacity: 1;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close svg {
  width: 32px;
  height: 32px;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
  background-color: #000;
}

.ast-menu-toggle .ast-icon svg {
  fill: #000;
}

.ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
  background-image: url("/wp-content/uploads/2025/02/asaali-drawer-bg-1.png");
  background-size: cover;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
  font-size: 10px;
}

.ast-mobile-popup-drawer.active .menu-toggle-close:focus {
    border: none !important;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header {
  padding: 20px 20px 30px;
  min-height: auto;
}

.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow {
  display: none !important;
}

.ast-menu-toggle:focus {
  outline: 0;
}

.ast-builder-menu .main-navigation > ul {
  justify-content: center;
}

button.klaviyo-close-form:hover {
    background: none !important;
}


table.variations .label {
  display: none;
}

.product_title {
  font-weight: 600;
}

ul.products li.product .woocommerce-loop-product__title {
  font-weight: 600;
  font-size: 1.2rem !important;
  color: black !important;
}

bdi {
  color: black !important;
  font-size: 18px;
}

.woocommerce-products-header {
  text-align: center;
}

.variations_form .variations td,
.variations_form .variations,
.variations_form .variations th {
  border: none;
}

.variations_form .variations td.value {
  background-color: white !important;
}

.woocommerce .page-numbers {
  text-align: center;
}

.woocommerce nav.woocommerce-pagination ul li {
  border-radius: 30px;
}

.quantity {
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ast-global-color-0);
  border-radius: 30px;
}

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
  appearance: none;
  -webkit-appearance: none;
  margin: 0;
}

.quantity button[type="button"] {
  border: unset;
  padding: 8px;
  background: transparent;
  color: var(--ast-global-color-0);
  font-size: 20px;
  font-weight: bold;
}

.quantity input[type="number"] {
  border: 0px;
  width: 40px;
  height: 40px;
  padding: 0px;
  text-align: center;
  appearance: textfield;
  background: transparent;
  -moz-appearance: textfield;
  color: var(--ast-global-color-0);
  font-weight: bold;
}

.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    max-width: 100%;
}

/*loader*/
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease-in-out;
}

/* Header */

.site-header .fkcart-shortcode-container svg {
  width: 30px;
  height: 30px;
}

/*SIZE CHART */
.size-chart-button {
  display: block;
  text-align: left;
  width: auto;
  color: #000000;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 5px;
  margin-bottom: 20px;
  cursor: pointer;
}

.size-chart-popup {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: none; /* Initially hidden */
  justify-content: center;
  align-items: center;
}

.size-chart-content {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  max-width: 80%;
  max-height: 80%;
  overflow: auto; /* Prevent content overflow */
}

.close-size-chart {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
}

/*button-hover*/
.button-hover .block-advanced__btn:before,
.button-hover .block-advanced__btn:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1rem;
  width: 100%;
  height: 2px;
  display: block;
  background: #fff;
  transition: none;
  pointer-events: none;
}
.button-hover .block-advanced__btn:before {
  transform: scaleX(0);
  transform-origin: left;
}
.button-hover .block-advanced__btn:after {
  transform-origin: right;
}
.button-hover .block-advanced__btn:hover {
  background: transparent;
  border: 0;
}
.button-hover .block-advanced__btn:hover:before,
.button-hover .block-advanced__btn:hover:after {
  transition: transform 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  transform: scaleX(0);
}
.button-hover .block-advanced__btn:hover:before {
  transform: scaleX(1);
  transition-delay: 0.25s;
}
.button-hover .block-advanced__btn:before {
  top: auto;
  bottom: -0.1rem;
  left: 0;
  right: 0;
  opacity: 1;
  transform-origin: left;
}
.button-hover .block-advanced__btn:hover {
  transition: none;
}
.button-hover .block-advanced__btn:hover:before {
  transform-origin: left;
}

/*single product*/
.single-product .product_title {
  font-size: 26px;
  font-weight: 700;
  text-transform: uppercase;
}

.woo-variation-swatches
  .wvs-style-squared.variable-items-wrapper
  .variable-item:not(.radio-variable-item) {
  border-radius: 20px !important;
}
.related h2 {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 26px;
  text-align: center;
}

.single-product div.product p.price {
  font-size: 22px;
}

.single-product div.product .woocommerce-product-details__short-description {
  margin: 30px 0;
}

.single-product
  div.product
  .woocommerce-product-details__short-description
  ul
  li {
  margin-bottom: 10px;
}

.single-product div.product form.cart div.quantity {
  margin-bottom: 30px;
}
.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed,
.single_add_to_cart_button.button {
  width: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 50px;
  opacity: 1;
  text-transform: uppercase;
}

.woocommerce
  div.product
  .cart.variations_form
  .tawcvs-swatches
  .swatch.swatch-shape-circle {
    background-color: transparent !important;
    color: var(--ast-global-color-0) !important;
    width: 60px !important;
    height: 48px !important;
    font-weight: bold;
    border-radius: 4px !important;
}

.woocommerce
  div.product
  .cart.variations_form
  .tawcvs-swatches
  .swatch.swatch-shape-circle
  .text {
  text-transform: uppercase;
}

.woocommerce-js div.product form.cart .variations label {
  text-transform: uppercase;
  margin: 15px 0;
  display: block;
}

.woocommerce
  div.product
  .cart.variations_form
  .tawcvs-swatches
  .swatch.swatch-shape-circle:before {
  border-color: var(--ast-global-color-0);
  border-radius: 4px !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.woocommerce
  div.product
  .cart.variations_form
  .tawcvs-swatches
  .swatch.selected.swatch-label {
 	background-color: var(--ast-global-color-0) !important;
    color: var(--ast-global-color-5) !important;
}

.woocommerce-js div.product form.cart .reset_variations {
  font-weight: bold;
  opacity: 1;
  display: none !important;
  visibility: hidden !important;
}

html
  .woocommerce
  div.product
  .cart.variations_form
  .tawcvs-swatches
  .swatch-item-wrapper,
html
  .woocommerce.single-product
  .cart.variations_form
  .tawcvs-swatches
  .swatch-item-wrapper {
  margin-right: 10px !important;
  margin-bottom: 10px !important;
}

/*Products Carousel & Product Grid*/
.block-products__carousel .slide-previous,
.block-products__carousel .slide-next {
  box-shadow: 0 1px 1px #00000014, 0 1px 5px #0000000f;
}
.products_carousel .product-card-inner img,
.block--products-grid .product-card-inner img {
  max-width: 320px;
  max-height: 280px;
  object-fit: cover;
}
.products_carousel .product a,
.block--products-grid .product a {
  align-items: center;
}
.products_carousel .hover-image,
.products-grid .hover-image {
  /* width:290px !important;
    height:290px !important; */
  object-fit: cover;
  position: absolute !important;
  opacity: 0;
  transition: opacity 0.25s ease-out, visibility 0s 0.25s;
  visibility: hidden;
  top: 0;
}
.products_carousel .product:hover .hover-image,
.products-grid .product-card-inner:hover .hover-image {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
  transition-duration: 0.25s;
  transition-timing-function: ease-out;
  z-index: 2;
}
.products_carousel .product .card-media img,
.products-grid .product-card-inner .card-media img {
  opacity: 1;
  transition: opacity 0.25s ease-out, visibility 0s 0.25s;
}
.products_carousel .product:has(.hover-opacity):hover .card-media img,
.products-grid .product:has(.hover-opacity):hover .card-media img {
  opacity: 0;
}
.products_carousel ul {
  grid-column-gap: 0;
}
.purchase {
  display: none;
}
.products_carousel .purchase,
.products-grid .purchase {
  display: none;
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  float: right;
}

body.archive .ast-archive-description {
  text-align: center;
  border: none;
}

body.archive .ast-archive-description .page-title {
  text-transform: uppercase;
  font-weight: bold;
}

.woocommerce .woocommerce-cart-form .quantity button:focus {
  border: none;
}

/* Footer */

.site-footer form input[type="email"] {
  background: transparent;
  border-radius: 50px;
  border: 2px solid #fff;
  color: #fff;
  padding: 12px 35px 12px 20px;
  line-height: 1.6em;
}
.site-footer .wpcf7-response-output {
  color: #fff;
}
/* .site-footer form input[type="email"]::-webkit-autofill{
    background-color:transparent !important;
} */
.site-footer form input[type="email"]::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.site-footer form input[type="email"]::-ms-input-placeholder {
  color: #fff;
}

.site-footer form input:-webkit-autofill,
.site-footer form input:-webkit-autofill:hover,
.site-footer form input:-webkit-autofill:focus,
.site-footer form input:-webkit-autofill:active {
  box-shadow: 0 0 0px 1000px black inset !important;
  -webkit-text-fill-color: white !important;
  caret-color: white !important;
}
.site-footer form button:hover {
  background: transparent;
}
/* .site-footer form button {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  border: none;
  padding: 16px 20px;
  border-radius: 50px;
} */
.site-footer form button span {
  display: none;
}
.site-footer form button:hover svg {
  transform: translate(5px);
}
.site-footer form svg {
  width: 20px;
  height: 16px;
  transition: transform 0.3s ease;
}

