/*! Clothing Theme by webbysam — v1.4 styles: product card styles, slider arrows, hero styles & overlays,
   footer social icons, shop layouts, cart block images, mega menu placeholder & Elementor mega widgets. */

/* =====================================================================
   Product cards
   ===================================================================== */
.ct-card-info{display:grid;gap:6px;align-content:start;min-width:0}
.ct-card-actions{display:none}

/* Image shape */
.ct-ratio-3-4 .product-thumb{aspect-ratio:3/4}
.ct-ratio-4-5 .product-thumb{aspect-ratio:4/5}
.ct-ratio-1-1 .product-thumb{aspect-ratio:1/1}

/* Quick add: always centered */
.clothing-theme .quick-add .qa-sizes{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin:0;padding:0}
.clothing-theme .quick-add .qa-sizes .button{float:none!important}

/* Minimal: centered text, quieter details */
.ct-cards--minimal .ct-card-info{justify-items:center;text-align:center;gap:4px}
.ct-cards--minimal .ct-card-info .price,.clothing-theme ul.ct-cards--minimal li.product .price{justify-content:center}
.ct-cards--minimal .product-cat{font-size:10px}
.ct-cards--minimal .swatches{justify-content:center}
.ct-cards--minimal .wish{opacity:0;transition:opacity .2s}
.ct-cards--minimal li.product:hover .wish,.ct-cards--minimal .wish.on,.ct-cards--minimal .wish:focus{opacity:1}
.ct-cards--minimal .product-thumb{margin-bottom:10px}
@media (hover:none){.ct-cards--minimal .wish{opacity:1}}

/* Overlay: name & price on the image */
.ct-cards--overlay li.product{grid-template-areas:"card"}
.ct-cards--overlay li.product>.product-thumb{grid-area:card;margin:0}
.ct-cards--overlay li.product>.ct-card-info{grid-area:card;align-self:end;position:relative;z-index:3;padding:56px 14px 14px;color:#fff;background:linear-gradient(transparent,var(--ct-card-shade,rgba(0,0,0,.66)));pointer-events:none;transition:opacity .25s}
.ct-cards--overlay li.product>.ct-card-info a{pointer-events:auto;color:#fff}
.ct-cards--overlay .product-cat{color:rgba(255,255,255,.78)}
.clothing-theme ul.ct-cards--overlay li.product .price,.clothing-theme ul.ct-cards--overlay li.product .price .amount,.clothing-theme ul.ct-cards--overlay li.product .price del{color:#fff}
.clothing-theme ul.ct-cards--overlay li.product .price ins,.clothing-theme ul.ct-cards--overlay li.product .price ins .amount{color:var(--accent-2,#ef8a34)}
.ct-cards--overlay .swatches{display:none}
.ct-cards--overlay li.product:hover>.ct-card-info,.ct-cards--overlay li.product:focus-within>.ct-card-info{opacity:0}
.ct-cards--overlay .soldout{inset:auto 0 auto 0;top:44%}
@media (max-width:560px),(hover:none){.ct-cards--overlay li.product:hover>.ct-card-info{opacity:1}}

/* Boxed: bordered card, sizes always visible */
.ct-cards--boxed li.product{background:var(--ct-card-bg,var(--surface));border:1px solid var(--line);padding:8px 8px 14px;gap:8px;transition:box-shadow .25s,border-color .25s}
.ct-cards--boxed li.product:hover{box-shadow:0 14px 28px -18px rgba(0,0,0,.35);border-color:color-mix(in srgb,var(--line) 60%,var(--ink))}
.ct-cards--boxed .ct-card-info{padding:0 4px}
.ct-cards--boxed .product-thumb .quick-add{display:none!important}
.ct-cards--boxed .ct-card-actions{display:block;padding:0 4px;margin-top:auto}
.ct-cards--boxed .ct-card-actions .quick-add{position:static;transform:none;background:none;padding:0;display:grid!important;gap:6px}
.ct-cards--boxed .ct-card-actions .quick-add small{display:none}
.ct-cards--boxed .ct-card-actions .qa-sizes{justify-content:flex-start}
.ct-cards--boxed .ct-card-actions .qa-bag{width:100%}
.ct-cards--boxed .ct-card-actions .quick-add .added_to_cart{display:none!important}
.ct-slider .ct-cards--boxed{padding-block:2px}

/* =====================================================================
   Slider arrows: below + progress bar / progress bar only
   ===================================================================== */
.ct-slider .s-nav{display:flex;align-items:center;gap:12px;margin-top:20px}
.ct-slider .s-progress{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}
.ct-slider .s-progress i{display:block;height:100%;width:30%;background:var(--ink);transition:margin-left .15s linear,width .2s}
.ct-slider.ct-nav-bottom .s-nav .s-arrow{position:static;transform:none;box-shadow:none;flex:0 0 auto}
.ct-slider.ct-nav-bottom .s-nav .s-arrow[disabled]{opacity:.35;pointer-events:none}
.ct-slider.s-no-scroll .s-nav{display:none}
.ct-slider.ct-nav-bottom .track,.ct-slider.ct-nav-progress .track{cursor:grab}
.ct-slider .track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;user-select:none}

/* =====================================================================
   Hero slider: styles
   ===================================================================== */
/* Centered */
.hero--center .slide .container{display:flex;justify-content:center}
.hero--center .slide .copy{text-align:center;justify-items:center;margin-inline:auto}
.hero--center .slide .btn{justify-self:center}
.hero--center .slide p{margin-inline:auto}
.hero--center .slide .hero-art{right:50%;transform:translateX(50%);opacity:.32}

/* Split: text panel left, image right */
.hero--split .slide,.hero--split .slide.has-img,.hero--split .slide.has-m-img{background:var(--hero-panel,var(--soft))!important;color:var(--hero-panel-text,var(--ink))}
.hero.hero--split .slide .eyebrow{color:var(--accent);opacity:1}
.hero.hero--split .slide h2,.hero.hero--split .slide p{color:inherit}
.hero.hero--split .slide .btn{border-color:currentColor;color:inherit}
.hero.hero--split .slide .btn:hover{background:var(--hero-panel-text,var(--ink));color:var(--hero-panel,var(--soft));border-color:var(--hero-panel-text,var(--ink))}
.hero--split .hero-dots button{background:color-mix(in srgb,var(--hero-panel-text,var(--ink)) 30%,transparent)}
.hero--split .hero-dots button.active{background:var(--hero-panel-text,var(--ink))}
.hero--split .hero-arrow.prev{color:var(--hero-panel-text,var(--ink));border-color:color-mix(in srgb,var(--hero-panel-text,var(--ink)) 40%,transparent);background:transparent}
.hero--split .slide::after{content:"";position:absolute;top:0;bottom:0;right:0;width:50%;z-index:0;background:var(--ct-grad,#1a1a1a)}
.hero--split .slide.has-img::after{background:#1a1a1a var(--ct-img) center/cover no-repeat}
.hero--split.ct-el-hero .slide.has-img::after{background-position:inherit}
.hero--split .slide.shade::before{left:50%;z-index:1}
.hero--split .slide .container{position:relative;z-index:2}
.hero--split .slide .copy{max-width:min(520px,42vw)}
.hero--split .slide .hero-art{width:min(42%,520px);right:4%}
@media (max-width:767px){
  .hero--split .slide{align-items:flex-end}
  .hero--split .slide::after{left:0;width:auto;bottom:auto;height:50%}
  .hero--split .slide.has-m-img::after{background-image:var(--ct-img-m)}
  .hero--split .slide.shade::before{left:0;bottom:auto;height:50%}
  .hero--split .slide .copy{max-width:none}
  .hero--split .slide .hero-art{top:4%;bottom:52%;width:80%;right:10%;opacity:1}
  .hero--split .slide{min-height:max(560px,var(--hero-min,0px))}
}

/* Boxed: text in a box */
.hero--boxed .slide .copy{background:var(--hero-box,#fff);color:var(--hero-box-text,var(--ink));padding:clamp(22px,3.6vw,46px);max-width:560px;box-shadow:0 24px 40px -28px rgba(0,0,0,.5)}
.hero.hero--boxed .slide .eyebrow{color:var(--accent);opacity:1}
.hero.hero--boxed .slide h2,.hero.hero--boxed .slide p{color:inherit}
.hero.hero--boxed .slide .btn{border-color:currentColor;color:inherit}
.hero.hero--boxed .slide .btn:hover{background:var(--hero-box-text,var(--ink));color:var(--hero-box,#fff);border-color:var(--hero-box-text,var(--ink))}
.hero--boxed .slide .hero-art{opacity:.9}

/* Overlay types (color: --hero-ov; strength: Elementor "Overlay strength") */
.hero-ov--left .shade::before{background:linear-gradient(90deg,color-mix(in srgb,var(--hero-ov,#000) 58%,transparent),color-mix(in srgb,var(--hero-ov,#000) 5%,transparent) 70%)}
.hero-ov--dark .shade::before{background:color-mix(in srgb,var(--hero-ov,#000) 46%,transparent)}
.hero-ov--bottom .shade::before{background:linear-gradient(0deg,color-mix(in srgb,var(--hero-ov,#000) 72%,transparent),transparent 68%)}
.hero-ov--light .shade::before{background:rgba(255,255,255,.62)}
.hero-ov--none .shade::before{display:none}
.hero.hero-ov--light:not(.hero--boxed):not(.hero--split) .slide{color:var(--ink)}
.hero.hero-ov--light:not(.hero--boxed):not(.hero--split) .slide .eyebrow{color:var(--accent);opacity:1}
.hero.hero-ov--light:not(.hero--boxed):not(.hero--split) .slide .btn{border-color:var(--ink);color:var(--ink)}
.hero.hero-ov--light:not(.hero--boxed):not(.hero--split) .slide .btn:hover{background:var(--ink);color:var(--bg)}
.hero.hero-ov--light .hero-dots button{background:rgba(0,0,0,.25)}
.hero.hero-ov--light .hero-dots button.active{background:var(--ink)}
.hero.hero-ov--bottom:not(.hero--split) .slide{align-items:flex-end;padding-bottom:clamp(56px,7vw,96px)}

/* =====================================================================
   Footer social icons
   ===================================================================== */
.socials{--soc-size:38px;--soc-icon:19px;flex-wrap:wrap;align-items:center}
.socials a{width:var(--soc-size);height:var(--soc-size);color:var(--ink);transition:background .2s,color .2s,border-color .2s;line-height:1}
.socials a .icon{width:var(--soc-icon);height:var(--soc-icon);stroke-width:1.6}
.socials--icon a:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.socials--filled a{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.socials--filled a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.socials--plain{gap:16px}
.socials--plain a{width:auto;height:auto;border:0;border-radius:0;padding:2px}
.socials--plain a:hover{color:var(--hover)}
.socials--text a{font-size:12px}
.ct-soc-brand-yes .socials a.social-facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}
.ct-soc-brand-yes .socials a.social-instagram:hover{background:#d6297b;border-color:#d6297b;color:#fff}
.ct-soc-brand-yes .socials a.social-tiktok:hover{background:#111;border-color:#111;color:#fff}
.ct-soc-brand-yes .socials a.social-youtube:hover{background:#ff0000;border-color:#ff0000;color:#fff}
.ct-soc-brand-yes .socials a.social-x:hover{background:#000;border-color:#000;color:#fff}
.ct-soc-brand-yes .socials a.social-pinterest:hover{background:#e60023;border-color:#e60023;color:#fff}
.ct-soc-brand-yes .socials a.social-whatsapp:hover{background:#25d366;border-color:#25d366;color:#fff}
.ct-soc-brand-yes .socials a.social-linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}
.ct-soc-brand-yes .socials a.social-snapchat:hover{background:#fffc00;border-color:#fffc00;color:#111}
.ct-soc-brand-yes .socials a.social-threads:hover{background:#000;border-color:#000;color:#fff}

/* =====================================================================
   Shop page layouts
   ===================================================================== */
.shop-with-filters.shop-filters-right{grid-template-columns:minmax(0,1fr) 260px}
.shop-filters-right>.shop-filters{order:2}
.shop-filters-head{display:none}
.shop-with-filters .shop-filters{position:sticky;top:120px}
.shop-filter-btn{display:none;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.shop-filter-btn:hover{border-color:var(--ink)}
.shop-filter-btn.is-always{display:inline-flex}
.shop-filter-btn .icon{width:18px;height:18px}
.shop-toolbar .woocommerce-result-count{margin-right:auto!important}
.shop-grid-switch{display:flex;gap:2px}
.shop-grid-switch button{width:34px;height:34px;display:grid;place-items:center;border:1px solid transparent;color:var(--muted);background:none;cursor:pointer}
.shop-grid-switch button.active,.shop-grid-switch button:hover{color:var(--ink);border-color:var(--line)}
.shop-grid-switch .icon{width:18px;height:18px;stroke-width:1.4}

/* Slide-in filter panel ("drawer" layout, and every layout on tablets & phones) */
.shop-filters.ct-offcanvas{position:fixed;top:0;bottom:0;left:0;width:min(360px,90vw);background:var(--surface);z-index:70;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s;padding-top:env(safe-area-inset-top,0px)}
.shop-filters.ct-offcanvas.open{transform:none}
.shop-filters.ct-offcanvas .shop-filters-head{display:flex}
.shop-filters.ct-offcanvas .shop-filters-body{flex:1;overflow:auto;padding:18px 20px}
.admin-bar .shop-filters.ct-offcanvas{top:32px}
@media (max-width:1024px){
  .shop-filter-btn{display:inline-flex}
  .shop-with-filters,.shop-with-filters.shop-filters-right{grid-template-columns:minmax(0,1fr)}
  .shop-with-filters .shop-filters{position:fixed;top:0;bottom:0;left:0;width:min(360px,90vw);background:var(--surface);z-index:70;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .3s;padding-top:env(safe-area-inset-top,0px)}
  .shop-with-filters .shop-filters.open{transform:none}
  .shop-with-filters .shop-filters-head{display:flex}
  .shop-with-filters .shop-filters-body{flex:1;overflow:auto;padding:18px 20px}
  .admin-bar .shop-with-filters .shop-filters{top:46px}
}

/* Products per row */
.clothing-theme ul.products.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){
  .clothing-theme .woo-main ul.products.ct-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .clothing-theme .woo-main ul.products.ct-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .clothing-theme .woo-main ul.products.ct-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:767px){.shop-grid-switch{display:none}}
@media (max-width:560px){
  .ct-shop-m1 .woo-main ul.products{grid-template-columns:minmax(0,1fr)}
  .ct-shop-m2 .woo-main ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-toolbar{gap:10px}
}

/* =====================================================================
   WooCommerce Cart & Checkout blocks
   ===================================================================== */
.wc-block-components-product-image img.ct-block-art,img.ct-block-art{background:var(--soft);object-fit:cover;aspect-ratio:3/4;width:100%;height:auto}
.wc-block-cart__submit-button,.wc-block-cart__submit-button:hover,.wc-block-components-checkout-place-order-button,.wc-block-components-checkout-place-order-button:hover{color:var(--bg,#fff)!important;text-decoration:none!important}
.wc-block-cart__submit-button .wc-block-components-button__text,.wc-block-components-checkout-place-order-button .wc-block-components-button__text{color:inherit;text-decoration:none}

/* =====================================================================
   Mega menu
   ===================================================================== */
.main-nav .ct-mega-banner.is-placeholder{background:radial-gradient(110% 90% at 70% 100%,#ecebe7,#d9d8d3)}
.main-nav .sub-menu>li.ct-mega-banner.is-placeholder>a,.main-nav .sub-menu>li.ct-mega-banner.is-placeholder>div{align-items:flex-end;padding-bottom:28px}
.main-nav .ct-mega-banner.is-placeholder>a::after,.main-nav .ct-mega-banner.is-placeholder>div::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.5));pointer-events:none}
.main-nav .ct-mega-ph{position:absolute;inset:0}
.main-nav .ct-mega-ph .hero-art{top:5%;bottom:30%;right:8%;width:84%;justify-content:center}
.main-nav .ct-mega-banner .ctp-slot-hint{top:12px;bottom:auto;left:12px;z-index:3;text-transform:none;letter-spacing:.02em}
.main-nav .ct-mega-banner.is-placeholder .ct-mega-banner-copy{z-index:2}
.main-nav .ct-mega-banner.is-placeholder a:hover .hero-art{transform:scale(1.02)}
.main-nav .ct-mega-banner .hero-art{transition:transform .6s}

/* "CT Mega Menu Links" widget */
.ct-mega-cols{display:grid;grid-template-columns:repeat(var(--mcols,4),minmax(0,1fr));gap:24px 28px}
.ct-mega-col h4{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;font-family:var(--ui,inherit)}
.ct-mega-col h4 a{color:var(--ink)}
.ct-mega-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.ct-mega-col li a{color:var(--muted)}
.ct-mega-col a:hover,.ct-mega-col li a:hover{color:var(--hover)}
@media (max-width:767px){.ct-mega-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* "CT Mega Menu Banner" widget */
.ct-mb{--mb-shade:.32;position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none}
.ct-mb .ct-mb-media{height:340px;aspect-ratio:auto}
.ct-mb .ct-mb-media img{transition:transform .6s}
.ct-mb:hover .ct-mb-media img{transform:scale(1.03)}
.ct-mb .ct-mb-media::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(transparent 30%,rgba(0,0,0,var(--mb-shade)) 100%),rgba(0,0,0,calc(var(--mb-shade) * .4));pointer-events:none}
.ct-mb .ct-mb-media .ctp-slot-hint{top:12px;bottom:auto}
.ct-mb-copy{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;text-align:center;gap:10px;padding:22px}
.ct-mb--bottom .ct-mb-copy{align-content:end}
.ct-mb-copy .eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.9}
.ct-mb-copy b{font-family:var(--display);font-weight:var(--display-weight,400);font-size:clamp(24px,2.4vw,38px);line-height:1.05;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.ct-mb-text{font-size:14px;opacity:.92;max-width:32ch}
.ct-mb-copy .btn{border-color:#fff;color:#fff;padding:10px 22px;font-size:12px}
.ct-mb:hover .ct-mb-copy .btn{background:#fff;color:var(--ink)}
.ct-mb--below{color:var(--ink)}
.ct-mb--below .ct-mb-media::after{display:none}
.ct-mb--below .ct-mb-copy{position:static;justify-items:start;text-align:left;padding:14px 0 0;color:var(--ink)}
.ct-mb--below .ct-mb-copy b{text-shadow:none}
.ct-mb--below .ct-mb-copy .btn{border-color:var(--ink);color:var(--ink)}
.ct-mb--below:hover .ct-mb-copy .btn{background:var(--ink);color:var(--bg)}

/* Filter widgets: tidy lists */
.shop-filters .widget ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14px}
.shop-filters .widget ul ul{padding-left:12px;margin-top:9px}
.shop-filters .widget ul a{color:var(--muted)}
.shop-filters .widget ul a:hover,.shop-filters .widget ul .current-cat>a{color:var(--ink)}
.shop-filters .price_slider_wrapper .ui-slider .ui-slider-range,.shop-filters .price_slider_wrapper .ui-slider .ui-slider-handle{background-color:var(--ink)}
.hero--boxed .slide .container,.hero--center .slide .container{position:relative;z-index:2}
@media (max-width:767px){.hero--boxed .slide .copy{padding:20px}.hero--boxed .slide .hero-art{opacity:.5}}
@media (max-width:560px){.ct-cards--overlay li.product>.ct-card-info{padding:40px 10px 10px;gap:3px}.ct-cards--overlay .product-cat{display:none}}