/*
Theme Name: Puzzle House
Theme URI: https://greenpuzzle.house
Description: UAB „Green puzzle" tinklapio vaikinė tema. Pagrindas — GeneratePress. Kryptis „Studija": šviesus popierius, smėlio juostos, žalvario akcentas, Manrope.
Author: UAB „Green puzzle"
Version: 1.1.0
Template: generatepress
Requires PHP: 8.0
Text Domain: puzzle-house
*/

/* =========================================================
   1. DIZAINO TOKENAI
   ========================================================= */
:root{
  --pa:#F7F6F3; --surf:#FFFFFF;
  --sand:#E7E0D2; --sand-d:#D8CEB9;
  --ink:#0E1110; --mut:#6B7069; --line:#E4E1DA;
  --amber:#B5822B;              /* papildoma spalva */
  --gr:#0B5127; --gr-2:#79AA41; /* logotipo žalia — tik ženklas ir CTA */
  --r:14px;
  --wrap:1180px;
}

/* =========================================================
   2. PAGRINDAI
   ========================================================= */
body{background:var(--pa);color:var(--ink);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16.5px;line-height:1.6;font-weight:500;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.h1,.h2,.h3{font-family:"Manrope",sans-serif;font-weight:800;
  letter-spacing:-.04em;line-height:1.04;text-wrap:balance;color:var(--ink)}
a{color:var(--ink)}
.grid-container{max-width:var(--wrap)}
.separate-containers .site-main{margin:0}
.entry-content > *{max-width:none}

/* =========================================================
   3. ANTRAŠTĖ IR NAVIGACIJA
   ========================================================= */
.site-header{background:rgba(247,246,243,.86);backdrop-filter:saturate(1.6) blur(16px);
  border-bottom:1px solid var(--line)}
.main-navigation{background:transparent}
.main-navigation .main-nav ul li a{font-size:14px;font-weight:600;color:var(--mut);
  padding-left:14px;padding-right:14px}
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a{color:var(--ink);
  box-shadow:inset 0 -2px 0 var(--amber)}
.site-logo img{max-height:26px;width:auto}
.site-branding-container{gap:10px}

/* =========================================================
   4. MYGTUKAI
   ========================================================= */
.ph-btn,.wp-block-button__link,button,input[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:999px;padding:14px 26px;font-size:14.5px;font-weight:700;
  letter-spacing:-.01em;text-decoration:none;background:var(--gr);color:#fff;
  border:1px solid var(--gr);cursor:pointer;transition:transform .16s ease,opacity .16s ease}
.ph-btn:hover,.wp-block-button__link:hover{transform:translateY(-1px);opacity:.92;color:#fff}
.ph-btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.ph-btn--ghost:hover{border-color:var(--ink);color:var(--ink)}
.ph-btn--sm{padding:10px 19px;font-size:13.5px}
.ph-link{font-weight:700;font-size:14.5px;text-decoration:none;
  border-bottom:1.5px solid var(--amber);padding-bottom:2px}

/* =========================================================
   5. SEKCIJOS IR TIPOGRAFIJA
   ========================================================= */
.ph-sec{padding:96px 0}
.ph-wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.ph-eb{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
.ph-lead{font-size:19px;line-height:1.5;color:var(--mut);max-width:52ch}
.ph-h2{font-size:clamp(28px,4vw,52px)}
.ph-h3{font-size:clamp(22px,2.6vw,32px)}
.ph-rule{height:1px;background:var(--line)}
.ph-mut{color:var(--mut)}

/* hero */
.ph-hero{text-align:center;padding:104px 0 0}
.ph-hero h1{font-size:clamp(42px,6.6vw,88px);margin:22px 0 0}
.ph-hero .ph-lead{margin:24px auto 0;text-align:center;max-width:46ch;font-size:19.5px}
.ph-cta{display:flex;gap:12px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.ph-fine{margin-top:20px;font-size:13px;color:var(--mut)}
.ph-bleed{margin-top:66px;aspect-ratio:16/8;overflow:hidden;background:var(--sand)}
.ph-bleed img{width:100%;height:100%;object-fit:cover}

/* smėlio juosta */
.ph-band{background:var(--sand);padding:92px 0}
.ph-band .ph-lead{color:#5C594F}
.ph-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:52px;
  border-top:1px solid var(--sand-d);padding-top:30px}
.ph-facts b{display:block;font-size:30px;font-weight:800;letter-spacing:-.04em}
.ph-facts span{font-size:13.5px;color:#5C594F}

/* kortelės */
.ph-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ph-card .ph-ph{aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:var(--sand)}
.ph-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.3,1)}
.ph-card:hover img{transform:scale(1.04)}
.ph-card h3{font-size:23px;margin-top:20px}
.ph-card p{font-size:14.5px;color:var(--mut);margin-top:8px;max-width:34ch}
.ph-go{display:inline-block;margin-top:14px;font-size:13.5px;font-weight:700;
  color:var(--amber);text-decoration:none}

/* dėlionė */
.ph-puz{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:44px}
.ph-puz figure{margin:0;aspect-ratio:1;overflow:hidden;border-radius:8px;background:var(--sand)}
.ph-puz img{width:100%;height:100%;object-fit:cover}

/* procesas */
.ph-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:48px}
.ph-steps > div{padding:28px 26px 0 0;border-right:1px solid var(--line)}
.ph-steps > div:last-child{border-right:0;padding-right:0}
.ph-steps b{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--amber)}
.ph-steps h4{font-size:18px;margin:12px 0 8px}
.ph-steps p{font-size:14px;color:var(--mut)}

/* lentelės ir sąrašai */
.ph-ul{margin:0;padding:0;list-style:none;display:grid;gap:11px}
.ph-ul li{position:relative;padding-left:24px;font-size:15.5px}
.ph-ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;
  border-radius:2px;background:var(--amber)}
.ph-kv{display:flex;justify-content:space-between;gap:16px;padding:14px 0;
  border-bottom:1px solid var(--line);font-size:15.5px;font-weight:600}
.ph-kv span:first-child{color:var(--mut);font-weight:500}
table.ph-spec{width:100%;border-collapse:collapse;font-size:14.5px}
table.ph-spec th,table.ph-spec td{text-align:left;padding:13px 8px;
  border-bottom:1px solid var(--line);font-weight:600}
table.ph-spec th{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--mut);font-weight:800}
table.ph-spec td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.ph-note{background:var(--surf);border:1px solid var(--line);border-left:3px solid var(--amber);
  border-radius:10px;padding:18px 20px;font-size:14.5px;color:var(--mut)}

/* DUK */
.ph-faq{border-top:1px solid var(--line);margin-top:40px}
.ph-faq details{border-bottom:1px solid var(--line)}
.ph-faq summary{list-style:none;cursor:pointer;padding:24px 0;font-size:18px;font-weight:700;
  letter-spacing:-.02em;display:flex;justify-content:space-between;gap:20px;align-items:center}
.ph-faq summary::-webkit-details-marker{display:none}
.ph-faq summary::after{content:"+";font-size:22px;font-weight:600;color:var(--amber)}
.ph-faq details[open] summary::after{content:"−"}
.ph-faq p{padding:0 0 24px;color:var(--mut);font-size:15.5px;max-width:66ch}

/* citata */
.ph-quote{text-align:center;padding:104px 0}
.ph-quote p{font-size:clamp(24px,3.4vw,40px);font-weight:800;letter-spacing:-.04em;
  line-height:1.15;max-width:24ch;margin:0 auto}
.ph-quote span{display:block;margin-top:24px;font-size:13.5px;color:var(--mut)}

/* formos */
.ph-form input,.ph-form select,.ph-form textarea{padding:14px 16px;border:1px solid var(--line);
  background:var(--surf);color:var(--ink);border-radius:10px;font:inherit;font-size:15.5px;font-weight:600}

/* =========================================================
   6. PORAŠTĖ IR REKVIZITAI
   ========================================================= */
.site-footer,.site-info{background:var(--pa);color:var(--mut);border-top:1px solid var(--line)}
.ph-req{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 34px;
  font-size:13px;color:var(--mut);text-align:left;max-width:var(--wrap);margin:0 auto;padding:26px 32px}
.ph-req div{display:flex;gap:8px}
.ph-req dt{flex:none;min-width:132px;opacity:.75}
.ph-req dd{margin:0;color:var(--ink);font-weight:600}
.ph-copy{max-width:var(--wrap);margin:0 auto;padding:16px 32px 28px;font-size:12.5px;
  color:var(--mut);border-top:1px solid var(--line);text-align:left}

/* =========================================================
   7. RESPONSYVUMAS
   ========================================================= */
@media (max-width:960px){
  .ph-g3,.ph-facts,.ph-req{grid-template-columns:1fr}
  .ph-steps{grid-template-columns:1fr 1fr}
  .ph-steps > div{border-right:0;border-bottom:1px solid var(--line);padding:24px 0}
  .ph-puz{grid-template-columns:repeat(3,1fr)}
  .ph-sec{padding:66px 0}
  .ph-hero{padding:64px 0 0}
  .ph-bleed{margin-top:42px;aspect-ratio:4/3}
}
@media (max-width:760px){
  .ph-wrap{padding:0 20px}
  .ph-hero h1{font-size:clamp(34px,9vw,52px)}
}
@media (prefers-reduced-motion:reduce){ *{transition-duration:.001ms !important} }

/* =========================================================
   8. v1.1 — GeneratePress integracija
   ========================================================= */
/* Puslapio antraštę slepiame — kiekvienas puslapis turi savo H1 turinyje */
.page .entry-header{display:none}
.page .entry-content{margin-top:0}
.page .inside-article{padding:0}
.page.no-sidebar .site-content .content-area{padding:0}

/* Pilno pločio blokai bendrame konteineryje */
.ph-bleed{width:100vw;margin-left:calc(50% - 50vw)}
.ph-band{width:100vw;margin-left:calc(50% - 50vw);padding-left:32px;padding-right:32px}
.ph-band > .ph-inner{max-width:1180px;margin:0 auto}
.entry-content{overflow-x:hidden}

/* Antraštės mygtukas */
.ph-nav-cta{margin-left:18px}