/*
Theme Name: SUPAT Original
Author: SUPAT
Description: Tema WordPress dupa designul SUPAT V1, cu Gutenberg si articole dinamice.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: supat
*/

:root{--ink:#24211e;--paper:#f8f5ec;--orange:#fd704e;--red:#e85744;--soft:#e8e3d7;--lilac:#d8cafa;--yellow:#f6df95}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.top{background:#25221f;color:#f9f5e9;text-align:center;font-size:12px;letter-spacing:.05em;padding:9px 15px}.top span{color:#ffc8ae}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{font-family:'Space Grotesk',sans-serif;font-size:37px;font-weight:700;letter-spacing:-3px;line-height:1}.logo i{color:var(--red);font-style:normal}.navlinks{display:flex;gap:24px;align-items:center;font-size:12.5px;font-weight:700}.navlinks a:hover{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:50px;font-weight:800;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--orange);border-color:var(--orange);color:var(--ink)}.button.outline{background:transparent;color:var(--ink)}.hero{position:relative;overflow:hidden;min-height:550px;background:var(--lilac);border-radius:14px;padding:78px 70px 68px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.hero h1{position:relative;z-index:2;font:700 clamp(58px,7.1vw,104px)/.94 'Space Grotesk',sans-serif;letter-spacing:-.075em;max-width:850px;margin:22px 0 26px}.hero h1 em{font-style:normal;color:#e25c48}.hero p{font-size:17px;line-height:1.6;max-width:490px;margin:0 0 26px}.hero .small{font-size:12px;opacity:.75;margin:14px 0 0}.scribble{position:absolute;right:48px;top:37px;width:250px;height:250px;transform:rotate(14deg)}.scribble:before,.scribble:after{content:'';position:absolute;border:6px solid #342c38;border-radius:46% 55% 60% 45%;width:155px;height:155px;right:12px;top:35px;transform:rotate(22deg)}.scribble:after{right:43px;top:48px;transform:rotate(-22deg);border-color:#fd704e}.sticker{position:absolute;right:90px;bottom:53px;width:130px;height:130px;background:#f6df95;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;transform:rotate(13deg);box-shadow:6px 7px 0 #31282c;font-size:17px}.marquee{margin:24px 0 72px;background:#fd704e;padding:13px 0;overflow:hidden;white-space:nowrap;font-weight:800;font-size:13px;letter-spacing:.09em}.marquee div{word-spacing:26px}.heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:26px}.heading h2{font:700 clamp(36px,4.3vw,58px)/1 'Space Grotesk';letter-spacing:-.065em;margin:0}.heading p{max-width:320px;line-height:1.5;font-size:14px;color:#666056}.cards{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px}.story{background:white;border:1px solid #e7e1d6;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;min-height:360px}.art{height:195px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.story:first-child .art{height:250px}.art .illustration{font-size:105px;transform:rotate(-9deg);filter:drop-shadow(8px 10px 0 rgba(30,20,20,.1))}.art.pink{background:#f3c6c8}.art.yellow{background:#f6dc8f}.art.green{background:#cee2cb}.art.lilac{background:#d8cafa}.story-body{padding:23px;display:flex;flex-direction:column;flex:1}.chip{color:#9a4135;letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:800}.story h3{font:700 24px/1.12 'Space Grotesk';letter-spacing:-.045em;margin:13px 0 16px}.story .meta{margin-top:auto;font-size:12px;color:#6d685f}.story:hover h3{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}.topics{padding:85px 0}.topicgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.topic{min-height:165px;padding:22px 17px;display:flex;flex-direction:column;justify-content:space-between;background:#eee9df;border-radius:10px;transition:transform .2s}.topic:hover{transform:translateY(-4px)}.topic:nth-child(2){background:#f4d7bd}.topic:nth-child(3){background:#d5dfc9}.topic:nth-child(4){background:#e1d5ed}.topic:nth-child(5){background:#f3d69b}.topic b{font:700 20px/1.05 'Space Grotesk';letter-spacing:-.04em}.topic .emoji{font-size:32px}.mission{background:#25221f;color:white;padding:85px 0;position:relative}.mission .inside{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.mission h2{font:700 clamp(48px,5.4vw,75px)/.98 'Space Grotesk';letter-spacing:-.07em;margin:20px 0}.mission h2 span{color:#fd704e}.mission p{color:#e1dcd3;font-size:16px;line-height:1.85}.mission .quote{background:#efe7d4;border-radius:160px 160px 24px 24px;min-height:335px;color:#24211e;display:flex;align-items:center;justify-content:center;text-align:center;padding:45px;transform:rotate(-3deg);font:700 clamp(28px,3vw,43px)/1.1 'Space Grotesk';letter-spacing:-.05em}.psych{padding:85px 0}.psych-inner{background:#f4dcaa;border-radius:14px;padding:45px 55px;display:flex;align-items:center;justify-content:space-between;gap:25px}.psych h2{font:700 42px/1 'Space Grotesk';letter-spacing:-.06em;margin:13px 0}.psych p{max-width:620px;line-height:1.65;margin:0}.cta{background:var(--orange);padding:75px 20px;text-align:center}.cta h2{font:700 clamp(45px,6vw,80px)/1 'Space Grotesk';letter-spacing:-.07em;margin:0 auto 20px;max-width:780px}.cta p{margin:0 auto 28px;max-width:570px;line-height:1.5}.footer{background:#25221f;color:#f9f5e9;padding:54px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer .logo{font-size:43px}.footer p,.footer a{font-size:13px;line-height:1.8;color:#d3cabe}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.footer .muted{color:#ada69c;font-size:11px;border-top:1px solid #514a44;padding-top:22px;margin-top:38px}.mobile-menu{display:none}.sample-toast{position:fixed;right:20px;bottom:20px;background:#24211e;color:white;padding:16px 21px;border-radius:10px;box-shadow:0 12px 30px #0003;max-width:310px;font-size:13px;z-index:10;display:none}.sample-toast.show{display:block}@media(max-width:960px){.navlinks{display:none}.mobile-menu{display:block}.nav{height:73px}.hero{padding:58px 34px;min-height:520px}.hero h1{font-size:clamp(57px,10vw,88px)}.scribble{opacity:.2}.sticker{right:35px;bottom:30px;width:105px;height:105px;font-size:14px}.cards{grid-template-columns:1fr 1fr}.story:first-child{grid-column:span 2}.topicgrid{grid-template-columns:repeat(3,1fr)}.mission .inside{gap:30px}}@media(max-width:650px){.wrap{width:calc(100% - 32px)}.nav .button{padding:12px 14px;font-size:11px}.logo{font-size:32px}.top{font-size:10px}.hero{min-height:565px;padding:50px 26px}.hero h1{font-size:57px}.hero p{font-size:15px}.scribble{right:-75px;top:22px}.sticker{width:90px;height:90px;right:20px;bottom:18px}.marquee{margin-bottom:54px}.heading{display:block}.heading p{font-size:13px}.cards{grid-template-columns:1fr}.story:first-child{grid-column:span 1}.story:first-child .art{height:195px}.topicgrid{grid-template-columns:1fr 1fr}.topic{min-height:135px}.topics{padding:60px 0}.mission{padding:65px 0}.mission .inside{grid-template-columns:1fr}.mission .quote{min-height:240px}.psych{padding:55px 0}.psych-inner{padding:35px 25px;display:block}.psych h2{font-size:35px}.psych .button{margin-top:25px}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:span 2}}

/* WordPress content and dynamic adjustments */
.wp-block-image img{max-width:100%;height:auto}.entry-content{font-size:18px;line-height:1.85}.entry-content a{text-decoration:underline}.entry-content img{max-width:100%;height:auto}.entry-content>*{max-width:760px;margin-left:auto;margin-right:auto}.entry-content>.alignwide{max-width:1060px}.entry-content>.alignfull{max-width:none}.archive-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:70px}.archive-list .story:first-child{grid-column:auto}.archive-list .story:first-child .art{height:195px}.article-layout{max-width:800px;padding:65px 0 90px}.article-layout h1{font:700 clamp(40px,6vw,70px)/1.05 'Space Grotesk';letter-spacing:-.065em}.article-layout .post-meta{color:#716b64;margin:20px 0 35px}.article-layout .entry-content>*{max-width:100%}.article-layout .entry-content p{margin:0 0 1.25em}.article-layout .entry-content h2{font-family:'Space Grotesk';letter-spacing:-.04em;margin-top:1.5em}.article-cta{background:var(--lilac);padding:34px;border-radius:12px;margin-top:55px}.article-cta h2{margin-top:0}.wp-post-image{width:100%;height:100%;object-fit:cover}.story .art .wp-post-image{position:absolute;inset:0}.pagination{padding:25px 0 75px}.pagination a,.pagination span{margin-right:12px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.navlinks .current-menu-item>a{text-decoration:underline}.supat-placeholder{padding:70px 25px;text-align:center;border:1px dashed #b6a99a;border-radius:12px;margin-bottom:35px}.post-navigation{margin-top:35px}.wp-block-button__link{background:var(--orange);color:var(--ink)}@media(max-width:960px){.archive-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.archive-list{grid-template-columns:1fr}.article-layout{padding:35px 0 65px}}