/* "Saulėtekis" theme for the inner pages (shop, product, cart, contacts, about).
   Loaded after style.css and the page's own styles; mostly remaps the design tokens. */
:root{
  --ink-900:#10212E; --ink-800:#17364B; --ink-700:#34485A; --ink-500:#566878;
  --surface-0:#FBF8F3; --surface-1:#F1EBE1; --surface-2:#E6DDCF; --line:#E2D8C8;
  --navy-950:#0F2638; --navy-900:#10212E; --navy-800:#17364B;
  --green-500:#FFB238; --green-400:#FFC857; --green-50:#FFF1CF;
  --r-sm:8px; --r:10px; --r-lg:12px; --r-xl:14px;
  --shadow:0 1px 2px rgb(16 33 46/.05),0 12px 32px rgb(16 33 46/.10);
  --shadow-lg:0 2px 6px rgb(16 33 46/.07),0 32px 64px rgb(16 33 46/.18);
  --f-head:"Geologica","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Inter,Arial,sans-serif;
  --f-body:"Geologica","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Inter,Arial,sans-serif;
  --serif:"Newsreader","Iowan Old Style","Palatino Linotype",Georgia,"Bitstream Charter","DejaVu Serif",serif;
  --mono:"Martian Mono",Consolas,"Cascadia Mono","DejaVu Sans Mono",Menlo,monospace;
}
body{background:var(--surface-0);font-weight:350}
h1,h2,.page-hero h1,.buy h1,.story-head h2{font-family:var(--serif);font-weight:450;letter-spacing:-.02em}
.num{font-family:var(--mono);font-stretch:80%;letter-spacing:-.03em}
::selection{background:rgb(255 178 56/.35)}
/* header */
header.site{background:rgb(251 248 243/.92)}
/* scroll progress line in sunrise colours */
body::before{background:linear-gradient(90deg,#FFE9B8,#FFB238)!important}
/* page title band = a small dawn sky standing on a horizon line */
.page-hero{position:relative;background:linear-gradient(180deg,#A9CBE7 0%,#D0E0EC 38%,#F7DDBE 80%,#FFD694 100%)!important;border-bottom:0}
.page-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#17364B,#2B5D78 40%,#FFC857 68%,#FFE9B8 74%,#FFC857 80%,#2B5D78);pointer-events:none}
.page-hero::before{content:"";position:absolute;right:26%;bottom:0;width:clamp(110px,14vw,190px);aspect-ratio:2/1;transform:translateX(50%);border-radius:999px 999px 0 0;background:radial-gradient(circle at 50% 100%,#FFF6D8 0,#FFD873 40%,#FFB238 75%,#FF9A2E 100%);box-shadow:0 0 60px 24px rgb(255 196 92/.5);pointer-events:none}
.page-hero>*{position:relative;z-index:1}
.page-hero h1,.page-hero p,.page-hero .crumbs,.page-hero .crumbs a{color:var(--ink-900)}
/* cards and tiles: white on warm paper, soft corners */
.card .media,.cat-tile,.tile{background:#fff}
.card .media{box-shadow:0 0 0 1px var(--line)}
.card:hover .add:not(.done){background:var(--green-500);color:var(--ink-900)}
/* accents that used to be green: links on dark, badges, focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--ink-900)}
.screen.dark::before,.pk::before,.pre-foot::before{background:linear-gradient(90deg,transparent,#FFC857,#FFE9B8,#FFC857,transparent)}
/* dark bands become the sea */
.pre-foot,footer.site-footer,.pk,.screen.dark{background-image:linear-gradient(180deg,#17364B,#0F2638)}
@media (max-width:700px){.page-hero::before{right:14%}}
/* logo as on the new home page: plain wordmark, sun instead of the green dot */
header.site .logo svg{display:none}
header.site .logo span{font-family:var(--f-body);font-size:1.25rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-900);text-transform:none}
header.site .logo span b{font-weight:300;color:var(--ink-900);margin-left:.28em;text-transform:capitalize;font-variant:normal}
footer.site-footer .logo svg circle{fill:#FFB238}
header.site .logo span b{display:inline-block;text-transform:lowercase}
header.site .logo span b::first-letter{text-transform:uppercase}
.page-hero{overflow:hidden}
/* documents / warranty / compatibility block on the product page */
.docs{padding-bottom:96px}
.docs-head{max-width:46em;margin-bottom:28px}
.docs-head h2{font-size:clamp(30px,3.4vw,44px)}
.docs-head p{color:var(--ink-500);margin-top:12px}
.docs-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:20px;align-items:start}
.docs-grid>div{background:#fff;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);padding:24px}
.docs-grid h3{font:600 13px/1 var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);margin-bottom:14px}
.doc-list{display:grid;gap:8px;list-style:none;padding:0;margin:0}
.doc-list a{display:flex;gap:14px;align-items:center;min-height:56px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink-900);background:var(--surface-0);transition:background .2s,transform .2s}
.doc-list a:hover{background:var(--green-50);transform:translateX(3px)}
.doc-list b{display:block;font-weight:500;line-height:1.3}
.doc-list small{color:var(--ink-500);font-size:13px}
.doc-ico{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:var(--ink-900);color:#FFC857;font:600 11px/1 var(--mono);letter-spacing:.02em}
.doc-warr{font-family:var(--serif);font-size:26px;line-height:1.2;color:var(--ink-900)}
.doc-small,.doc-note{color:var(--ink-500);font-size:14px;margin-top:12px}
.doc-comp{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.doc-comp li{position:relative;padding-left:18px;line-height:1.5}
.doc-comp li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--green-500)}
@media (max-width:980px){.docs-grid{grid-template-columns:1fr}}
/* guide / article pages */
.article{max-width:760px;margin:0 auto;padding:56px 0 96px}
.article>*+*{margin-top:18px}
.article h2{font-size:clamp(26px,3vw,36px);line-height:1.15;margin-top:48px}
.article h3{font:600 19px/1.3 var(--f-body);margin-top:30px;color:var(--ink-900)}
.article p,.article li{font-size:17px;line-height:1.65;color:var(--ink-700)}
.article ul,.article ol{padding-left:22px;display:grid;gap:8px}
.article a{color:var(--ink-900);text-underline-offset:4px}
.article .lead{font-size:20px;color:var(--ink-900)}
.article .box{background:#fff;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);padding:22px 24px;margin-top:26px}
.article .box.sun{background:var(--green-50);box-shadow:0 0 0 1px #F2D89A}
.article .box>*+*{margin-top:10px}
.article .box h3{margin-top:0}
.article table{width:100%;border-collapse:collapse;margin-top:22px;font-size:16px;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.article th,.article td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.45}
.article thead th{font:600 13px/1.2 var(--f-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);background:var(--surface-1)}
.article tr:last-child td,.article tr:last-child th{border-bottom:0}
.article tbody th{font-weight:500;color:var(--ink-900);width:30%}
.article .tbl{overflow-x:auto}
.article .src{font-size:14px;color:var(--ink-500);border-top:1px solid var(--line);padding-top:18px;margin-top:48px}
.article .src li{font-size:14px}
.article .prod{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.article .prod:last-child{border-bottom:0}
.article .prod b{font-weight:500;color:var(--ink-900)}
.article .prod span{white-space:nowrap}
.article .prod:hover b{text-decoration:underline}
.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:56px;padding-bottom:96px}
.guide-card{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:var(--r-lg);box-shadow:0 0 0 1px var(--line);padding:26px;text-decoration:none;color:var(--ink-900);transition:transform .25s,box-shadow .25s}
.guide-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--line),0 20px 40px -24px rgb(16 33 46/.35)}
.guide-card .k{font:600 12px/1 var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500)}
.guide-card h2{font-size:26px;line-height:1.15}
.guide-card p{color:var(--ink-700);font-size:16px;line-height:1.55}
.guide-card .go{margin-top:auto;padding-top:10px;font-weight:500}
@media (max-width:900px){.guides{grid-template-columns:1fr}}
.docs{scroll-margin-top:150px}
/* WordPress pages */
.page-wide .guides{padding-left:0;padding-right:0}
.article .wp-block-html{display:contents}
.article p.prod{margin:0}

.wd-box{display:inline-flex;flex-direction:column;gap:2px;margin:6px 8px 6px 0;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(16,33,46,.12);color:#10212E;text-decoration:none;font-size:15px;vertical-align:top}
.wd-box b{font-weight:600;letter-spacing:.02em}
a.wd-box span{text-decoration:underline;text-underline-offset:3px}
a.wd-box:hover{box-shadow:inset 0 0 0 1.5px #10212E}

/* --- fixes after testing with the real shop --- */
.admin-bar header.site{top:32px}
@media (max-width:782px){.admin-bar header.site{top:46px}}
.mega .wrap{grid-template-columns:repeat(var(--mc,5),minmax(0,1fr)) minmax(190px,1.1fr);align-items:start}
.mega a.mc{min-width:0}
.mega a.mc .pimg{display:grid;place-items:center;overflow:hidden;height:120px}
.mega a.mc .pimg img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.mega a.mc b{overflow-wrap:anywhere}
.mega .mlinks{min-width:0}
.woocommerce-cart-form td.product-quantity .quantity{display:inline-flex!important;flex-flow:row nowrap;align-items:center;height:48px;margin:0}
.woocommerce-cart-form td.product-quantity .quantity input.qty{min-height:0;height:44px;width:52px;padding:0;border:0!important;background:none}
.wpcf7 label{display:block;margin:0 0 14px;font-weight:500}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 input[type=number],.wpcf7 input[type=url],.wpcf7 select,.wpcf7 textarea{display:block;width:100%;min-height:50px;margin-top:6px;padding:12px 14px;border:1px solid rgba(16,33,46,.28);border-radius:10px;background:#fff;color:#10212E;font:inherit;font-weight:400}
.wpcf7 textarea{min-height:130px}
.wpcf7 input:focus-visible,.wpcf7 select:focus-visible,.wpcf7 textarea:focus-visible{outline:2px solid #10212E;outline-offset:2px}
.wpcf7 input[type=submit]{min-height:52px;padding:12px 26px;border:0;border-radius:999px;background:#10212E;color:#fff;font:600 16px/1 inherit;font-family:inherit;cursor:pointer}
.wpcf7 input[type=submit]:hover{filter:brightness(1.2)}
.wpcf7 .wpcf7-not-valid-tip{color:#B3261E;font-size:14px;margin-top:4px}

/* --- narrow screens: nothing may push the page wider than the phone --- */
.cards{grid-template-columns:minmax(0,1fr)}
.cc{min-width:0}
.cc>span:last-child{min-width:0;overflow-wrap:anywhere}
.article,.wc-page,.page-hero h1{overflow-wrap:break-word}
.article h2,.article h3,.article a{overflow-wrap:anywhere}
main .vc_row{margin-left:0;margin-right:0}
main .wpb_text_column p,main .wpb_text_column li{margin-bottom:.8em}

/* old Woodmart content shown in the new theme */
.ct>*{min-width:0}
@media (min-width:901px){.ct{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
@media (max-width:900px){.ct{grid-template-columns:minmax(0,1fr)}}
main .wpb_column[class*="vc_custom_"],main .vc_column-inner[class*="vc_custom_"]{padding-left:0!important;padding-right:0!important;border-right:0!important}
.wd-sub{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#566878;margin:0 0 6px}
.wd-acc{display:grid;gap:8px;margin:16px 0}
.wd-acc details{border:1px solid rgba(16,33,46,.14);border-radius:12px;background:#fff}
.wd-acc summary{cursor:pointer;padding:14px 44px 14px 16px;font-weight:600;color:#10212E;list-style:none;position:relative}
.wd-acc summary::-webkit-details-marker{display:none}
.wd-acc summary::after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:400;line-height:1}
.wd-acc details[open] summary::after{content:"–"}
.wd-acc summary:focus-visible{outline:2px solid #10212E;outline-offset:2px;border-radius:12px}
.wd-acc details>div{padding:0 16px 14px;color:#34485A}
.wd-acc details>div p{margin:0 0 .6em}
.wd-img{margin:0 0 16px}
.wd-img img{max-width:100%;height:auto;border-radius:12px}
.wd-list{list-style:none;margin:0 0 8px;padding:0}
.wd-list li{padding:2px 0}
div.wd-box{cursor:default}

/* contacts page */
.faq-wrap{max-width:860px}
.faq-wrap h2{margin-bottom:8px}
.form .wpcf7 p{margin:0}
.form .wpcf7 .row>div,.form .wpcf7 [class*="col-"]{width:100%;max-width:none;flex:none;padding:0;float:none}
.form .wpcf7 br{display:none}

/* buttons inside articles keep their own colours, not the link colour */
.article a.btn,.article a.btn-primary,.article a.btn.primary{color:#fff;text-decoration:none}

/* product description on phones: long specification lines must wrap instead of widening the page */
.specs>*{min-width:0}
.specs .prose{overflow-wrap:anywhere}
.specs .prose table{display:block;max-width:100%;overflow-x:auto}
.specs .prose img{max-width:100%;height:auto}