/*
Theme Name: TAARIX
Theme URI: https://taarix.in
Author: TAARIX
Description: Modern jewellery theme for WooCommerce. Light pearl and champagne design with an optional dark showroom mode, built to work with the TAARIX AR Try-On plugin.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: taarix
*/
:root{--bg:#f8f5ef;--card:#fff;--fg:#2a2420;--mut:#7a6e63;--ac:#b08a4a;--ln:#e6dccd;--sand:#ece3d4;--tx-accent:var(--ac);--tx-line:var(--ln)}
body.taarix-dark{--bg:#0b0a09;--card:#141210;--fg:#f4f1ec;--mut:#a79d92;--ac:#c19a74;--ln:#2a2420;--sand:#15120f}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:300 16px/1.65 'Jost',system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.01em}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.2;margin:0 0 .5em}
em{font-style:italic;color:var(--ac)}
.container{width:min(1200px,100% - 32px);margin:0 auto}
input,select,textarea{font:inherit;color:var(--fg);background:var(--card);border:1px solid var(--ln);border-radius:8px;padding:10px 12px;max-width:100%}

/* buttons */
.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce a.button.checkout-button,.single_add_to_cart_button{display:inline-block;border:1px solid var(--ac);background:transparent;color:var(--fg);padding:11px 24px;border-radius:999px;font:400 .78rem 'Jost',sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;line-height:1.2;transition:.2s}
.button:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--ac);color:#fff;border-color:var(--ac)}
.button.gold,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce a.button.checkout-button,.single_add_to_cart_button{background:var(--ac);color:#fff}
.button.gold:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.single_add_to_cart_button:hover{filter:brightness(1.08);background:var(--ac)}
.txa-try{margin-left:8px}.txa-small{margin:6px 0 0;padding:7px 14px;font-size:.7rem}

/* header */
.topbar{background:#15110d;color:#e3d8ca;text-align:center;padding:8px 12px;font-size:.72rem;letter-spacing:.25em;text-transform:uppercase}
.site-header{border-bottom:1px solid var(--ln);background:var(--bg);position:sticky;top:0;z-index:50}
.hdr{display:flex;align-items:center;gap:24px;min-height:74px}
.logo{display:flex;align-items:center;gap:10px;font:400 1.5rem Georgia,serif;letter-spacing:.4em}
.logo svg{width:24px;height:24px;color:var(--ac)}.custom-logo{max-height:48px;width:auto}
.primary-nav{flex:1}.primary-nav ul{display:flex;gap:30px;list-style:none;margin:0;padding:0;justify-content:center}
.primary-nav a{font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}.primary-nav a:hover,.primary-nav .current-menu-item a{color:var(--ac)}
.hdr-tools{display:flex;gap:18px;align-items:center;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}
.hdr-tools form{margin:0}.hdr-tools input[type=search]{width:150px;padding:7px 12px;border-radius:999px;font-size:.85rem}
.cart-count{display:inline-block;min-width:20px;padding:0 6px;border-radius:999px;background:var(--ac);color:#fff;text-align:center;font-size:.7rem}
.navt,.burger{display:none}
@media(max-width:860px){.burger{display:block;cursor:pointer;font-size:1.5rem;margin-left:auto;order:2}.hdr-tools{order:3}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--ln);padding:14px 16px}.navt:checked~.primary-nav{display:block}.primary-nav ul{flex-direction:column;gap:14px}.hdr-tools input[type=search]{display:none}}

/* home */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:72px 0}
.eyebrow{display:block;font-size:.74rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ac);margin-bottom:14px}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);margin-bottom:.3em}
.hero p{max-width:480px;color:var(--mut);font-size:1.1rem}.hero .button{margin:22px 10px 0 0}
.hero-img{aspect-ratio:4/5;border-radius:20px;background:linear-gradient(160deg,#eadfca,#c4a574);background-size:cover;background-position:center}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:40px 0}.hero-img{aspect-ratio:4/3}}
.sec{padding:56px 0}.sec h2{text-align:center;font-size:clamp(1.7rem,3vw,2.2rem)}.sec .lead{text-align:center;color:var(--mut);margin:0 auto 32px;max-width:560px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.cat{position:relative;aspect-ratio:4/5;display:flex;align-items:flex-end;justify-content:center;padding:20px;border-radius:16px;overflow:hidden;color:#fff;background:linear-gradient(160deg,#cdb687,#8c6d3a);background-size:cover;background-position:center;font-size:.82rem;letter-spacing:.25em;text-transform:uppercase}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000a)}.cat span{position:relative;z-index:1}.cat:hover{outline:2px solid var(--ac)}
.center{text-align:center;margin-top:28px}
.studio{background:#15110d;color:#f4f1ec;border-radius:22px;padding:clamp(40px,7vw,80px) 24px;text-align:center}
.studio h2{color:#f4f1ec}.studio p{max-width:520px;margin:0 auto 22px;color:#cfc4b6}.studio .button{color:#f4f1ec}.studio small{display:block;margin-top:16px;color:#9a8f82}
.story{text-align:center;max-width:680px;margin:0 auto}.story p{color:var(--mut);font-size:1.1rem}

/* WooCommerce */
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 0 30px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products[class*=columns-] li.product,.woocommerce-page ul.products[class*=columns-] li.product{float:none!important;width:auto!important;margin:0!important;background:var(--card);border:1px solid var(--ln);border-radius:16px;padding:12px;text-align:center;position:relative}
.woocommerce ul.products li.product img{border-radius:12px;margin:0 0 12px;aspect-ratio:1;object-fit:cover;width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font:400 1rem Georgia,serif;padding:0;margin:0 0 6px}
.woocommerce ul.products li.product .price{display:block;color:var(--ac);font-size:.95rem;margin-bottom:10px}
.woocommerce ul.products li.product .price del{color:var(--mut);margin-right:6px}.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce span.onsale{background:var(--ac);color:#fff;min-height:0;min-width:0;line-height:1;padding:7px 12px;border-radius:999px;font-size:.7rem;letter-spacing:.1em;top:20px;left:20px;right:auto}
@media(max-width:960px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:12px}}
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:auto!important;margin:0!important}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .product_title{font-size:2rem}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ac);font-size:1.4rem}
.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0}
@media(max-width:800px){.woocommerce div.product{grid-template-columns:1fr}}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--card);color:var(--fg);border-top-color:var(--ac)}
.woocommerce table.shop_table{border-color:var(--ln);border-radius:12px;background:var(--card)}
.woocommerce-breadcrumb{color:var(--mut);font-size:.85rem;margin-bottom:20px}
.wc-main,.entry-wrap{padding:40px 0}
.woocommerce-products-header__title,.page-title,.entry-title{font-size:clamp(2rem,4vw,2.8rem)}
.entry{max-width:none}.entry-content>:not(.txa){max-width:820px}

/* footer */
.site-footer{border-top:1px solid var(--ln);margin-top:64px;padding:48px 0 28px;background:var(--sand)}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}@media(max-width:700px){.fgrid{grid-template-columns:1fr}}
.site-footer h4{font:400 .8rem 'Jost',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ac)}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:6px 0}.site-footer p{color:var(--mut);max-width:420px}
.copy{margin-top:32px;font-size:.78rem;color:var(--mut);letter-spacing:.1em}
