/*
 Theme Name:   Swarna Child
 Theme URI:    https://wdtswarna.wpengine.com
 Description:  Swarna Child Theme
 Author:       the WeDesignTech team
 Author URI:   https://wedesignthemes.com/
 Template:     swarna
 Text Domain:  swarna-child
 Version:      1.0.0
 Tested up to: 6.7
 Requires PHP: 7.4
 Tags: E-Commerce,Blog 
 License: GNU General Public License v2 or later 
 License URI: https: //www.gnu.org/licenses/gpl-2.0.html
 Copyright (C) 2024 venusweb. All rights reserved.
*/

/* Fix: Single Product page - premium layout & gaps - updated 2026-08-27 18:30 */
/* 1) Add left/right breathing room (edge gaps) */
body.single.single-product #primary.content-full-width {
  padding-left: clamp(20px, 4vw, 60px) !important;
  padding-right: clamp(20px, 4vw, 60px) !important;
  box-sizing: border-box !important;
}
/* 2) Center and cap width like .container */
body.single.single-product #primary.content-full-width > div.product {
  max-width: 1680px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  display: flow-root;
}
/* 3) Premium 2-col spacing - gap between gallery & summary */
body.single.single-product div.product {
  display: flex !important;
  flex-wrap: wrap;
  gap: 40px 50px;
  align-items: flex-start;
}
body.single.single-product div.product .woocommerce-product-gallery,
body.single.single-product div.product .summary.entry-summary {
  flex: 1 1 420px;
  min-width: 300px;
}
body.single.single-product div.product .woocommerce-product-gallery {
  max-width: 700px;
}
/* Gallery image rounding & shadow like demo */
body.single.single-product .woocommerce-product-gallery__wrapper,
body.single.single-product .woocommerce-product-gallery__image img {
  border-radius: 12px;
}
/* Summary card */
body.single.single-product .summary.entry-summary {
  background: transparent;
}
body.single.single-product .summary .product_title {
  margin-bottom: 12px;
}
/* Tabs full width below */
body.single.single-product .wdt-product-tabs,
body.single.single-product .related.products,
body.single.single-product .upsells.products {
  width: 100%;
  flex-basis: 100%;
}
/* Related products spacing premium */
body.single.single-product .related.products ul.products,
body.single.single-product .upsells.products ul.products {
  gap: 24px;
}
/* 4) Tablet */
@media only screen and (max-width: 1024px) {
  body.single.single-product #primary.content-full-width {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  body.single.single-product div.product {
    gap: 30px;
  }
}
/* 5) Mobile: stack & tighter gap */
@media only screen and (max-width: 768px) {
  body.single.single-product #primary.content-full-width {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body.single.single-product div.product .woocommerce-product-gallery,
  body.single.single-product div.product .summary.entry-summary {
    flex-basis: 100%;
    max-width: 100%;
  }
}