/*
Theme Name: Niya
Theme URI: https://niyaparis.com
Author: Niya Paris
Description: Minimal contemporary jewelry theme: full-screen stacked panels, edge-to-edge tiles, transparent header, mega menu.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: niya
*/
:root{--black:#000;--beige:#F4F3EF;--tile:#D9D0CA;--white:#fff;--grey:#6b6b6b;--line:rgba(0,0,0,.1);--serif:"Bodoni 72","Bodoni MT",Didot,"Playfair Display","Times New Roman",serif;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif;--hh:60px;--pad:28px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--black);font:500 12px/1.4 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3{margin:0;font-weight:500}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.btn{display:inline-block;padding:16px 30px;border:1px solid var(--black);background:var(--black);color:var(--beige);text-transform:uppercase;font:500 12px/1 var(--sans);letter-spacing:-.02em;cursor:pointer;transition:background .2s,color .2s;border-radius:0}
.btn:hover{background:transparent;color:var(--black)}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:var(--white);color:var(--black);border-bottom:1px solid var(--line);transition:background .25s,color .25s}
.home .site-header{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent}
.admin-bar.home .site-header{top:32px}
.home .site-header.tone-dark{color:#fff}
.home .site-header:hover,.home .site-header:focus-within,.home.nav-open .site-header,.home .site-header.search-on{background:var(--white);color:var(--black);border-bottom-color:var(--line)}
.site-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--hh);padding:0 var(--pad)}
.burger{display:none;background:none;border:0;padding:0;width:28px;height:28px;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;color:inherit}
.burger span{display:block;height:1.4px;background:currentColor;width:22px}
.brand{grid-column:1;grid-row:1;justify-self:start;font:700 19px/1 var(--sans);letter-spacing:-.01em;text-transform:uppercase;white-space:nowrap}
.primary-nav{grid-column:2;grid-row:1;justify-self:center}
.primary-nav>ul{display:flex;gap:26px}
.primary-nav>ul>li>a{display:flex;align-items:center;height:var(--hh);text-transform:uppercase;font-size:11px;font-weight:500}
.primary-nav>ul>li:hover>a{text-decoration:underline;text-underline-offset:5px}
.header-tools{grid-column:3;grid-row:1;justify-self:end;display:flex;gap:20px;align-items:center}
.header-tools a,.header-tools button{display:flex;align-items:center;position:relative;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.header-tools svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.search-toggle{gap:10px}
.search-toggle .lbl{display:inline-block;min-width:150px;text-align:left;border-bottom:1px solid currentColor;padding-bottom:3px;font-size:11px;text-transform:uppercase}
.cart-count{position:absolute;top:-7px;right:-9px;font-size:9px;line-height:1;background:currentColor;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center}
.cart-count span{color:var(--white);mix-blend-mode:normal}
.tone-dark .cart-count span{color:#000}
.cart-count:empty{display:none}
/* mega menu */
.primary-nav .menu-item-has-children{position:static}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--white);color:var(--black);border-top:1px solid var(--line);display:none;padding:36px var(--pad) 44px;box-shadow:0 24px 32px rgba(0,0,0,.05)}
.primary-nav .menu-item-has-children:hover>.mega,.primary-nav .menu-item-has-children:focus-within>.mega,.primary-nav .menu-item-has-children.open>.mega{display:block}
.mega__inner{display:grid;grid-template-columns:240px 1fr;gap:56px;max-width:1380px;margin:0 auto}
.mega__title{font-size:11px;text-transform:uppercase;color:var(--grey);margin-bottom:12px}
.mega .sub-menu a{display:block;padding:6px 0;font-size:12px;font-weight:500}
.mega .sub-menu a:hover{text-decoration:underline;text-underline-offset:4px}
.mega__cards{display:grid;grid-template-columns:repeat(2,minmax(0,250px));gap:2px;justify-content:end}
.mega-card__img{aspect-ratio:4/5;background:linear-gradient(180deg,#C3B8B1 0%,#E7DFD9 100%) center/cover}
.mega-card span{display:block;margin-top:10px;font-size:11px;text-transform:uppercase}
/* search */
.search-overlay{position:absolute;left:0;right:0;top:0;height:var(--hh);background:var(--white);color:var(--black);z-index:5;display:flex;align-items:center;gap:16px;padding:0 var(--pad)}
.search-overlay[hidden]{display:none}
.search-overlay form{flex:1;display:flex;gap:16px}
.search-overlay input[type=search]{flex:1;border:0;border-bottom:1px solid #000;padding:10px 0;font:500 14px var(--sans);background:none;outline:none;border-radius:0}
.search-close{font-size:28px;line-height:1;background:none;border:0;cursor:pointer}
/* stacked full-screen panels */
.stack>.panel{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--white)}
.hero,.half{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#B8AD9E 0%,#8E8376 100%) center/cover no-repeat;color:#fff}
.hero{height:100%;width:100%}
.panel-label{position:relative;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.01em;color:#fff;text-shadow:0 0 18px rgba(0,0,0,.15)}
.has-img{align-items:flex-end!important}
.has-img .panel-label{color:#000;text-shadow:none;margin-bottom:28px}
.has-img .panel-label{z-index:1}
.halves{display:grid;grid-template-columns:1fr 1fr;gap:2px;height:100%;background:var(--white)}
.half:nth-child(2){background-image:linear-gradient(160deg,#5E544B 0%,#2E2925 100%)}
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;height:100%;background:var(--white)}
.tile{position:relative;display:block;overflow:hidden;background:linear-gradient(180deg,#C3B8B1 0%,#E7DFD9 100%)}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.tile:hover img{transform:scale(1.03)}
.tile__label{position:absolute;left:0;right:0;bottom:22px;text-align:center;font-size:12px;font-weight:500;color:#000;z-index:1}
.tile__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.tile__ph svg{width:40px;height:40px;stroke:#BDB8AF;fill:none;stroke-width:.9}
.half.has-img,.hero.has-img{background-size:cover}
/* footer */
.site-footer{position:relative;z-index:20;background:var(--beige);padding:56px var(--pad) 28px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin:0 0 56px}
.footer-brand{font:700 22px/1 var(--sans);text-transform:uppercase;letter-spacing:-.01em}
.footer-col h3{font-size:11px;text-transform:uppercase;color:var(--grey);font-weight:500;margin-bottom:14px}
.footer-col a{display:block;padding:4px 0;font-size:12px}
.footer-col a:hover{text-decoration:underline;text-underline-offset:4px}
.footer-bottom{border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--grey);text-transform:uppercase}
/* generic + woocommerce */
.site-main{padding:48px var(--pad) 72px;max-width:1380px;margin:0 auto}
.entry-title{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4vw,48px);margin-bottom:24px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:0!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;text-align:center}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12px;font-weight:500;padding:12px 0 2px}
.woocommerce ul.products li.product .price{font-size:12px;color:var(--grey)}
.woocommerce a.button,.woocommerce button.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit{border-radius:0;background:#000;color:#fff;text-transform:uppercase;font-size:12px;font-weight:500;padding:15px 26px}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover{background:#333;color:#fff}
@media(max-width:899px){
 :root{--hh:54px;--pad:16px}
 .admin-bar.home .site-header{top:46px}
 .burger{display:flex;grid-column:1;grid-row:1;justify-self:start}
 .brand{grid-column:2;justify-self:center;font-size:17px}
 .search-toggle .lbl{display:none}
 .primary-nav{display:none;position:absolute;left:0;right:0;width:100%;justify-self:stretch;top:100%;height:calc(100vh - 54px);background:var(--white);color:var(--black);overflow:auto;padding:8px var(--pad) 32px}
 .nav-open .primary-nav{display:block}
 .primary-nav>ul{flex-direction:column;gap:0}
 .primary-nav>ul>li>a{height:auto;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}
 .mega{position:static;display:none;padding:6px 0 10px;border:0;box-shadow:none}
 .mega__inner{display:block}
 .mega__title,.mega__cards{display:none}
 .primary-nav .menu-item-has-children:hover>.mega{display:none}
 .primary-nav .menu-item-has-children.open>.mega{display:block}
 .header-tools{gap:16px}
 .stack>.panel--grid{position:relative;height:auto}
 .tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto}
 .tile{aspect-ratio:4/5}
 .halves{grid-template-columns:1fr;grid-template-rows:1fr 1fr}
 .footer-grid{grid-template-columns:1fr 1fr}
 .footer-grid>div:first-child{grid-column:1/-1}
 .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}
}