/*
Theme Name: Neves da Cruz
Theme URI: https://nevesdacruz.pt
Author: Neves da Cruz
Description: Tema feito a partir dos mock-ups da marca Neves da Cruz.
Version: 1.0
Text Domain: neves-da-cruz
*/

*{box-sizing:border-box}
body{margin:0;background:#F6F1E7;color:#14110E;font-family:'Jost',sans-serif}
a{color:inherit;text-decoration:none}
img{display:block}
button{font-family:'Jost',sans-serif;cursor:pointer}
.nav a{white-space:nowrap;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.nav a:hover,.ul:hover{opacity:.7}
.ul{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}
.marquee{display:flex;width:max-content;animation:run 38s linear infinite}
@keyframes run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.rail{display:flex;gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.card{flex:0 0 min(78vw,360px);scroll-snap-align:start;display:flex;flex-direction:column;gap:14px}
.photo{position:relative;overflow:hidden}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tile:hover img{transform:scale(1.03)}
.photo img{transition:transform .6s ease}
@media (prefers-reduced-motion:reduce){.marquee{animation:none}.photo img{transition:none}}
.mo{display:none}
.size{height:52px;border:1px solid #CFC5B2;background:transparent;font-size:15px;color:#14110E}
.size.on{background:#14110E;border-color:#14110E;color:#EFE8DA}
.size.off{color:#A59B8A;text-decoration:line-through}
.sticky{position:sticky;top:24px}
.cta{display:block}
@media (max-width:700px){
.nav{display:grid!important;grid-template-columns:1fr auto 1fr;gap:0!important;padding:18px 20px!important}
.nav .dm{display:none!important}
.nav .mo{display:block}
.nav .mo.r{text-align:right}
.nav .wm{font-size:17px!important;letter-spacing:.1em!important}
body{padding-bottom:84px}
.cta{position:fixed;left:0;right:0;bottom:0;z-index:5;background:#F6F1E7;padding:12px 16px;border-top:1px solid #CFC5B2}
.sticky{position:static}
.rel{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.rel>a{flex:0 0 72vw;scroll-snap-align:start}
}

/* páginas genéricas (carrinho, checkout, conta) usam a mesma base visual */
.ndc-page{max-width:900px;margin:0 auto;padding:clamp(40px,6vw,80px) clamp(20px,4vw,56px)}
.ndc-page h1{font-family:'Prata',serif;font-weight:400;font-size:clamp(34px,4.4vw,56px);color:#1E2B24;margin:0 0 32px}
.ndc-page table.shop_table{width:100%;border-collapse:collapse;font-size:15px}
.ndc-page table.shop_table th,.ndc-page table.shop_table td{padding:14px 10px;border-bottom:1px solid #CFC5B2;text-align:left}
.ndc-page .button,.ndc-page input[type=submit],.ndc-page button[type=submit]{display:inline-block;padding:16px 28px;background:#1E2B24;color:#EFE8DA;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;border:0}
.ndc-page .woocommerce-form-row input,.ndc-page .woocommerce-form-row select,.ndc-page .woocommerce-form-row textarea{width:100%;height:48px;border:1px solid #CFC5B2;background:transparent;font-family:'Jost',sans-serif;font-size:15px;padding:0 12px}
.ndc-page .woocommerce-form-row textarea{height:auto;padding:12px}
.ndc-page .woocommerce-form-row label{display:block;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#5B5146;margin-bottom:8px}