/* =========================================================
   rkia-couture — COLLECTION (archive / product category)
   A luxury editorial experience. Never a generic WooCommerce shop.
   ========================================================= */

/* ---- shared media wrapper (collection scope) ---- */
.rk-collection-page .rk-media{position:relative;overflow:hidden;width:100%;background:var(--beige)}
.rk-collection-page .rk-media img,.rk-collection-page .rk-media video,.rk-collection-page .rk-media .rk-ph{display:block;width:100%;height:100%}

/* =========================================================
   EDITORIAL HERO
   ========================================================= */
.rk-cl-hero{position:relative;min-height:72vh;display:flex;align-items:flex-end;overflow:hidden;color:#fff}
.rk-cl-hero__media{position:absolute;inset:0;z-index:0}
.rk-cl-hero__media .rk-media{height:100%;aspect-ratio:auto!important}
.rk-cl-hero__media img,.rk-cl-hero__media video{height:100%;object-fit:cover}
.rk-cl-hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(26,24,20,.25),rgba(26,24,20,.62))}
.rk-cl-hero__content{position:relative;z-index:2;max-width:var(--maxw);width:100%;margin-inline:auto;padding:0 var(--gutter) clamp(48px,8vh,96px)}
.rk-cl-hero__content h1{font-size:clamp(42px,7vw,104px);color:#fff;font-weight:var(--fw-light);letter-spacing:.03em;line-height:1;margin-top:14px}
.rk-cl-hero__content p{max-width:540px;margin-top:18px;color:rgba(255,255,255,.85);font-size:15px;line-height:1.8}

/* =========================================================
   COLLECTION NAV
   ========================================================= */
.rk-cl-nav{border-block-end:1px solid var(--line);background:var(--creme)}
.rk-cl-nav__list{display:flex;gap:clamp(20px,3vw,46px);justify-content:center;flex-wrap:wrap;max-width:var(--maxw);margin-inline:auto;padding:22px var(--gutter)}
.rk-cl-nav__link{font-family:var(--font-sans);font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--gris);padding-bottom:4px;position:relative;transition:color var(--t-fast) var(--ease)}
.rk-cl-nav__link::after{content:"";position:absolute;inset-inline-start:0;inset-block-end:-1px;width:0;height:1px;background:var(--or);transition:width var(--t-med) var(--ease)}
.rk-cl-nav__link:hover,.rk-cl-nav__link.is-active{color:var(--noir)}
.rk-cl-nav__link.is-active::after,.rk-cl-nav__link:hover::after{width:100%}

/* =========================================================
   COLLECTION STORY
   ========================================================= */
.rk-cl-story{padding:var(--section-y) var(--gutter)}
.rk-cl-story__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,90px);align-items:center;max-width:var(--maxw);margin-inline:auto}
.rk-cl-story__img{position:relative;overflow:hidden}
.rk-cl-story__img .rk-media{aspect-ratio:4/5}
.rk-cl-story__copy h2{font-size:clamp(30px,4vw,56px);margin:16px 0 22px}
.rk-cl-story__body p{color:var(--muted);font-size:15px;line-height:1.85;margin-bottom:16px;max-width:520px}

/* =========================================================
   SHOP + STICKY FILTERS
   ========================================================= */
.rk-cl-shop{padding:clamp(40px,6vh,80px) var(--gutter) var(--section-y)}
.rk-cl-filters{position:sticky;inset-block-start:var(--header-h);z-index:50;background:rgba(255,253,248,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-block:1px solid var(--line);margin-bottom:clamp(30px,5vh,56px)}
.rk-cl-filters__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--maxw);margin-inline:auto;padding:16px 0}
.rk-cl-filters__chips{display:flex;gap:12px;flex-wrap:wrap}
.rk-cl-filters__right{display:flex;align-items:center;gap:22px}
.rk-cl-filters__count{font-family:var(--font-sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gris)}

/* chips */
.rk-cl-chip{position:relative}
.rk-cl-chip__btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--noir);padding:10px 16px;border:1px solid var(--line);background:transparent;transition:border-color var(--t-fast) var(--ease)}
.rk-cl-chip__btn:hover,.rk-cl-chip__btn.is-set{border-color:var(--or)}
.rk-cl-chip__menu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0;min-width:200px;background:var(--creme);border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:10px 0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),visibility var(--t-fast) var(--ease);z-index:60}
.rk-cl-chip.is-open .rk-cl-chip__menu{opacity:1;visibility:visible;transform:none}
.rk-cl-chip__opt{display:block;padding:9px 18px;font-family:var(--font-serif);font-size:15px;color:var(--ink);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}
.rk-cl-chip__opt:hover,.rk-cl-chip__opt.is-active{background:var(--beige);color:var(--or-deep)}

/* sort select */
.rk-cl-sort select{appearance:none;-webkit-appearance:none;background:transparent;border:none;border-bottom:1px solid var(--line);font-family:var(--font-sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--noir);padding:8px 24px 8px 2px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231A1814' stroke-width='1.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}
.rk-cl-sort select:focus{outline:none;border-color:var(--or)}

/* =========================================================
   PRODUCT GRID + CARD (overrides Woo ul.products)
   ========================================================= */
.rk-cl-shop ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,44px);max-width:var(--maxw);margin:0 auto;padding:0;list-style:none}
.rk-cl-shop ul.products::before,.rk-cl-shop ul.products::after{display:none}
.rk-card{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);margin:0!important;width:auto!important;float:none!important}
.rk-card.is-in{opacity:1;transform:none}
.rk-card__media-link{display:block}
.rk-card__media{position:relative;overflow:hidden;background:var(--beige);aspect-ratio:3/4}
.rk-card__media img,.rk-card__media .rk-ph{transition:transform 1.4s var(--ease)}
.rk-card:hover .rk-card__media img{transform:scale(1.05)}
.rk-card__badge{position:absolute;inset-block-start:14px;inset-inline-start:14px;z-index:2;font-family:var(--font-sans);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--noir);background:var(--creme);padding:7px 12px}
.rk-card__badge--sale{background:var(--noir);color:var(--creme)}
.rk-card__couture{position:absolute;inset-block-end:14px;inset-inline-start:14px;z-index:2;font-family:var(--font-sans);font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--or-deep);background:rgba(255,253,248,.9);padding:7px 12px}
.rk-card__wish{position:absolute;inset-block-start:12px;inset-inline-end:12px;z-index:2;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,253,248,.85);border-radius:50%;opacity:0;transform:translateY(-6px);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}
.rk-card:hover .rk-card__wish{opacity:1;transform:none}
.rk-card__wish .rk-icon{stroke:var(--noir)}
.rk-card__wish:hover .rk-icon{stroke:var(--or-deep)}
.rk-card__body{padding:18px 4px 0;text-align:center}
.rk-card__name{font-family:var(--font-display);font-weight:var(--fw-light);font-size:19px;color:var(--noir);line-height:1.2;display:block}
.rk-card__name:hover{color:var(--or-deep)}
.rk-card__price{font-family:var(--font-serif);font-size:15px;color:var(--gris);margin-top:7px}
.rk-card__price del{color:var(--gris-clair);margin-inline-end:8px;font-size:13px}
.rk-card__price ins{text-decoration:none;color:var(--or-deep)}
.rk-card__swatches{display:flex;gap:6px;justify-content:center;margin-top:11px}
.rk-card__swatch{width:13px;height:13px;border-radius:50%;border:1px solid var(--line)}
.rk-card__action{margin-top:16px}
.rk-card__cta,.rk-card .button{display:inline-block;font-family:var(--font-sans);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--noir);padding:12px 26px;border:1px solid var(--noir);background:transparent;transition:color var(--t-med) var(--ease),background var(--t-med) var(--ease);opacity:0;transform:translateY(8px)}
.rk-card:hover .rk-card__cta,.rk-card:hover .button{opacity:1;transform:none}
.rk-card__cta:hover,.rk-card .button:hover{background:var(--noir);color:var(--creme)}
.rk-card .added_to_cart{display:none}

.rk-cl-pagination{margin-top:clamp(40px,6vh,72px);display:flex;justify-content:center}
.rk-cl-pagination .page-numbers{display:flex;gap:8px;list-style:none;padding:0}
.rk-cl-pagination .page-numbers li a,.rk-cl-pagination .page-numbers li span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;font-family:var(--font-sans);font-size:12px;letter-spacing:.1em;border:1px solid var(--line);color:var(--noir);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}
.rk-cl-pagination .page-numbers li .current{background:var(--noir);color:var(--creme);border-color:var(--noir)}
.rk-cl-pagination .page-numbers li a:hover{border-color:var(--or)}
.rk-cl-empty{text-align:center;color:var(--muted);font-style:italic;padding:60px 0}

/* =========================================================
   EDITORIAL BANNER
   ========================================================= */
.rk-cl-banner{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden}
.rk-cl-banner__media{position:absolute;inset:0;z-index:0}
.rk-cl-banner__media .rk-media{height:100%;aspect-ratio:auto!important}
.rk-cl-banner__media img{height:100%;object-fit:cover}
.rk-cl-banner__overlay{position:absolute;inset:0;z-index:1;background:rgba(26,24,20,.5)}
.rk-cl-banner__content{position:relative;z-index:2;max-width:720px;padding:0 24px}
.rk-cl-banner__content h2{color:#fff;font-size:clamp(30px,5vw,68px);font-weight:var(--fw-light);line-height:1.05;margin-bottom:30px}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1024px){
  .rk-cl-shop ul.products{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:860px){
  .rk-cl-story__grid{grid-template-columns:1fr;gap:36px}
  .rk-cl-story__img{order:-1}
}
@media(max-width:600px){
  .rk-cl-hero{min-height:60vh}
  .rk-cl-shop ul.products{grid-template-columns:repeat(2,1fr);gap:12px}
  .rk-cl-filters__inner{flex-direction:column;align-items:stretch;gap:14px}
  .rk-cl-filters__right{justify-content:space-between}
  .rk-card__cta,.rk-card .button{opacity:1;transform:none}
  .rk-card__wish{opacity:1;transform:none}
}
@media(max-width:380px){
  .rk-cl-shop ul.products{grid-template-columns:1fr}
}