/*
Theme Name: Walnut Noir
Theme URI: https://example.com/
Author: Nexta Tech
Description: Premium Walnut Noir Liquid Glass WordPress theme foundation, designed for Elementor and WooCommerce.
Version: 1.0.0
Text Domain: walnut-noir
*/
:root {
  --wn-bg-deep: #2E1F1B;
  --wn-bg-soft: #5E4B43;
  --wn-text: #FFFFFF;
  --wn-text-soft: rgba(255,255,255,.78);
  --wn-text-muted: rgba(255,255,255,.56);
  --wn-glass: rgba(255,255,255,.075);
  --wn-glass-strong: rgba(255,255,255,.11);
  --wn-border: rgba(255,255,255,.18);
  --wn-radius: 24px;
  --wn-blur: 24px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--wn-text);
  background: linear-gradient(135deg, var(--wn-bg-deep), var(--wn-bg-soft));
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }
.wn-glass {
  background: var(--wn-glass);
  border: 1px solid var(--wn-border);
  border-radius: var(--wn-radius);
  backdrop-filter: blur(var(--wn-blur)) saturate(140%);
  -webkit-backdrop-filter: blur(var(--wn-blur)) saturate(140%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 20px 50px rgba(0,0,0,.20);
}
.wn-container { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }
.wn-site-header { position: sticky; top: 16px; z-index: 50; margin: 16px auto; }
.wn-header-inner { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 20px; }
.wn-nav { display:flex; flex-wrap:wrap; gap:18px; align-items:center; }
.wn-nav a { color:var(--wn-text-soft); font-size:14px; }
.wn-nav a:hover { color:#fff; }
.wn-main { min-height:60vh; }
.wn-site-footer { margin-top: 80px; padding: 40px 0; }
.wn-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:13px 22px; border-radius:999px; border:1px solid var(--wn-border); background:var(--wn-glass-strong); color:#fff; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.wn-button:hover { background:rgba(255,255,255,.16); }
@media (max-width: 800px) { .wn-container { width:min(100% - 24px, 1200px); } .wn-nav { display:none; } .wn-header-inner { padding:12px 14px; } }


/* Walnut Noir Premium Components */
:root{--wn-max:1240px;--wn-gap:24px;--wn-glass-2:rgba(255,255,255,.055);--wn-highlight:rgba(255,255,255,.24)}
body{background:
 radial-gradient(circle at 12% 8%,rgba(255,255,255,.08),transparent 28%),
 radial-gradient(circle at 88% 18%,rgba(120,76,55,.28),transparent 32%),
 linear-gradient(135deg,#2E1F1B 0%,#3d2c26 48%,#5E4B43 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.7) .5px,transparent .5px);background-size:5px 5px;mix-blend-mode:soft-light}
.wn-shell{width:min(var(--wn-max),calc(100% - 40px));margin-inline:auto}
.wn-section{padding:84px 0}.wn-section-tight{padding:52px 0}.wn-hero{padding:110px 0 80px}
.wn-grid{display:grid;gap:var(--wn-gap)}.wn-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wn-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wn-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wn-glass{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.20);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.18),0 24px 70px rgba(0,0,0,.22);}
.wn-glass:hover{border-color:rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 28px 80px rgba(0,0,0,.26);transition:.25s ease}
.wn-panel{padding:32px}.wn-kicker{display:inline-flex;padding:8px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78)}
.wn-title{font-size:clamp(42px,6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:18px 0}.wn-subtitle{font-size:18px;color:var(--wn-text-soft);max-width:720px}.wn-muted{color:var(--wn-text-muted)}
.wn-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.wn-button{transition:.25s ease}.wn-button.primary{background:rgba(255,255,255,.88);color:#2E1F1B;border-color:rgba(255,255,255,.92)}.wn-button.primary:hover{background:#fff;transform:translateY(-2px)}
.wn-stat{display:flex;align-items:center;gap:14px;padding:20px 22px}.wn-stat strong{display:block;font-size:24px}.wn-stat span{display:block;color:var(--wn-text-muted);font-size:13px}
.wn-card{height:100%;padding:28px}.wn-card h3{margin:8px 0 10px;font-size:22px}.wn-card p{color:var(--wn-text-soft)}
.wn-price{font-size:42px;font-weight:800;letter-spacing:-.04em}.wn-price small{font-size:14px;color:var(--wn-text-muted);font-weight:500}.wn-list{list-style:none;padding:0;margin:20px 0}.wn-list li{padding:8px 0;color:var(--wn-text-soft)}.wn-list li:before{content:'✓';margin-right:10px}
.wn-input,.wn-input input,.wn-input textarea,select{width:100%;background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;padding:14px 16px!important}
.wn-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.wn-table th,.wn-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}.wn-table th{color:#fff}.wn-table td{color:var(--wn-text-soft)}
.wn-breadcrumb{color:var(--wn-text-muted);font-size:13px;margin-bottom:16px}.wn-breadcrumb a:hover{color:#fff}.wn-prose{max-width:850px}.wn-prose p,.wn-prose li{color:var(--wn-text-soft);font-size:17px}.wn-prose h2,.wn-prose h3{color:#fff;margin-top:42px}
.wn-footer{margin-top:60px}.wn-footer a{color:var(--wn-text-soft)}.wn-footer a:hover{color:#fff}
.elementor .wn-shell{width:min(var(--wn-max),calc(100% - 40px));margin-inline:auto}.elementor-page .wn-site-header{z-index:999}
@media(max-width:900px){.wn-grid-2,.wn-grid-3,.wn-grid-4{grid-template-columns:1fr 1fr}.wn-hero{padding-top:70px}.wn-title{font-size:48px}}
@media(max-width:600px){.wn-shell,.elementor .wn-shell{width:calc(100% - 24px)}.wn-grid-2,.wn-grid-3,.wn-grid-4{grid-template-columns:1fr}.wn-section{padding:60px 0}.wn-title{font-size:42px}.wn-panel{padding:22px}}