/*
Theme Name: Synory Child
Theme URI: https://synory.siksmart.com
Author: 6Smart
Author URI: https://themeforest.net/user/6smart
Description: Synory Child Theme - A child theme for Synory, the Jewelry & Accessories WooCommerce Theme. Designed to allow safe customization of the parent theme without losing changes during updates.
Tags: one-column, two-columns, right-sidebar, custom-colors, custom-menu, custom-background, custom-logo, custom-menu, featured-images, theme-options, sticky-post, threaded-comments
Version: 1.4.852
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: synory-child
Template: synory
*/


/* === GCD product card (managed by Novamira) === */
/* Shared by the Elementor Products widget AND the shop/category archives.
   Add class `gcd-editorial` to a wrapper to also strip price + cart. */
.products.archive-product .product-card{background:#F4F5F6;padding:26px 20px 28px;transition:background .25s ease,transform .25s ease;}
.products.archive-product .product-card:hover{background:#ECEEF0;transform:translateY(-4px);}
/* show the whole door instead of cropping to the card box */
.products.archive-product .product-card-thumbnail img.image-img{object-fit:contain !important;}
.products.archive-product .product-card-thumbnail .bg-cover{background-size:contain !important;}
.products.archive-product .product-card-content{text-align:center;}
.products.archive-product .product-card-title{font-family:Outfit,sans-serif;font-size:17px;font-weight:700;line-height:1.3;margin:22px 0 6px;}
.products.archive-product .product-card-title-link,.products.archive-product .product-card-title-link:hover{color:#111;text-decoration:none;}
.products.archive-product .price{display:flex;justify-content:center;}
/* editorial variant: image + name only */
.gcd-editorial .product-card-buttons,.gcd-editorial .product-card-buttons-wish-quick,.gcd-editorial .price,.gcd-editorial .star-rating,.gcd-editorial .onsale{display:none !important;}
/* theme link-buttons must not wrap mid-label */
.sik-btn.btn-link .txt{white-space:nowrap;}
/* editorial grid shows a single row of 4; theme's shop_per_page overrides the widget query */
.gcd-editorial .products.archive-product .product-card:nth-child(n+5){display:none !important;}

/* --- editorial grid columns --- */
.gcd-editorial .products.archive-product{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:24px !important;}
@media(max-width:1024px){.gcd-editorial .products.archive-product{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:600px){.gcd-editorial .products.archive-product{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;}}

/* --- editorial grid fills its wrapper --- */
.gcd-editorial.elementor-widget{width:100% !important;flex:1 1 100% !important;}
.gcd-editorial .elementor-widget-container,.gcd-editorial .woocommerce,.gcd-editorial .products.archive-product{width:100% !important;max-width:none !important;}

/* --- global footer responsive --- */
@media(max-width:1024px){.elementor-element-fa10003{flex-wrap:wrap !important;}}
@media(max-width:767px){
.elementor-element-fa10003{row-gap:28px !important;column-gap:16px !important;}
.elementor-element-fa1000e{gap:14px !important;align-items:flex-start !important;}
.elementor-element-fa1000e .elementor-widget-html > div{flex-wrap:wrap !important;}
}

/* --- hide theme title banner on product archives (archive template has its own hero) --- */
.woocommerce-shop .gcd-warranty__hero,
.post-type-archive-product .gcd-warranty__hero,
.tax-product_cat .gcd-warranty__hero,
.tax-product_tag .gcd-warranty__hero{display:none !important;}

/* --- product card media (single source of truth) --- */
/* Source photos carry a baked-in white background -> multiply blends it into the tile.
   Tiles are square so portrait doors and landscape hardware both fill evenly. */
/* The theme lifts the card with translateY(-4px) on hover, which makes
   .product-card a stacking context. A stacking context ISOLATES descendant
   blending, so multiply loses the card background as its backdrop and the
   source photo's white shows through. Paint the tile colour INSIDE the
   isolated group (on the thumbnail) and track the card colour in both states. */
.products.archive-product .product-card,
.gcd-editorial .product-card{--gcd-tile:#F4F5F6;}
.products.archive-product .product-card:hover,
.gcd-editorial .product-card:hover{--gcd-tile:#ECEEF0;}
.products.archive-product .product-card-thumbnail,
.gcd-editorial .product-card-thumbnail{aspect-ratio:1/1 !important;height:auto !important;background:var(--gcd-tile,#F4F5F6) !important;overflow:hidden;}
.products.archive-product .product-card-thumbnail img.image-img,
.gcd-editorial .product-card-thumbnail img.image-img{
  position:absolute;inset:0;margin:auto;
  width:92% !important;height:92% !important;
  max-width:92% !important;max-height:92% !important;
  object-fit:contain !important;
  border-radius:0 !important;
  mix-blend-mode:multiply;
  transform:none !important;transition:transform .4s ease;}
.products.archive-product .product-card:hover .product-card-thumbnail img.image-img,
.gcd-editorial .product-card:hover .product-card-thumbnail img.image-img{transform:scale(1.04) !important;}
.products.archive-product .product-card-thumbnail .bg-cover,
.gcd-editorial .product-card-thumbnail .bg-cover{background-size:contain !important;}
@media(max-width:600px){
.products.archive-product .product-card{padding:14px 10px 16px;}
.products.archive-product .product-card-title{font-size:14px;line-height:1.25;margin:12px 0 4px;}
}

/* --- quickview modal + card add-to-cart --- */
/* theme defaults the modal scrim to --sik-c-primary (#44f100 lime); use a dark scrim */
.quick-view-modal__overlay{background-color:rgba(17,17,17,.62) !important;opacity:1 !important;}
.quick-view-close{background-color:rgba(255,255,255,.92) !important;color:#111 !important;}
.quick-view-close:hover{background-color:#fff !important;}
.quick-view-close svg{color:#111 !important;}

/* card 'Read more' / add-to-cart pill: theme left it transparent w/ white text */
.products.archive-product .product-card-button-atc a.button,
.gcd-editorial .product-card-button-atc a.button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:#111 !important;color:#fff !important;
  border-radius:999px !important;padding:11px 20px !important;
  font-size:12.5px !important;font-weight:600 !important;letter-spacing:.4px;text-transform:uppercase;
  min-height:0 !important;line-height:1.1 !important;white-space:nowrap;border:0 !important;}
.products.archive-product .product-card-button-atc a.button:hover{background:#7ED321 !important;color:#111 !important;}
/* the theme stacks a duplicate cart glyph over the label */
.products.archive-product .product-card-button-atc a.button .icon-add-to-cart-product,
.products.archive-product .product-card-button-atc a.button .icon,
.products.archive-product .product-card-button-atc a.button .loading-icon{display:none !important;}
.products.archive-product .product-card-button-atc a.button .text{display:inline;}

/* ===== GCD BUTTONS + QUICKVIEW v2 ===== */
/* The theme renders TWO button bars per card: .desktop-layout, where the bar
   itself is a dark pill, and .mobile-layout, where .product-card-button-atc is
   the pill. Both wrapped our styled anchor in a second pill (156x58 around
   116x38). Flatten the wrappers so the anchor is the only pill. */
.products.archive-product .product-card-buttons,
.gcd-editorial .product-card-buttons,
.products.archive-product .product-card-button-atc,
.gcd-editorial .product-card-button-atc{
  background:none !important;background-color:transparent !important;
  padding:0 !important;border:0 !important;border-radius:0 !important;
  box-shadow:none !important;backdrop-filter:none !important;min-height:0 !important;}
.products.archive-product .product-card-buttons,
.gcd-editorial .product-card-buttons{gap:10px !important;}
.products.archive-product .product-card-button-atc a.button .text,
.gcd-editorial .product-card-button-atc a.button .text{position:static !important;opacity:1 !important;transform:none !important;}

/* ---- quick view modal ---- */
.quick-view-modal{max-width:1020px !important;border-radius:14px !important;}
.quick-view-modal__inner{padding:26px !important;gap:32px;max-height:640px !important;}
/* product sources here are small; contain them on the same tile grey as the cards
   instead of cover-cropping a 500x630 portrait frame */
.quick-view-gallery .gcd-qv-frame{background:#F4F5F6;border-radius:10px;}
.quick-view-gallery .gcd-qv-frame figure.image-wrapper{aspect-ratio:1/1 !important;}
.quick-view-gallery .gcd-qv-frame img.image-img{
  position:absolute;inset:0;margin:auto;
  width:84% !important;height:84% !important;
  max-width:84% !important;max-height:84% !important;
  object-fit:contain !important;border-radius:0 !important;mix-blend-mode:multiply;}
.quick-view-summary{font-family:Outfit,sans-serif;}
.quick-view-summary .product_title{font-size:26px !important;line-height:1.2 !important;font-weight:500 !important;color:#111;margin:0 0 10px !important;}
.quick-view-summary .product_meta{font-size:13px;color:#6B6F76;margin:0 0 14px;}
.quick-view-summary .product_meta .sku{color:#111;}
.quick-view-summary .woocommerce-product-details__short-description{font-size:15px;line-height:1.65;color:#4A4E55;margin:0 0 22px;}
.quick-view-summary .price{font-size:22px;font-weight:600;color:#111;margin:0 0 18px;display:block;}
.gcd-qv-more{
  display:inline-flex;align-items:center;justify-content:center;
  background:#111;color:#fff !important;text-decoration:none;
  border-radius:999px;padding:14px 28px;
  font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;}
.gcd-qv-more:hover{background:#7ED321;color:#111 !important;}
.quick-view-summary .single-product-sharing{margin-top:26px;padding-top:20px;border-top:1px solid #EAEBED;display:flex;align-items:center;gap:14px;}
.quick-view-summary .single-product-sharing .sharing-text{margin:0;font-size:13px;color:#6B6F76;font-weight:500;}
.quick-view-summary .share-icons{margin:0;display:flex;gap:8px;}
@media(max-width:782px){
  .quick-view-modal__inner{padding:18px !important;gap:18px;}
  .quick-view-summary .product_title{font-size:21px !important;}
}
/* ===== END GCD BUTTONS + QUICKVIEW v2 ===== */