/*
Theme Name: Vuoga
Theme URI: https://vuoga.lt
Author: Vuoga
Description: Vuoga alyvuogių aliejaus parduotuvės tema: ryškios skonių spalvų poros, Modak antraštės, derliaus pasas.
Version: 1.0.2
Requires at least: 6.5
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: vuoga
*/

:root{
  --vg-olive:#2F3A1A; --vg-lime:#D2D35A; --vg-cream:#F7F4D4; --vg-paper:#FBF9EC;
  --vg-yellow:#FFE500; --vg-orange:#FF5000; --vg-pink:#F7B8B6; --vg-blue:#D3E6F8; --vg-berry:#9B1449; --vg-muted:#596043;
  --vg-line:rgba(47,58,26,.16);
  --vg-hero-bg:var(--vg-lime); --vg-hero-fg:var(--vg-olive); --vg-hero-tx:var(--vg-olive);
}
body{-webkit-font-smoothing:antialiased}
.wp-site-blocks>*{margin-block-start:0!important}
main .wp-block-post-content>*:last-child{margin-block-end:0!important}
.vg-grid>*,.vg-tiers>*,.vg-tips>*,.vg-facts>.wp-block-group>*{margin-block-start:0!important}
.vg-tier .p{font-size:22px;line-height:1.1}
:focus-visible{outline:2px solid var(--vg-orange);outline-offset:3px}
h1,h2,h3{text-wrap:balance}
.vg-kicker{font-size:12px!important;font-weight:500;letter-spacing:.24em;text-transform:uppercase}

/* flavour colour pairs */
.vg-f-klasikinis{--bg:var(--vg-lime);--fg:var(--vg-olive);--tx:var(--vg-olive)}
.vg-f-citrina{--bg:var(--vg-yellow);--fg:var(--vg-orange);--tx:var(--vg-berry)}
.vg-f-cesnakas{--bg:var(--vg-blue);--fg:var(--vg-berry);--tx:var(--vg-berry)}
.vg-f-cili{--bg:var(--vg-orange);--fg:var(--vg-pink);--tx:var(--vg-cream)}
.vg-f-bazilikas{--bg:var(--vg-cream);--fg:var(--vg-olive);--tx:var(--vg-olive)}
.vg-f-trumai{--bg:var(--vg-berry);--fg:var(--vg-blue);--tx:var(--vg-cream)}

/* logo */
.vg-logo{font-family:"Bagel Fat One","Arial Black",sans-serif;display:inline-flex;align-items:baseline;line-height:1;white-space:nowrap;-webkit-text-stroke-width:.055em;paint-order:stroke fill;text-decoration:none;color:inherit}
.vg-logo span{display:inline-block}
.vg-logo .o{font-family:"Chango","Arial Black",sans-serif;font-size:1.06em;margin-left:-.11em;-webkit-text-stroke-width:0}
.vg-logo .u,.vg-logo .a{margin-left:-.08em}.vg-logo .g{margin-left:-.11em}

/* header */
.vg-harvest{background:var(--vg-olive);color:var(--vg-cream);font-size:13px;letter-spacing:.08em;text-align:center;padding-block:9px!important;margin:0!important}
.vg-harvest p{margin:0}
.vg-harvest strong{color:var(--vg-lime);font-weight:500}
header.wp-block-template-part{position:sticky;top:0;z-index:50}
.admin-bar header.wp-block-template-part{top:var(--wp-admin--admin-bar--height,32px)}
.vg-header{background:var(--vg-paper);color:var(--vg-olive);border-bottom:1px solid rgba(0,0,0,.06);padding-block:14px!important;margin:0!important;transition:background-color .6s ease,color .6s ease}
.home .vg-header{background:var(--vg-hero-bg);color:var(--vg-hero-fg)}
.vg-header .vg-logo{font-size:34px}
.vg-header>.wp-block-group{justify-content:flex-start!important;gap:22px!important}
.vg-header .wp-block-navigation{margin-left:auto}
.vg-header .wc-block-mini-cart__button,.vg-header .wc-block-customer-account a{color:inherit}
.vg-header .wp-block-navigation{font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;gap:26px}
.vg-header .wp-block-navigation a{color:inherit;text-decoration:none}
.vg-header .wp-block-navigation a:hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}

/* buttons */
.wp-block-button__link{transition:transform .2s ease,background-color .2s ease}
.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:inherit;border:2px solid currentColor}

/* hero */
.vg-hero{background:var(--vg-hero-bg);color:var(--vg-hero-fg);transition:background-color .6s ease,color .6s ease;overflow:hidden;padding-block:48px 36px!important;margin-top:0!important}
.vg-hero h1{color:inherit;margin-top:14px}
.vg-hero .vg-kicker,.vg-hero-sub{color:var(--vg-hero-tx);transition:color .6s ease}
.vg-hero-sub{font-size:20px;max-width:30ch}
.vg-hero-cols{align-items:center!important;gap:40px}
.vg-hero .wp-block-button:not(.is-style-outline) .wp-block-button__link{background:var(--vg-hero-fg);color:var(--vg-hero-bg)}
.vg-stage{--sh:560px;position:relative;display:flex;justify-content:center;align-items:flex-end;height:var(--sh)}
.vg-stage .vg-bottle{width:min(250px,60%,calc(var(--sh)*.38));filter:drop-shadow(0 30px 34px rgba(0,0,0,.2));transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease}
.vg-stage .vg-bottle.swap{transform:translateY(24px) rotate(-3deg);opacity:0}
.vg-flavors{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px!important}
.vg-flv{display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:2px solid currentColor;padding:8px 16px 8px 8px;background:transparent;color:inherit;font:500 15px/1.2 Jost,sans-serif;cursor:pointer}
.vg-flv i{width:24px;height:24px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)}
.vg-flv[aria-pressed="true"]{background:var(--vg-hero-fg);color:var(--vg-hero-bg)}

/* bottle */
.vg-bottle{container-type:inline-size;display:flex;flex-direction:column;align-items:center}
.vg-bottle .cap{width:30%;aspect-ratio:2.1/1;background:#C9CCCF;border-radius:2.4cqw 2.4cqw .6cqw .6cqw;box-shadow:inset -3cqw 0 0 rgba(0,0,0,.08)}
.vg-bottle .neck{width:30%;aspect-ratio:2.4/1;background:var(--bg)}
.vg-bottle .body{width:100%;aspect-ratio:1/2.2;border-radius:40cqw 40cqw 8cqw 8cqw;background:var(--bg);position:relative;overflow:hidden;box-shadow:inset -10cqw 0 14cqw -8cqw rgba(0,0,0,.18),inset 8cqw 0 10cqw -8cqw rgba(255,255,255,.25)}
.vg-bottle .tp{position:absolute;top:24%;width:100%;text-align:center;font-weight:500;font-size:5.4cqw;letter-spacing:.2em;line-height:1.6;color:var(--tx)}
.vg-bottle .lg{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);font-size:24cqw;color:var(--fg)}
.vg-bottle .fl{position:absolute;top:57%;width:100%;text-align:center;font-family:Modak,"Arial Black",sans-serif;font-size:10cqw;color:var(--tx)}
.vg-bottle .vol{position:absolute;bottom:7%;width:100%;text-align:center;font-weight:500;font-size:5.8cqw;letter-spacing:.2em;color:var(--tx)}

/* facts band */
.vg-facts{background:var(--vg-olive);color:var(--vg-cream);padding-block:34px!important;margin-top:0!important}
.vg-facts>.wp-block-group{display:grid!important;grid-template-columns:repeat(5,1fr);gap:0!important}
.vg-fact{padding:6px 22px;border-left:1px solid rgba(247,244,212,.18);display:grid;gap:4px}
.vg-fact:first-child{border-left:0;padding-left:0}
.vg-fact p{margin:0!important}
.vg-fact .k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--vg-lime);font-weight:500}
.vg-fact .v{font-family:Modak,"Arial Black",sans-serif;font-size:28px;line-height:1.1}
.vg-fact .n{font-size:13px;color:rgba(247,244,212,.72)}

/* sections */
.vg-section{padding-block:100px!important;margin-top:0!important}
.vg-sec-head{display:flex!important;justify-content:space-between;align-items:end!important;gap:24px;flex-wrap:wrap;margin-bottom:40px!important}
.vg-sec-head p{max-width:42ch;color:var(--vg-muted);margin:0}
.vg-sec-head h2{margin:0}

/* product cards */
.vg-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px!important}
.vg-prod{border-radius:26px;background:var(--bg);color:var(--tx);padding:34px 28px 26px!important;display:flex!important;flex-direction:column;gap:14px!important;transition:transform .3s ease}
.vg-prod:hover{transform:translateY(-4px)}
.vg-prod .vg-bottle{width:46%;margin:0 auto 10px}
.vg-prod h3{color:inherit;margin:0}
.vg-prod p{margin:0;font-size:15px}
.vg-prod .vg-price{border-top:1.5px solid currentColor;padding-top:14px;margin-top:auto!important;font-family:Modak,"Arial Black",sans-serif;font-size:22px}
.vg-prod .vg-price small{font-family:Jost,sans-serif;font-size:13px;margin-left:6px;opacity:.8}

/* gifts */
.vg-gifts{background:var(--vg-pink);color:var(--vg-berry)}
.vg-gifts h2{color:var(--vg-orange)}
.vg-gifts .wp-block-button__link{background:var(--vg-berry);color:var(--vg-cream)}
.vg-tiers{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px!important;margin-top:28px!important}
.vg-tier{border:2px solid var(--vg-berry);border-radius:18px;padding:16px!important;display:grid;gap:2px}
.vg-tier p{margin:0!important}
.vg-tier .q{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}
.vg-tier .p{font-family:Modak,"Arial Black",sans-serif;font-size:24px}
.vg-tier .d{font-size:13px}
.vg-giftbox{position:relative;aspect-ratio:1.15/1;display:flex;align-items:flex-end;justify-content:center;gap:4%}
.vg-giftbox .box{position:absolute;inset:auto 0 0 0;height:46%;background:var(--vg-orange);border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--vg-pink);container-type:inline-size}
.vg-giftbox .box .vg-logo{font-size:16cqw}
.vg-giftbox .vg-bottle{width:19%;position:relative;bottom:30%}

/* passport */
.vg-backlabel{background:var(--vg-cream);border-radius:26px;padding:34px;display:grid;gap:18px;box-shadow:0 30px 60px -30px rgba(47,58,26,.35);transform:rotate(-2deg)}
.vg-backlabel .top{display:flex;justify-content:space-between;align-items:center}
.vg-backlabel dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:0;font-size:15px}
.vg-backlabel dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;color:var(--vg-muted);align-self:center}
.vg-backlabel dd{margin:0}
.vg-qr{width:84px;aspect-ratio:1;border:6px solid var(--vg-olive);border-radius:8px;background:conic-gradient(var(--vg-olive) 25%,transparent 0 50%,var(--vg-olive) 0 75%,transparent 0) 0 0/25% 25%;flex:none}
.vg-ex{display:grid!important;grid-template-columns:150px 1fr;gap:18px!important;border-top:1.5px solid var(--vg-line);padding-top:16px!important}
.vg-ex p{margin:0!important}
.vg-ex .lim{font-family:Modak,"Arial Black",sans-serif;font-size:22px;color:var(--vg-orange)}

/* guide */
.vg-guide{background:var(--vg-blue);color:var(--vg-berry)}
.vg-guide h2{color:var(--vg-berry)}
.vg-tips{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px!important;margin-top:36px!important}
.vg-tip{background:var(--vg-cream);color:var(--vg-olive);border-radius:22px;padding:28px!important;display:flex!important;flex-direction:column;gap:12px!important}
.vg-tip p,.vg-tip h3{margin:0!important}
.vg-tip .num{font-family:Modak,"Arial Black",sans-serif;font-size:46px;color:var(--vg-berry);line-height:1}

/* inner pages */
.vg-page-head{padding-block:72px 24px!important}
.vg-page-head h1{font-size:clamp(44px,6vw,84px)}
.vg-prose{max-width:760px}

/* inquiry form */
.vg-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--vg-pink);color:var(--vg-berry);border-radius:26px;padding:32px}
.vg-form label{display:grid;gap:6px;font-size:13px;font-weight:500;letter-spacing:.06em}
.vg-form .full{grid-column:1/-1}
.vg-form input:not([type=checkbox]),.vg-form select,.vg-form textarea{font:inherit;font-size:16px;letter-spacing:0;color:var(--vg-olive);background:var(--vg-cream);border:2px solid transparent;border-radius:14px;padding:12px 14px;width:100%}
.vg-form textarea{min-height:110px;resize:vertical}
.vg-form input:focus,.vg-form select:focus,.vg-form textarea:focus{border-color:var(--vg-berry);outline:none}
.vg-form .check{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;letter-spacing:0}
.vg-form .check input{width:18px;height:18px;margin-top:2px;accent-color:var(--vg-berry)}
.vg-form .err{font-size:13px;font-weight:500;color:var(--vg-berry);min-height:0}
.vg-form .err:empty{display:none}
.vg-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.vg-form button{justify-self:start;font:500 15px Jost,sans-serif;letter-spacing:.06em;border:0;border-radius:999px;padding:15px 26px;background:var(--vg-berry);color:var(--vg-cream);cursor:pointer}
.vg-form button[disabled]{opacity:.6;cursor:progress}
.vg-form .msg{grid-column:1/-1;font-weight:500}
.vg-form-done{background:var(--vg-cream);border-radius:26px;padding:32px}

/* footer */
.vg-footer{background:var(--vg-olive);color:var(--vg-cream);padding-block:72px 32px!important;margin-top:0!important}
.vg-footer a{color:inherit}
.vg-footer h2{color:var(--vg-lime)}
.vg-footer .vg-cols{display:grid!important;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px!important;font-size:15px}
.vg-footer .vg-cols h4{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:500;color:var(--vg-lime);margin:0 0 10px;font-family:Jost,sans-serif}
.vg-footer .vg-cols p{margin:0 0 6px}
.vg-bigmark{display:flex;justify-content:center;font-size:clamp(90px,22vw,300px);color:var(--vg-lime);margin-bottom:-.16em!important;overflow:hidden}
.vg-legal{display:flex!important;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(247,244,212,.18);padding-top:20px!important;font-size:13px;opacity:.8}
.vg-legal p{margin:0}

@media (max-width:980px){
  .vg-hero-cols{flex-wrap:wrap!important}
  .vg-hero-cols>.wp-block-column{flex-basis:100%!important}
  .vg-hero h1{font-size:clamp(40px,9vw,80px)}
  .vg-stage{--sh:480px}
  .vg-facts>.wp-block-group{grid-template-columns:repeat(2,1fr)}
  .vg-fact{border-left:0;padding-left:0}
  .vg-grid{grid-template-columns:repeat(2,1fr)}
  .vg-tips{grid-template-columns:1fr}
  .vg-footer .vg-cols{grid-template-columns:1fr 1fr}
  .vg-header .vg-logo{font-size:28px}
}
@media (max-width:600px){
  .vg-grid,.vg-tiers,.vg-form{grid-template-columns:1fr}
  .vg-form{padding:22px}
  .vg-stage{--sh:420px}
  .vg-section{padding-block:68px!important}
  .vg-ex{grid-template-columns:1fr}
  .vg-backlabel{padding:24px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}