/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* ==========================================================================
   HEADER NAV: TOP LEVEL LINK (Shoes / etc.)
   ========================================================================== */
.header-nav.header-nav-main > li > a.nav-top-link {
  font-weight: 600;
  letter-spacing: 0.2px;
}

/* small caret spacing */
.header-nav.header-nav-main > li > a.nav-top-link i.icon-angle-down {
  font-size: 14px;
  margin-left: 6px;
  opacity: 0.7;
}

/* ==========================================================================
   DROPDOWN PANEL (container)
   ========================================================================== */
.header-nav.header-nav-main .nav-dropdown {
  padding: 10px;
  min-width: 220px;

  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;

  box-shadow: 0 18px 55px rgba(0,0,0,.14);
}

/* remove harsh separators if any */
.header-nav.header-nav-main .nav-dropdown li {
  border: none;
}

/* ==========================================================================
   DROPDOWN ITEMS (each row)
   ========================================================================== */
.header-nav.header-nav-main .nav-dropdown a {
  display: flex;
  align-items: center;

  padding: 10px 12px;
  border-radius: 10px;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;

  color: #111;
  text-decoration: none;

  transition: background .15s ease, transform .15s ease, opacity .15s ease;
}

/* hover: subtle highlight */
.header-nav.header-nav-main .nav-dropdown a:hover {
  background: #f3f4f6;
  transform: translateX(1px);
}

/* active/current states (best-effort across WP classes) */
.header-nav.header-nav-main .nav-dropdown .current-menu-item > a,
.header-nav.header-nav-main .nav-dropdown .current-menu-parent > a,
.header-nav.header-nav-main .nav-dropdown .current-menu-ancestor > a {
  background: #111;
  color: #fff;
}

/* ==========================================================================
   OPTIONAL: tighten uppercase effect (Flatsome nav-uppercase)
   ========================================================================== */
.header-nav.header-nav-main.nav-uppercase .nav-dropdown a {
  text-transform: none;
  letter-spacing: 0;
}

/* ==========================================================================
   MOBILE SAFETY (avoid giant dropdown padding on small screens)
   ========================================================================== */
@media (max-width: 768px) {
  .header-nav.header-nav-main .nav-dropdown {
    padding: 8px;
    border-radius: 12px;
  }

  .header-nav.header-nav-main .nav-dropdown a {
    padding: 10px 10px;
    border-radius: 10px;
  }
}


/* ==========================================================================
   FOOTER (remove borders)
   ========================================================================== */
.footer-1,
.footer-2 {
  border: none;
}

/* ==========================================================================
   FOOTER MENU / DROPDOWN (remove list separators)
   ========================================================================== */
.widget > ul > li + li,
ul.menu > li + li {
  border: none;
}

.nav-dropdown li {
  border: none;
}

/* ==========================================================================
   PRODUCT CATEGORY: ORDERING DROPDOWN (WooCommerce sorting select)
   ========================================================================== */
.woocommerce-ordering {
  position: relative;
  margin-bottom: 20px;
}

.woocommerce-ordering select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 210px;
  padding: 8px 40px 8px 14px;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;

  color: #111;
  background-color: #fff;
  background-image: none !important;

  border: 1px solid #e5e7eb;
  border-radius: 8px;

  cursor: pointer;
  transition: all 0.15s ease;

  height: auto;
  box-sizing: border-box;
}

.woocommerce-ordering select:hover {
  border-color: #cbd5e1;
}

.woocommerce-ordering select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

/* custom caret */
.woocommerce-ordering::after {
  content: "▾";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #6b7280;
  pointer-events: none;
}

/* ordering select: mobile full width */
@media (max-width: 768px) {
  .woocommerce-ordering select {
    width: 100%;
  }
}

/* ==========================================================================
   PRODUCT CATEGORY: PRICE FILTER WIDGET (WooCommerce price slider in sidebar)
   ========================================================================== */
#shop-sidebar .widget_price_filter {
  padding: 20px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}

/* filter widget title */
#shop-sidebar .widget-title.shop-sidebar {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 16px;
}

/* hide Flatsome divider under widget title */
#shop-sidebar .is-divider {
  display: none;
}

.price_slider_wrapper {
  margin-top: 10px;
}

/* slider track */
.ui-slider {
  height: 3px;
  background: #e5e7eb;
  border-radius: 999px;
  border: none;
}

/* slider selected range */
.ui-slider-range {
  background: #111;
  height: 3px !important;
  border-radius: 999px;
}

/* slider handle (vertical bar) */
.ui-slider-handle {
  width: 4px !important;
  height: 18px !important;
  top: -7px !important;
  background: #111;
  border-radius: 2px;
  border: none;
  cursor: pointer;
  margin-left: 0px !important;
}

.ui-slider-handle:focus {
  outline: none;
}

/* bottom area: button + price label */
.price_slider_amount {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* filter button */
.price_slider_amount .button {
  align-self: flex-start;
  padding: 8px 18px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  background: #f7f7f7 !important;
  color: #000 !important;
  border: none;
}

.price_slider_amount .button:hover {
  background: #000;
}

/* "Price: $x — $y" label */
.price_label {
  font-size: 13px;
  color: #6b7280;
}

.price_label span {
  font-weight: 500;
  color: #111;
}

/* ==========================================================================
   PRODUCT CATEGORY: PRODUCT CARD (Flatsome product-small tile styling)
   ========================================================================== */
.product-small .col-inner {
  height: 100%;
}

/* card container */
.product-small .product-small.box {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
  height: 100%;
}

/* card hover lift */
.product-small .product-small.box:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.10);
}

/* image area */
.product-small .box-image {
  border-radius: 14px 14px 0 0;
  overflow: hidden;
  background: #f3f4f6;
}

.product-small .box-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* subtle image zoom on hover (incl. back-image) */
.product-small .box-image .image-fade_in_back img,
.product-small .box-image .image-fade_in_back .back-image {
  transition: transform 0.35s ease, opacity 0.35s ease;
}

.product-small .product-small.box:hover .box-image .image-fade_in_back img {
  transform: scale(1.03);
}

/* text area */
.product-small .box-text.box-text-products {
  padding: 14px 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: auto !important;
}

/* title wrapper stack */
.product-small .title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* category label */
.product-small p.product-cat {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: #6b7280;
  opacity: 1;
}

/* product title wrapper */
.product-small p.name.product-title.woocommerce-loop-product__title {
  margin: 0;
  height: auto !important;
}

/* product title link (clamp to 3 lines) */
.product-small p.name.product-title.woocommerce-loop-product__title > a {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;

  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  color: #111;
  text-decoration: none;
}

.product-small p.name.product-title.woocommerce-loop-product__title > a:hover {
  opacity: 0.9;
}

/* price + rating block */
.product-small .price-wrapper {
  margin-top: 4px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: auto !important;
}

/* ==========================================================================
   PRODUCT CARD: STAR RATING (force show + custom star color)
   ========================================================================== */
.product-small .star-rating,
.product-small .js-star-rating {
  margin: 0;
  height: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.product-small .star-rating span:before,
.product-small .js-star-rating:before {
  color: #eabe12;
}

/* ==========================================================================
   PRODUCT CARD: PRICE TYPOGRAPHY
   ========================================================================== */
.product-small .price {
  font-size: 14px;
  font-weight: 700;
  color: #111;
}

.product-small .price del,
.product-small .price del .amount {
  color: #9ca3af;
  font-weight: 500;
}

.product-small .price ins,
.product-small .price ins .amount {
  text-decoration: none;
}

/* ==========================================================================
   PRODUCT CARD: IMAGE TOOLS (wishlist / quick view) polish
   ========================================================================== */
.product-small .image-tools .button,
.product-small .image-tools a,
.product-small .quick-view {
  border-radius: 999px !important;
}

/* wishlist icon button */
.product-small .image-tools .button.is-outline.circle.icon {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(17, 17, 17, 0.12);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
}

.product-small .image-tools .button.is-outline.circle.icon:hover {
  border-color: rgba(17, 17, 17, 0.22);
  transform: translateY(-1px);
}

/* quick view pill */
.product-small .quick-view {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #111;
  background: rgba(246, 247, 249, 0.92);
  border: 1px solid rgba(17, 17, 17, 0.12);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
  text-decoration: none;
}

.product-small .quick-view:hover {
  border-color: rgba(17, 17, 17, 0.22);
  color: #111;
}

/* ==========================================================================
   PRODUCT CARD: MOBILE TWEAKS (tighter padding + 2-line title)
   ========================================================================== */
@media (max-width: 768px) {
  .product-small .box-text.box-text-products {
    padding: 12px 12px 14px;
  }

  .product-small p.name.product-title.woocommerce-loop-product__title > a {
    -webkit-line-clamp: 2;
  }
}

/* ==========================================================================
   PRODUCT CATEGORY: PAGINATION (WooCommerce / Flatsome)
   ========================================================================== */

/* pagination wrapper */
.woocommerce-pagination {
  margin-top: 40px;
}

.woocommerce-pagination .nav-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

/* base page item */
.woocommerce-pagination .page-number {
  min-width: 36px;
  height: 36px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 14px;
  font-weight: 500;
  line-height: 1;

  color: #111;
  background: #fff;

  border: 1px solid #e5e7eb;
  border-radius: 10px;

  transition: all .15s ease;
  text-decoration: none;
}

/* hover */
.woocommerce-pagination a.page-number:hover {
  border-color: #cbd5e1;
  background: #f9fafb;
}

/* current page */
.woocommerce-pagination .page-number.current {
  background: #111;
  color: #fff;
  border-color: #111;
  cursor: default;
}

/* dots (...) */
.woocommerce-pagination .page-number.dots {
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: default;
}

/* next / prev buttons */
.woocommerce-pagination .page-number.next,
.woocommerce-pagination .page-number.prev {
  padding: 0 14px;
  gap: 6px;
}

.woocommerce-pagination .page-number.next i,
.woocommerce-pagination .page-number.prev i {
  font-size: 14px;
}

/* disabled state (just in case) */
.woocommerce-pagination .page-number:disabled {
  opacity: .4;
  cursor: not-allowed;
}

/* ==========================================================================
   PAGINATION: MOBILE TWEAKS
   ========================================================================== */
@media (max-width: 768px) {
  .woocommerce-pagination {
    margin-top: 28px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .woocommerce-pagination .page-number {
    min-width: 32px;
    height: 32px;
    font-size: 13px;
    border-radius: 8px;
  }
}


/* ==========================================================================
   SINGLE PRODUCT: LAYOUT WRAPPER (gallery + summary)
   ========================================================================== */
.single-product .product-main,
.single-product .product-page,
.single-product .product-container,
.single-product .row.content-row {
  --sp-radius: 14px;
  --sp-border: #e5e7eb;
  --sp-muted: #6b7280;
  --sp-text: #111;
  --sp-bg: #fff;
}

/* ==========================================================================
   SINGLE PRODUCT: GALLERY (main image area)
   ========================================================================== */
.single-product .product-gallery .product-images {
  border-radius: var(--sp-radius);
  overflow: hidden;
  background: #f3f4f6;
  box-shadow: 0 10px 40px rgba(0,0,0,.06);
}

.single-product .woocommerce-product-gallery__wrapper {
  border-radius: var(--sp-radius);
}

/* ==========================================================================
   SINGLE PRODUCT: MAIN IMAGE (fixed aspect ratio, no layout jumping)
   ========================================================================== */
.single-product .woocommerce-product-gallery__image {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1; /* change to 4 / 5 if needed */
  background: #f3f4f6;
  overflow: hidden;
  border-radius: var(--sp-radius);
}

.single-product .woocommerce-product-gallery__image img {
  position: absolute;
  inset: 0;

  width: 100% !important;
  height: 100% !important;

  object-fit: contain;
  object-position: center;

  border-radius: var(--sp-radius);
}


/* ==========================================================================
   GALLERY NAVIGATION ARROWS (Flickity)
   ========================================================================== */
.single-product .product-gallery .flickity-prev-next-button {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(17,17,17,.12);
  box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

.single-product .product-gallery .flickity-prev-next-button:hover {
  border-color: rgba(17,17,17,.22);
}

.single-product .product-gallery .flickity-prev-next-button .arrow {
  fill: #111;
}

/* ==========================================================================
   WISHLIST / ZOOM BUTTONS INSIDE GALLERY
   ========================================================================== */
.single-product .product-gallery .image-tools .button.is-outline.circle.icon {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(17,17,17,.12);
  box-shadow: 0 8px 22px rgba(0,0,0,.10);
}

.single-product .product-gallery .image-tools .button.is-outline.circle.icon:hover {
  border-color: rgba(17,17,17,.22);
  transform: translateY(-1px);
}

/* ==========================================================================
   SINGLE PRODUCT: THUMBNAILS (fixed size, no layout jumping)
   ========================================================================== */
.single-product .product-thumbnails {
  margin-top: 14px;
}

/* Lock the thumbnail track height to prevent Flickity jumping */
.single-product .product-thumbnails .flickity-viewport {
  height: 86px !important;
}

/* Each thumbnail has a fixed square size */
.single-product .product-thumbnails .col a {
  width: 86px;
  height: 86px;

  display: block;
  border-radius: 12px;
  overflow: hidden;

  background: #f3f4f6;
  border: 1px solid transparent;
}

/* Force thumbnail images to fully cover the box */
.single-product .product-thumbnails .col img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  display: block;
}

/* Active / selected thumbnail */
.single-product .product-thumbnails .is-nav-selected a,
.single-product .product-thumbnails .is-selected a {
  border-color: var(--sp-text);
}

/* Thumbnail navigation arrows */
.single-product .product-thumbnails .flickity-prev-next-button {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(17,17,17,.12);
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

.single-product .product-thumbnails .flickity-prev-next-button[disabled] {
  opacity: .35;
}

/* ==========================================================================
   SINGLE PRODUCT: THUMBNAILS (mobile adjustments)
   ========================================================================== */
@media (max-width: 849px) {
  .single-product .product-thumbnails .flickity-viewport {
    height: 74px !important;
  }

  .single-product .product-thumbnails .col a {
    width: 74px;
    height: 74px;
    border-radius: 10px;
  }
}

/* ==========================================================================
   SINGLE PRODUCT: SUMMARY CARD (right side info block)
   ========================================================================== */
.single-product .product-info.summary {
  padding: 0 0 0 18px;
}

@media (max-width: 849px) {
  .single-product .product-info.summary {
    padding: 18px 0 0 0;
  }
}

/* title */
.single-product .product-title.product_title.entry-title {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: var(--sp-text);
  margin-bottom: 10px;
}
/* star-rating */
.single-product .star-rating:before,
.single-product .star-rating span:before,
.single-product .js-star-rating:before{
    color: #eabe12;
}

/* hide default divider under title */
.single-product .product-info.summary .is-divider {
  display: none;
}

/* price */
.single-product .price-wrapper {
  margin: 0 0 18px;
}

.single-product .price.product-page-price,
.single-product .price.product-page-price .amount {
  font-size: 20px;
  font-weight: 750;
  color: var(--sp-text);
}

/* ==========================================================================
   SINGLE PRODUCT: VARIATIONS (ref: category .woocommerce-ordering feel)
   ========================================================================== */

.single-product table.variations {
  margin: 0 0 16px;
  border: none;
}

.single-product table.variations th.label {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #111;
}

.single-product table.variations td.value {
  position: relative;
}

.single-product table.variations td.value select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 100%;
  padding: 8px 40px 8px 14px;

  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;

  color: #111;
  background-color: #fff;
  background-image: none !important;

  border: 1px solid #e5e7eb;
  border-radius: 8px;

  cursor: pointer;
  transition: all .15s ease;

  height: auto !important;
  min-height: 40px;
  box-sizing: border-box;
}

/* hover / focus */
.single-product table.variations td.value select:hover {
  border-color: #cbd5e1;
}

.single-product table.variations td.value select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}

/* caret (consistent with ordering) */
.single-product table.variations td.value::after {
  content: "▾";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #6b7280;
  pointer-events: none;
}

/* reset link (Clear) */
.single-product a.reset_variations {
  display: inline-flex;
  margin-top: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #6b7280;
  text-decoration: none;
}

.single-product a.reset_variations:hover {
  color: #111;
}

/* mobile spacing */
@media (max-width: 849px) {
  .single-product table.variations tr {
    margin-bottom: 10px;
  }
}


/* ==========================================================================
   SINGLE PRODUCT: QUANTITY (plus/minus + input)
   ========================================================================== */
.single-product .ux-quantity.quantity {
  border: 1px solid var(--sp-border);
  border-radius: 12px;
  overflow: hidden;
  height: 44px;
  display: inline-flex;
  align-items: center;
  background: #fff;
}

.single-product .ux-quantity__button {
  width: 44px;
  height: 44px;
  border: none !important;
  background: #fff !important;
  color: var(--sp-text);
  font-weight: 700;
}

.single-product .ux-quantity__button:hover {
  background: #f3f4f6 !important;
}

.single-product .ux-quantity input.qty {
  width: 52px;
  height: 44px;
  border: none !important;
  box-shadow: none !important;
  text-align: center;
  font-weight: 600;
  color: var(--sp-text);
}

/* ==========================================================================
   SINGLE PRODUCT: ADD TO CART / BUY NOW (primary actions)
   ========================================================================== */


.single-product .single_add_to_cart_button,
.single-product .ux-buy-now-button {
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;

  font-size: 14px;
  font-weight: 650;
  letter-spacing: .2px;

  box-shadow: none;
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
}

.single-product .single_add_to_cart_button {
  background: #111;
  border: 1px solid #111;
  color: #fff;
}

.single-product .single_add_to_cart_button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.16);
}

.single-product .ux-buy-now-button {
  background: linear-gradient(180deg, #2563eb, #1d4ed8);
  border: 1px solid #1d4ed8;
  color: #fff;

  box-shadow: 0 8px 20px rgba(37, 99, 235, .35);
}

.single-product .ux-buy-now-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(37, 99, 235, .45);
}

/* disabled state */
.single-product .button.disabled,
.single-product .button:disabled {
  opacity: .45 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ==========================================================================
   SINGLE PRODUCT: WISHLIST BUTTON (below actions)
   ========================================================================== */
.single-product .yith-add-to-wishlist-button-block--single {
  margin-top: 14px;
}

.single-product .yith-wcwl-add-to-wishlist-button--single {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  padding: 10px 14px;
  border-radius: 12px;

  background: #fff;
  border: 1px solid var(--sp-border);

  font-size: 13px;
  font-weight: 600;
  color: var(--sp-text);
  text-decoration: none;

  transition: all .15s ease;
}

.single-product .yith-wcwl-add-to-wishlist-button--single:hover {
  background: #f9fafb;
  border-color: #cbd5e1;
}

/* ==========================================================================
   SINGLE PRODUCT: META (SKU / Category)
   ========================================================================== */
.single-product .product_meta {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--sp-border);

  font-size: 13px;
  color: var(--sp-muted);
}

.single-product .product_meta>span {
  border: none;
}
.single-product .product_meta a {
  color: var(--sp-text);
  text-decoration: none;
  font-weight: 600;
}

.single-product .product_meta a:hover {
  opacity: .9;
}

/* ==========================================================================
   SINGLE PRODUCT: TABS (WooCommerce + Flatsome) - style only, no layout changes
   ========================================================================== */

.single-product .woocommerce-tabs.wc-tabs-wrapper {
  margin-top: 36px;
}

/* Tabs nav bar */
.single-product .woocommerce-tabs .tabs.wc-tabs {
  padding: 6px;
  background: #fff;
  gap: 6px;
}

/* Each tab item */
.single-product .woocommerce-tabs .tabs.wc-tabs > li {
  margin: 0 !important;
}

/* Tab link */
.single-product .woocommerce-tabs .tabs.wc-tabs > li > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 12px;
  border-radius: 12px;

  font-size: 13px;
  font-weight: 650;
  letter-spacing: .2px;

  color: #111;
  text-decoration: none;

  transition: background .15s ease, color .15s ease, opacity .15s ease;
}


/* Hover */
.single-product .woocommerce-tabs .tabs.wc-tabs > li > a:hover {
  background: #f3f4f6;
}

/* Active tab (Flatsome/Woo uses li.active) */
.single-product .woocommerce-tabs .tabs.wc-tabs > li.active > a,
.single-product .woocommerce-tabs .tabs.wc-tabs > li[aria-selected="true"] > a {
  background: #111;
  color: #fff;
}


/* If theme adds lines/underlines, neutralize gently */
.single-product .woocommerce-tabs .tabs.wc-tabs > li > a:before {
	display:none;
}

/* Panels wrapper */
.single-product .woocommerce-tabs .tab-panels {
  margin-top: 16px;
}

/* Each panel card */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
  background: #fff;
/*   border: 1px solid #e5e7eb; */
  border-radius: 14px;
  padding: 18px 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}
.single-product .woocommerce-tabs .woocommerce-Tabs-panel:not(.active){
	display:none;
}

/* Content typography inside panels */
.single-product .woocommerce-tabs .woocommerce-Tabs-panel.entry-content {
  color: #111;
  line-height: 1.7;
  font-size: 14px;
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel h1,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2,
.single-product .woocommerce-tabs .woocommerce-Tabs-panel h3 {
  margin: 0 0 10px;
  line-height: 1.25;
  letter-spacing: -0.2px;
}

/* ==========================================================================
   TABS: TABLES (Additional info + any tables inside Description)
   ========================================================================== */

.single-product .woocommerce-tabs table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}

.single-product .woocommerce-tabs table th,
.single-product .woocommerce-tabs table td {
  padding: 12px 12px;
  border-bottom: 1px solid #eef2f7;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.5;
}

.single-product .woocommerce-tabs table tr:last-child th,
.single-product .woocommerce-tabs table tr:last-child td {
  border-bottom: none;
}

.single-product .woocommerce-tabs table th {
  width: 28%;
  font-weight: 700;
  color: #111;
  background: #f9fafb;
}

.single-product .woocommerce-tabs table td {
  color: #374151;
}

.single-product .woocommerce-tabs table p {
  margin: 0;
}

/* WooCommerce attributes table specific tweaks */
.single-product .woocommerce-tabs .woocommerce-product-attributes th,
.single-product .woocommerce-tabs .shop_attributes th {
  text-transform: none;
  letter-spacing: 0;
}

/* ==========================================================================
   TABS: REVIEWS (style only)
   ========================================================================== */

.single-product #reviews .woocommerce-Reviews-title {
  font-size: 16px;
  font-weight: 750;
  margin-bottom: 10px;
}

.single-product #reviews .woocommerce-noreviews {
  color: #6b7280;
  margin: 0;
}

/* Review form wrapper */
.single-product #review_form .review-form-inner.has-border {
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(0,0,0,.06);
}

/* Inputs / textarea */
.single-product #review_form input[type="text"],
.single-product #review_form input[type="email"],
.single-product #review_form textarea {
  width: 100%;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
}

.single-product #review_form textarea {
  min-height: 140px;
  resize: vertical;
}

.single-product #review_form input[type="text"]:focus,
.single-product #review_form input[type="email"]:focus,
.single-product #review_form textarea:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .15);
}

/* Submit button */
.single-product #review_form input#submit.submit {
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: #111;
  border: 1px solid #111;
  color: #fff;
  font-weight: 650;
  font-size: 14px;
}

.single-product #review_form input#submit.submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 26px rgba(0,0,0,.16);
}

/* Stars (optional: keep consistent with your product card star color) */
.single-product #reviews p.stars a {
  color: #eabe12;
}

/* ==========================================================================
   TABS: MOBILE TUNING (more breathing room)
   ========================================================================== */
@media (max-width: 849px) {
  .single-product .woocommerce-tabs.wc-tabs-wrapper.container {
    padding-left: 14px;
    padding-right: 14px;
  }

  .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 16px 14px;
  }

  .single-product .woocommerce-tabs .tabs.wc-tabs > li > a {
    padding: 10px 10px;
    font-size: 13px;
  }
}

/* ==========================================================================
   SINGLE PRODUCT: MOBILE TUNING
   ========================================================================== */
@media (max-width: 849px) {
  .single-product .product-title.product_title.entry-title {
    font-size: 22px;
  }

  .single-product .variations_button {
    gap: 8px;
  }

  .single-product .row.content-row {
    padding-left: 14px;
    padding-right: 14px;
  }

  .single-product .product-gallery,
  .single-product .product-info.summary {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}