/* Oudaden — WordPress + WooCommerce bridge stylesheet.
   Reuses the brand tokens; matches the React design system for non-SPA pages. */

:root {
  --walnut: #192319;
  --oak: #735639;
  --cream: #F9F6F0;
  --line: rgba(25, 35, 25, 0.12);
}

html { scroll-behavior: smooth; }
body {
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
  color: var(--walnut);
  background: var(--cream);
  line-height: 1.6;
}
h1,h2,h3,h4,h5,h6 { font-family: 'Playfair Display', Georgia, serif; font-weight: 600; line-height: 1.2; }

/* Tailwind-like utilities used by PHP templates (kept minimal so we don't ship the whole framework on shop pages). */
.container { width: 100%; max-width: 1280px; }
.mx-auto { margin-left: auto; margin-right: auto; }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
@media (min-width: 1024px) { .lg\:px-12 { padding-left: 3rem; padding-right: 3rem; } .lg\:col-span-3{ grid-column: span 3 / span 3;} .lg\:col-span-1{ grid-column: span 1 / span 1;} .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0,1fr)); } .lg\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0,1fr)); } .lg\:block{display:block;} }
@media (min-width: 768px) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0,1fr)); } .md\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0,1fr)); } .md\:flex-row{ flex-direction: row;} .md\:text-5xl { font-size: 3rem; line-height: 1; } .md\:text-6xl{ font-size: 3.75rem; line-height: 1;} }
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0,1fr)); }
.gap-2{gap:.5rem} .gap-4{gap:1rem} .gap-5{gap:1.25rem} .gap-6{gap:1.5rem} .gap-8{gap:2rem} .gap-10{gap:2.5rem}
.flex{display:flex} .flex-col{flex-direction:column} .items-center{align-items:center} .justify-between{justify-content:space-between} .justify-center{justify-content:center}
.py-2{padding:.5rem 0}.py-3{padding:.75rem 0}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-8{padding:2rem 0}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-24{padding-top:6rem;padding-bottom:6rem}
.pt-2{padding-top:.5rem}.pt-5{padding-top:1.25rem}.pt-8{padding-top:2rem}
.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}
.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-auto{margin-top:auto}
.text-center{text-align:center}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem;line-height:1.1}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}
.font-serif{font-family:'Playfair Display',Georgia,serif}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}
.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}
.bg-walnut{background:var(--walnut)} .text-walnut{color:var(--walnut)} .bg-cream{background:var(--cream)} .text-cream{color:var(--cream)} .text-oak{color:var(--oak)} .bg-oak{background:var(--oak)}
.border{border:1px solid var(--line)} .border-t{border-top:1px solid var(--line)} .border-cream\/10{border-color:rgba(249,246,240,.1)}
.rounded{border-radius:.375rem} .rounded-sm{border-radius:.25rem} .rounded-full{border-radius:9999px}
.overflow-hidden{overflow:hidden}
.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}
.transition-colors{transition:color .3s ease}.transition-transform{transition:transform .5s ease}
.hover\:text-oak:hover{color:var(--oak)} .hover\:scale-105:hover{transform:scale(1.05)}
.w-full{width:100%}.h-auto{height:auto}.h-64{height:16rem}.h-screen,.min-h-screen{min-height:100vh}.object-cover{object-fit:cover}
.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-none{max-width:none}
.prose h2{font-size:1.875rem;margin:2rem 0 1rem}.prose h3{font-size:1.5rem;margin:1.5rem 0 .75rem}.prose p{margin-bottom:1rem}.prose a{color:var(--oak);text-decoration:underline}.prose img{border-radius:.375rem;margin:1.5rem 0}.prose ul,.prose ol{margin:1rem 0 1rem 1.5rem}.prose-lg{font-size:1.0625rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inline-flex{display:inline-flex}.inline-block{display:inline-block}.relative{position:relative}
nav ul{list-style:none;padding:0;margin:0}
nav a{color:inherit;text-decoration:none}
nav a:hover{color:var(--oak)}

/* ----- WooCommerce overrides ----- */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin:0;padding:0}
@media(min-width:640px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(3,1fr)}}
.woocommerce ul.products li.product{width:auto !important;margin:0 !important;padding:0;list-style:none;background:#fff;border:1px solid var(--line);border-radius:.375rem;overflow:hidden;transition:transform .35s ease, box-shadow .35s ease}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:0 18px 40px -20px rgba(25,35,25,.25)}
.woocommerce ul.products li.product a img{margin:0;width:100%;height:auto;display:block}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:'Playfair Display',serif !important;font-size:1.125rem !important;padding:1rem 1.25rem .25rem !important;color:var(--walnut)}
.woocommerce ul.products li.product .price{padding:0 1.25rem;color:var(--oak);font-family:'Playfair Display',serif}
.woocommerce ul.products li.product .button{display:block;margin:.75rem 1.25rem 1.25rem;background:var(--walnut);color:var(--cream);text-align:center;padding:.65rem 1rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;text-decoration:none;border:none;cursor:pointer;transition:background .25s ease}
.woocommerce ul.products li.product .button:hover{background:var(--oak)}
.woocommerce .button, .woocommerce a.button, .woocommerce-page #respond input#submit, .woocommerce-page button.button, .woocommerce-page input.button{background:var(--walnut) !important;color:var(--cream) !important;border-radius:.25rem !important;padding:.75rem 1.5rem !important;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500;border:none}
.woocommerce .button.alt, .woocommerce a.button.alt{background:var(--oak) !important;color:var(--cream) !important}
.woocommerce .button:hover, .woocommerce a.button:hover{background:var(--oak) !important}
.woocommerce nav.woocommerce-pagination ul{border:none;display:flex;gap:.5rem;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{padding:.5rem .9rem;border:1px solid var(--line);border-radius:.25rem;color:var(--walnut)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--walnut);color:var(--cream);border-color:var(--walnut)}
.woocommerce-message, .woocommerce-info, .woocommerce-error{border-top-color:var(--oak);background:#fff}
.woocommerce-product-gallery__image img{border-radius:.375rem}
.woocommerce div.product .product_title{font-family:'Playfair Display',serif;font-size:2.25rem;color:var(--walnut)}
.woocommerce div.product p.price, .woocommerce div.product span.price{color:var(--oak);font-family:'Playfair Display',serif;font-size:1.5rem}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent;border:none;border-radius:0;margin:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:2px solid var(--oak)}
.woocommerce div.product form.cart .quantity .qty{border:1px solid var(--line);padding:.6rem;border-radius:.25rem;width:80px}
.woocommerce-cart table.cart, .woocommerce-checkout table.shop_table{border:1px solid var(--line);border-radius:.375rem}
.woocommerce-cart-form__cart-item img{max-width:80px;border-radius:.25rem}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{border:1px solid var(--line);padding:.65rem .85rem;border-radius:.25rem;background:#fff}
.woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:.375rem;overflow:hidden}
.woocommerce .woocommerce-MyAccount-navigation ul li{border-bottom:1px solid var(--line)}
.woocommerce .woocommerce-MyAccount-navigation ul li:last-child{border-bottom:none}
.woocommerce .woocommerce-MyAccount-navigation ul li a{display:block;padding:.85rem 1rem;color:var(--walnut);text-decoration:none}
.woocommerce .woocommerce-MyAccount-navigation ul li.is-active a{background:var(--walnut);color:var(--cream)}

/* Cart count bubble */
.oudaden-cart-count{background:var(--oak);color:var(--cream);min-width:20px;height:20px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;padding:0 6px;margin-left:.25rem}