:root{
--bg:#fbfaf7;
--paper: url(//www.lejannepood.ee/wp-content/themes/lejanne/assets/img/paper.png);
--text:#141414;
--muted:#6d6a63;
--line:#e7e0d2;
--gold:#c9a24d;
--gold2:#ddb66c;
--gold3:#9a7227;
--shadow: 0 12px 34px rgba(0,0,0,.07);
--shadow2: 0 18px 48px rgba(0,0,0,.10);
--radius:18px;
--radius2:26px;
--max: 1180px;
}
*{ box-sizing:border-box; }
html,body{ height:100%; }
body{
margin:0;
color:var(--text);
background: var(--bg) var(--paper) repeat;
font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a{ color:inherit; text-decoration:none; }
a:hover{ color:var(--gold3); }
img{ max-width:100%; height:auto; display:block; }
.lej-container{ max-width: var(--max); margin: 0 auto; padding: 0 22px; }
.lej-shell{ padding: 0 0 34px; }
.admin-bar .lej-header{ top:32px; }
.lej-topbar{ border-bottom:1px solid rgba(231,224,210,.9); background: rgba(255,255,255,.70); backdrop-filter: blur(6px); }
.lej-topbar .inner{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; color:var(--muted); font-size:12.5px; }
.lej-chip{ display:inline-flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid rgba(201,162,77,.35); border-radius:999px; background: rgba(255,255,255,.7); }
.lej-header{ position:sticky; top:0; z-index:50; background: rgba(255,255,255,.82); backdrop-filter: blur(10px); border-bottom:1px solid rgba(231,224,210,.9); }
.lej-headrow{ display:grid; grid-template-columns: auto 1fr auto; align-items:center; gap:18px; padding:14px 0; }
.lej-brand{ display:flex; flex-direction:column; gap:6px; justify-self:start; align-items:flex-start; }
.lej-brand .custom-logo{ max-height:56px; width:auto; }
.lej-brand .title{ font-family:"Cormorant Garamond", Georgia, serif; font-weight:700; letter-spacing:.08em; text-transform:uppercase; font-size:30px; line-height:1; }
.lej-brand .tag{ color:var(--muted); font-size:12px; letter-spacing:.02em; }
.lej-nav ul{ margin:0; padding:0; list-style:none; display:flex; gap:18px; align-items:center; }
.lej-nav a{ font-family:"Cormorant Garamond", Georgia, serif; font-size:18px; letter-spacing:.02em; color:#2b2823; }
.lej-actions{ display:flex; align-items:center; gap:10px; }
.lej-search{ display:flex; align-items:center; gap:10px; border:1px solid rgba(231,224,210,.95); border-radius:999px; padding:10px 12px; background: rgba(255,255,255,.9); min-width:260px; }
.lej-search input{ border:none; outline:none; background:transparent; width:100%; font-size:13.5px; }
.lej-iconbtn{ display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(231,224,210,.95); border-radius:999px; padding:10px 14px; background: rgba(255,255,255,.92); }
.lej-badge{ display:inline-flex; min-width:22px; height:22px; align-items:center; justify-content:center; padding:0 7px; border-radius:999px; color:#fff; font-size:12px; background: linear-gradient(180deg, var(--gold2), var(--gold3)); box-shadow: 0 10px 22px rgba(154,114,39,.22); }
.lej-burger{ display:none; width:44px; height:44px; border-radius:999px; border:1px solid rgba(231,224,210,.95); background: rgba(255,255,255,.92); align-items:center; justify-content:center; cursor:pointer; }
.lej-burger span{ width:18px; height:2px; background:#2b2823; display:block; position:relative; }
.lej-burger span:before,.lej-burger span:after{ content:""; position:absolute; left:0; width:18px; height:2px; background:#2b2823; }
.lej-burger span:before{ top:-6px; } .lej-burger span:after{ top:6px; }
.lej-mobile{ display:none; border-top:1px solid rgba(231,224,210,.9); background: rgba(255,255,255,.86); }
.lej-mobile.is-open{ display:block; }
.lej-mobile ul{ list-style:none; margin:0; padding:10px 0; }
.lej-mobile li{ padding:10px 0; border-bottom:1px solid rgba(231,224,210,.55); }
.lej-mobile a{ font-family:"Cormorant Garamond", Georgia, serif; font-size:18px; }
.lej-btn, .button, button, input[type="submit"], .woocommerce a.button{
display:inline-flex; align-items:center; justify-content:center; gap:10px;
padding:12px 18px; border-radius:12px;
border:1px solid rgba(154,114,39,.52);
background: linear-gradient(180deg, var(--gold2), var(--gold3));
color:#fff; font-weight:700; cursor:pointer;
box-shadow: 0 14px 26px rgba(154,114,39,.18);
}
.lej-btn:hover, .button:hover, button:hover, input[type="submit"]:hover, .woocommerce a.button:hover{
background: linear-gradient(180deg, #e6c77f, #946a1f);
}
.lej-ghost{ display:inline-flex; align-items:center; justify-content:center; padding:12px 18px; border-radius:12px; border:1px solid rgba(231,224,210,.95); background: rgba(255,255,255,.88); color:#2b2823; font-weight:700; }
.lej-hero{ margin:22px 0 10px; border-radius: var(--radius2); overflow:hidden; border:1px solid rgba(231,224,210,.95); background:#111; box-shadow: var(--shadow2); position:relative; min-height:440px; }
.lej-hero .bg{ position:absolute; inset:0; background-size:cover; background-position:center; opacity:.98; filter:saturate(.95) contrast(1.08); }
.lej-hero:after{ content:""; position:absolute; inset:0; background: radial-gradient(900px 420px at 20% 40%, rgba(0,0,0,var(--lej-hero-rad, .35)) 0%, rgba(0,0,0,var(--lej-hero-mid, .12)) 58%, rgba(0,0,0,.04) 100%), linear-gradient(90deg, rgba(0,0,0,var(--lej-hero-left, .35)), rgba(0,0,0,.06)); }
.lej-hero .content{ position:relative; padding:62px; max-width:720px; }
.lej-hero h1{ margin:0; color:#fff; font-family:"Cormorant Garamond", Georgia, serif; font-weight:700; font-size:62px; line-height:1.03; text-shadow: 0 2px 18px rgba(0,0,0,.45); }
.lej-hero p{ margin:14px 0 26px; color: rgba(255,255,255,.92); font-size:16px; line-height:1.7; text-shadow: 0 2px 14px rgba(0,0,0,.35); }
.lej-hero .cta{ display:flex; gap:10px; flex-wrap:wrap; }
.lej-section{ padding:10px 0 18px; }
.lej-head{ display:flex; align-items:center; gap:12px; margin:10px 0 14px; }
.lej-head h2{ margin:0; font-family:"Cormorant Garamond", Georgia, serif; font-weight:650; font-size:30px; }
.lej-head .rule{ height:1px; flex:1; background: linear-gradient(90deg, rgba(201,162,77,.85), rgba(231,224,210,.2)); }
.lej-head .spark{ width:22px; height:22px; background:url(//www.lejannepood.ee/wp-content/themes/lejanne/assets/img/spark.svg) no-repeat center/contain; }
.lej-cats{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.lej-cat{ border-radius: var(--radius); overflow:hidden; border:1px solid rgba(231,224,210,.95); background: rgba(255,255,255,.9); box-shadow: var(--shadow); }
.lej-cat .img{ height:220px; background-size:cover; background-position:center; }
.lej-cat .body{ padding:14px 14px 16px; }
.lej-cat .name{ display:flex; align-items:center; justify-content:space-between; font-family:"Cormorant Garamond", Georgia, serif; font-size:22px; font-weight:650; }
.lej-cat .meta{ margin-top:6px; color: var(--muted); font-size:13px; }
.lej-cat .arrow{ width:34px; height:34px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:1px solid rgba(231,224,210,.95); background: rgba(255,255,255,.92); }
.woocommerce ul.products{ margin:0; padding:0; list-style:none; display:grid; grid-template-columns: repeat(4, 1fr); gap:16px; }
.woocommerce ul.products li.product{ float:none !important; width:auto !important; margin:0 !important; }
.lej-product{ border-radius: var(--radius); overflow:hidden; border:1px solid rgba(231,224,210,.95); background: rgba(255,255,255,.92); box-shadow: var(--shadow); padding:12px; transition: transform .15s ease, box-shadow .15s ease; }
.lej-product:hover{ transform: translateY(-2px); box-shadow: 0 18px 46px rgba(0,0,0,.11); }
.lej-product img{ border-radius:14px; width:100%; height:220px; object-fit:cover; }
.lej-product .woocommerce-loop-product__title{ margin:10px 0 6px; font-family:"Cormorant Garamond", Georgia, serif; font-weight:650; font-size:20px; color:#231f1a; }
.lej-product .price{ margin:0 0 10px; color: var(--gold3); font-weight:800; }
.lej-product .button{ width:100%; border-radius:12px; }
.single-product .product{ display:grid; grid-template-columns: 1.1fr .9fr; gap:18px; }
.single-product div.product .woocommerce-product-gallery, .single-product .summary{ border:1px solid rgba(231,224,210,.95); background: rgba(255,255,255,.9); border-radius: var(--radius); box-shadow: var(--shadow); }
.single-product div.product .woocommerce-product-gallery{ padding:12px; }
.single-product .summary{ padding:16px; }
.single-product .summary h1{ margin-top:0; font-family:"Cormorant Garamond", Georgia, serif; font-size:40px; }
.single-product .summary .price{ color: var(--gold3); font-weight:900; font-size:32px; }
.single-product .woocommerce-product-details__short-description{ color: var(--muted); line-height:1.7; }
.woocommerce-checkout form.checkout{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout #order_review{ border:1px solid rgba(231,224,210,.95); background: rgba(255,255,255,.92); border-radius: var(--radius); box-shadow: var(--shadow); padding:16px; }
.woocommerce input.input-text, .woocommerce textarea{ width:100%; padding:11px 12px; border:1px solid rgba(231,224,210,.95); border-radius:12px; background: rgba(255,255,255,.98); }
.lej-footer{ border-top:1px solid rgba(231,224,210,.9); background: rgba(255,255,255,.76); padding:18px 0 22px; color: var(--muted); font-size:13px; }
.lej-footrow{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.lej-footer ul{ margin:0; padding:0; list-style:none; display:flex; gap:14px; }
@media (max-width: 1020px){
.lej-search{ display:none; }
.lej-nav{ display:none; }
.lej-burger{ display:flex; }
.woocommerce ul.products{ grid-template-columns: repeat(2, 1fr); }
.lej-cats{ grid-template-columns: 1fr; }
.lej-hero .content{ padding:28px; }
.lej-hero h1{ font-size:38px; }
.single-product .product{ grid-template-columns: 1fr; }
.woocommerce-checkout form.checkout{ grid-template-columns: 1fr; }
}
.lej-nav{ justify-self:center; }
.lej-actions{ justify-self:end; }
.lej-hero:after{ pointer-events:none; }
.lej-hero .bg{ pointer-events:none; }
.lej-brand .custom-logo-link{ display:inline-flex; align-items:center; }
.lej-brand img.custom-logo{ max-height: var(--lej-logo-h, 72px); width:auto; } .lej-header .lej-container{ padding-left: 14px; padding-right: 14px; }
.lej-headrow{
display:grid !important;
grid-template-columns: max-content 1fr max-content !important;
align-items:center !important;
}
.lej-brand{ justify-self:start !important; align-items:flex-start !important; margin:0 !important; }
.lej-actions{ justify-self:end !important; justify-content:flex-end !important; }
.lej-nav{ justify-self:center !important; }