/*
Theme Name: Urra Anaba
Theme URI: https://susuurra.com
Author: Anaba
Description: Tema landing page Susu Urra (Saanen goat milk). Dibangun presisi dari template Urra.html — CSS identik dengan referensi.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: urra-anaba
*/

:root{--orange:#f36b21;--orange2:#ff8a35;--cream:#fff8ed;--yellow:#ffd84a;--green:#c9dd83;--deep:#263d2c;--mint:#e8f0d7;--ink:#27231e;--muted:#716b60;--white:#fff;--line:#e9dfd0;--display:"Fredoka",sans-serif;--body:"DM Sans",sans-serif;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--body);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}
.announcement{background:var(--deep);color:#f6f2df;text-align:center;padding:9px 12px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
header{height:82px;background:rgba(255,248,237,.95);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30;border-bottom:1px solid #e9dfd0}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--display);font-size:35px;font-weight:700;color:var(--orange);letter-spacing:-.04em;line-height:.8}.logo small{font-family:var(--body);display:block;text-align:center;font-size:8px;letter-spacing:.22em;color:var(--deep);margin-top:8px;font-weight:800}.navlinks{display:flex;align-items:center;gap:28px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.navlinks a:hover{color:var(--orange)}.navbtn{background:var(--orange);color:white;padding:13px 19px;border-radius:50px}.menu{display:none;border:0;background:none;font-size:25px}
.hero{position:relative;overflow:hidden;background:var(--green);min-height:690px;padding:48px 0 64px;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;width:760px;height:760px;border-radius:50%;background:var(--yellow);right:-140px;top:-160px}.hero:after{content:"";position:absolute;z-index:-1;width:430px;height:430px;border-radius:50%;background:#f6a35f;left:-230px;bottom:-240px;opacity:.55}
.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:25px;align-items:center}.hero-copy{padding:30px 0 30px 2%;position:relative;z-index:2}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff8ed;padding:9px 14px;border-radius:50px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900;color:var(--deep)}.pill i{width:8px;height:8px;border-radius:50%;background:var(--orange)}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.03;letter-spacing:-.035em;margin:0}h1{font-size:clamp(58px,7.2vw,96px);max-width:650px;margin:23px 0 20px;color:var(--deep)}h1 em{color:var(--orange);font-style:normal}.hero-copy p{font-size:15px;line-height:1.85;color:#42533d;max-width:440px;margin:0 0 29px}.actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:14px;background:var(--orange);color:#fff;padding:15px 22px;border-radius:50px;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 22px #c6541e33;transition:.25s}.btn:hover{background:var(--deep);transform:translateY(-4px)}.underlink{font-size:11px;font-weight:900;text-transform:uppercase;border-bottom:1px solid var(--deep);padding-bottom:5px}
.hero-art{position:relative;min-height:550px;display:grid;place-items:center}.hero-orbit{position:absolute;width:min(500px,90%);aspect-ratio:1;border-radius:50%;background:#fff1be;border:2px dashed #e9a02e;box-shadow:0 0 0 22px #ffffff3b,0 22px 50px #6d5b2430}.packshot{position:relative;z-index:2;width:min(440px,85%);filter:drop-shadow(0 25px 22px #4d3d2838);transform:rotate(-3deg);border-radius:22px;overflow:hidden}.packshot img{width:100%;height:auto;mix-blend-mode:multiply}.milk-splash{position:absolute;z-index:1;width:150px;height:150px;border-radius:48% 52% 64% 36%;background:#fff;opacity:.8;filter:blur(1px);right:4%;bottom:14%;transform:rotate(32deg);box-shadow:-35px -28px 0 -17px #fff,35px -45px 0 -22px #fff}
.sticker{position:absolute;z-index:4;width:104px;height:104px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:17px;line-height:1.05;transform:rotate(12deg);right:2%;top:30px;box-shadow:0 12px 25px #9e4c1c33;border:4px solid #fff3d8}.sticker small{font-family:var(--body);font-size:8px;display:block;letter-spacing:.12em;text-transform:uppercase}.float-note{position:absolute;z-index:5;background:#fff;border-radius:17px;padding:13px 17px;box-shadow:0 12px 25px #59472a22;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.float-note.a{left:0;top:110px;transform:rotate(-7deg)}.float-note.b{left:7%;bottom:65px;background:var(--deep);color:white;transform:rotate(5deg)}
.hero-foot{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#53613c;font-weight:800}
.marquee{background:var(--orange);color:white;padding:15px 0;font-family:var(--display);font-size:22px;white-space:nowrap;overflow:hidden}.marquee span{padding:0 25px}.marquee b{color:var(--yellow)}
.section{padding:105px 0}.eyebrow{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}h2{font-size:clamp(42px,5.4vw,68px);color:var(--deep);margin:13px 0 18px}.lead{font-size:14px;line-height:1.9;color:var(--muted);max-width:570px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.intro-image{position:relative;min-height:470px;border-radius:34px;background:#f8d58b;overflow:hidden}.intro-image img{width:100%;height:470px;object-fit:cover}.image-badge{position:absolute;bottom:20px;left:20px;background:var(--yellow);padding:15px 20px;border-radius:16px;font-family:var(--display);font-size:20px;transform:rotate(-4deg)}
.intro-copy p{font-size:14px;line-height:2;color:var(--muted);max-width:520px}.mini-stats{display:flex;gap:14px;margin-top:27px;flex-wrap:wrap}.stat{background:var(--mint);padding:15px 18px;border-radius:16px}.stat strong{display:block;font-family:var(--display);font-size:22px;color:var(--deep)}.stat span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#69785d;font-weight:800}
.feature-section{background:var(--deep);color:#fff8e9;position:relative;overflow:hidden}.feature-section:after{content:"URRA";font-family:var(--display);font-weight:700;font-size:260px;position:absolute;right:-25px;bottom:-90px;color:#ffffff08;pointer-events:none}.feature-head{text-align:center;max-width:680px;margin:0 auto 48px;position:relative;z-index:1}.feature-head h2{color:#fff8e9}.feature-head .lead{margin:auto;color:#c6d0b7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative;z-index:1}.feature-card{background:#38533b;border:1px solid #587255;border-radius:24px;padding:30px;min-height:235px;transition:.3s}.feature-card:hover{transform:translateY(-8px);background:#456447}.feature-icon{width:54px;height:54px;border-radius:17px;background:var(--yellow);display:grid;place-items:center;font-size:26px;color:var(--deep)}.feature-card h3{font-size:25px;margin:20px 0 10px;color:#fff4d7}.feature-card p{font-size:12px;line-height:1.85;color:#c6d0b7;margin:0}
.product-section{background:#ffedc6;overflow:hidden}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.product-display{min-height:540px;border-radius:35px;background:linear-gradient(145deg,#ffb24b,#f36b21);position:relative;display:grid;place-items:center;overflow:hidden}.product-display:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #fff9d5;box-shadow:0 0 0 35px #fff4c62e,0 0 0 75px #fff4c61c}.product-display img{position:relative;z-index:2;width:72%;max-height:470px;object-fit:contain;filter:drop-shadow(0 22px 18px #70320d40);mix-blend-mode:multiply}.product-tag{position:absolute;z-index:3;bottom:25px;left:25px;background:#fff8e9;padding:13px 18px;border-radius:14px;font-family:var(--display);font-size:19px;transform:rotate(-4deg)}
.product-copy p{font-size:14px;line-height:1.95;color:var(--muted);max-width:490px}.product-points{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:28px 0}.product-point{background:#fff8e9;padding:15px;border-radius:14px}.product-point b{display:block;font-family:var(--display);font-size:17px;color:var(--deep)}.product-point span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8a7b65}
.nutrition{background:#f5f2e8}.nutrition-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.nutrition-head .lead{max-width:400px}.nutrient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nutrient{background:#fff;border-radius:20px;padding:25px 20px;min-height:170px;position:relative;overflow:hidden}.nutrient .symbol{font-family:var(--display);font-size:40px;color:var(--orange)}.nutrient h3{font-size:19px;margin:8px 0}.nutrient p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.nutrient:after{content:"";position:absolute;width:75px;height:75px;border-radius:50%;background:var(--green);opacity:.35;right:-22px;top:-25px}
.journal{background:#fffaf0}.journal-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.journal-head .lead{max-width:360px}.journal-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.article{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px #4a3b2010;transition:.3s}.article:hover{transform:translateY(-7px);box-shadow:0 18px 30px #4a3b2020}.article-image{height:220px;overflow:hidden;background:#e4d9be}.article:first-child .article-image{height:300px}.article-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.article:hover img{transform:scale(1.05)}.article-content{padding:22px}.meta{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--orange);font-weight:900}.article h3{font-size:22px;color:var(--deep);margin:11px 0}.article p{font-size:12px;line-height:1.8;color:var(--muted)}.read{font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.1em;border-bottom:1px solid var(--orange);padding-bottom:5px}
.quote{background:var(--yellow);padding:75px 20px;text-align:center}.quote blockquote{font-family:var(--display);font-size:clamp(30px,4.5vw,54px);line-height:1.12;max-width:850px;margin:16px auto;color:var(--deep)}
.faq{background:var(--mint)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid #cbd8b5;padding:20px 0}.faq-list summary{font-family:var(--display);font-size:20px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:"+";color:var(--orange);font-size:24px}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:13px;line-height:1.9;color:var(--muted)}
.cta{background:var(--orange);color:#fff;padding:65px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{color:white;max-width:650px;margin:10px 0}.cta p{color:#ffe0c6;font-size:13px}.cta .btn{background:var(--deep);white-space:nowrap}
footer{background:#203126;color:#fff5df;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-bottom:42px}.footer-brand p{font-size:12px;color:#b8c4ac;line-height:1.9;max-width:270px}.footer-col strong{font-family:var(--display);font-size:20px;display:block;margin-bottom:14px}.footer-col a{display:block;font-size:11px;color:#b8c4ac;margin:10px 0}.footer-col a:hover{color:var(--yellow)}.copyright{border-top:1px solid #465a49;padding-top:18px;display:flex;justify-content:space-between;color:#94a38f;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:850px){.navlinks{gap:15px}.hero-grid{grid-template-columns:1fr 1fr}.product-grid{gap:35px}.faq-grid{gap:35px}.nutrient-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.wrap{width:calc(100% - 34px)}header{height:72px}.logo{font-size:30px}.menu{display:block}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:22px;flex-direction:column;align-items:stretch;box-shadow:0 15px 25px #20312620}.navlinks.open{display:flex}.navlinks a{padding:8px}.hero{padding:30px 0 58px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:20px 0}.hero-copy p{font-size:13px}.hero-art{min-height:420px}.hero-orbit{width:340px}.packshot{width:300px}.sticker{width:80px;height:80px;font-size:14px;right:2%;top:20px}.float-note.a{top:55px}.float-note.b{bottom:45px}.hero-foot{font-size:7px}.section{padding:75px 0}.intro-grid,.product-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.intro-image,.intro-image img{height:340px;min-height:340px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:180px}.product-display{min-height:420px;order:2}.product-display img{height:370px}.product-copy{order:1}.nutrition-head,.journal-head{display:block}.nutrition-head .lead,.journal-head .lead{margin-top:14px}.nutrient-grid{grid-template-columns:1fr 1fr}.journal-grid{grid-template-columns:1fr}.article:first-child .article-image,.article-image{height:230px}.quote{padding:60px 18px}.cta-inner{display:block}.cta .btn{margin-top:14px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-brand{grid-column:1/-1}.copyright{display:block;line-height:2.2}}

/* ============ WordPress-specific adjustments (di luar referensi) ============ */
/* Admin bar: header sticky jangan ketutupan toolbar */
.admin-bar header{top:32px}
@media screen and (max-width:782px){.admin-bar header{top:46px}}
/* min-height body agar footer nempel bawah saat konten pendek */
body.page-template-default{display:flex;flex-direction:column;min-height:100vh}
/* Welcome panel WP disembunyikan di front page (design bersih) */
.home .entry-header,.home .entry-content>*:first-child.child-empty{display:none}
/* Gambar artikel dari WP */
.article-image a img{width:100%;height:100%;object-fit:cover}
/* Konten artikel tunggal & halaman */
.entry-body{max-width:760px;margin:0 auto;font-size:15px;line-height:1.95;color:#42533d}
.entry-body h2,.entry-body h3{color:var(--deep);margin:34px 0 12px}
.entry-body a{color:var(--orange);text-decoration:underline}
.entry-body img{border-radius:18px;margin:22px 0}
.entry-body ul,.entry-body ol{padding-left:22px}
.entry-body blockquote{border-left:4px solid var(--orange);margin:26px 0;padding:6px 0 6px 22px;font-family:var(--display);font-size:22px;color:var(--deep)}
.pagination{display:flex;gap:10px;justify-content:center;margin-top:44px;flex-wrap:wrap}
.pagination .page-numbers{padding:11px 17px;border-radius:50px;background:#fff;border:1px solid var(--line);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.pagination .page-numbers.current{background:var(--orange);color:#fff;border-color:var(--orange)}
/* Skip link aksesibilitas */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--deep);color:#fff;padding:12px 18px;z-index:999;border-radius:0 0 12px 0}
.skip-link:focus{left:0}