/*
Theme Name: Tadris Bahasa Inggris IAI Yapnas Jeneponto
Theme URI: https://yapnasjp.ac.id
Author: IAI Yapnas Jeneponto
Description: Website Program Studi Tadris Bahasa Inggris IAI Yapnas Jeneponto dengan konsep visual LPPM V1.3: cream, hijau, gold, rounded cards, tipografi editorial, dan motif geometris Islami.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: tadris-bahasa-inggris-yapnas
*/

:root{
  --c-orange-100:#E2F0EA; --c-orange-400:#B68B2C; --c-orange-600:#2E7D62; --c-orange-700:#205B47;
  --c-green-100:#DCEEE7; --c-green-500:#157A5F; --c-green-700:#0E5C4A; --c-green-900:#0A3E33;
  --c-gold:#C9A227; --c-cream:#FBF6EC; --c-cream-2:#F4ECDC; --c-ink:#20261F; --c-ink-soft:#4C5650; --c-white:#fff;
  --f-display:Georgia,"Times New Roman",serif; --f-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --f-label:"Space Grotesk",var(--f-body);
  --radius-s:8px; --radius-m:16px; --radius-l:28px; --shadow-card:0 16px 42px -22px rgba(14,92,74,.32); --container:1200px;
  --pattern-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='%23B68B2C' stroke-opacity='.16' stroke-width='1.2'%3E%3Crect x='15' y='15' width='30' height='30'/%3E%3Crect x='15' y='15' width='30' height='30' transform='rotate(45 30 30)'/%3E%3C/g%3E%3C/svg%3E");
  --pattern-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='%23C9A227' stroke-opacity='.32' stroke-width='1.2'%3E%3Crect x='15' y='15' width='30' height='30'/%3E%3Crect x='15' y='15' width='30' height='30' transform='rotate(45 30 30)'/%3E%3C/g%3E%3C/svg%3E");
}
*,*:before,*:after{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--c-cream);color:var(--c-ink);font-family:var(--f-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased} img{max-width:100%;display:block} a{color:var(--c-green-700);text-decoration:none} a:hover{color:var(--c-orange-600)} ul{margin:0;padding:0;list-style:none} h1,h2,h3,h4{font-family:var(--f-display);color:var(--c-green-900);margin:0 0 .5em;line-height:1.12;font-weight:600} p{margin:0 0 1em} button{font-family:inherit}:focus-visible{outline:3px solid var(--c-gold);outline-offset:3px}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.skip-link{position:absolute;left:-999px;top:auto;background:var(--c-green-900);color:#fff;padding:.8em 1.4em;z-index:999;border-radius:0 0 var(--radius-s) 0}.skip-link:focus{left:0;top:0}
.eyebrow{font-family:var(--f-label);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700;color:var(--c-orange-700);display:inline-flex;align-items:center;gap:.55em;margin-bottom:.9em}.eyebrow:before{content:"✦";color:var(--c-gold);font-size:.8rem}
.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-label);font-weight:700;font-size:.9rem;letter-spacing:.02em;padding:.9em 1.55em;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--c-orange-600);color:#fff}.btn-primary:hover{background:var(--c-green-900);color:#fff}.btn-outline{border-color:#DCCFB7;color:var(--c-green-900);background:transparent}.btn-outline:hover{border-color:var(--c-green-700);color:var(--c-green-700)}.btn-on-dark{border-color:rgba(255,255,255,.45);color:#fff}.btn-on-dark:hover{background:rgba(255,255,255,.1);color:#fff}
.section{padding:88px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:42px;flex-wrap:wrap}.section-head h2{font-size:clamp(1.7rem,2.6vw,2.25rem);margin:0}.link-more{font-family:var(--f-label);font-weight:700;font-size:.86rem;white-space:nowrap;border-bottom:2px solid var(--c-gold);padding-bottom:2px}
.topbar{background:var(--c-green-900);color:rgba(255,255,255,.85);font-size:.78rem}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}.topbar-contact,.topbar-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.topbar a{color:rgba(255,255,255,.86)}.topbar a:hover{color:var(--c-gold)}
.site-header{position:sticky;top:0;z-index:90;background:rgba(251,246,236,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--c-cream-2)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:14px;padding-bottom:14px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,var(--c-green-700),var(--c-orange-600));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:.9rem;flex-shrink:0}.custom-logo-link img,.site-header .custom-logo{width:48px!important;height:48px!important;object-fit:contain;border-radius:14px;background:#fff}.brand-text{font-family:var(--f-label);line-height:1.25}.brand-text strong{display:block;font-size:.98rem;color:var(--c-green-900)}.brand-text span{display:block;font-size:.7rem;color:var(--c-ink-soft);letter-spacing:.02em}.primary-nav ul{display:flex;align-items:center;gap:2px}.primary-nav li{position:relative}.primary-nav a{display:block;padding:10px 12px;font-family:var(--f-label);font-size:.87rem;font-weight:600;color:var(--c-ink);border-radius:999px}.primary-nav>ul>li>a:hover,.primary-nav>ul>li.current-menu-item>a{background:var(--c-orange-100);color:var(--c-orange-700)}.primary-nav li ul{position:absolute;top:100%;left:0;background:#fff;min-width:220px;border-radius:var(--radius-s);box-shadow:var(--shadow-card);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s ease}.primary-nav li:hover>ul,.primary-nav li:focus-within>ul{opacity:1;visibility:visible;transform:none}.primary-nav li ul a{border-radius:var(--radius-s);padding:9px 12px}.primary-nav li ul a:hover{background:var(--c-green-100)}.nav-toggle{display:none;background:var(--c-green-900);color:#fff;border:0;width:44px;height:44px;border-radius:var(--radius-s);align-items:center;justify-content:center;cursor:pointer}
.hero{position:relative;overflow:hidden;background:var(--c-cream);background-image:var(--pattern-light)}.hero:after{content:"";position:absolute;right:-120px;bottom:-150px;width:360px;height:360px;border-radius:50%;background:rgba(201,162,39,.12);filter:blur(2px)}.hero .container{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding-top:78px;padding-bottom:78px}.hero h1{font-size:clamp(2.55rem,5vw,4.5rem);max-width:780px}.hero h1 em{font-style:normal;color:var(--c-orange-600)}.hero-lede{font-size:1.06rem;color:var(--c-ink-soft);max-width:57ch}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.hero-art{position:relative;aspect-ratio:1/1;max-width:440px;margin:auto}.hero-art .ring{position:absolute;inset:8%;border:1px solid rgba(14,92,74,.2);border-radius:50%;box-shadow:0 0 0 28px rgba(201,162,39,.06),0 0 0 56px rgba(14,92,74,.04)}.hero-art .plate{position:absolute;inset:20%;border-radius:36% 64% 55% 45%/46% 38% 62% 54%;background:linear-gradient(145deg,var(--c-green-700),var(--c-green-900));box-shadow:var(--shadow-card);transform:rotate(-8deg)}.hero-art .plate-inner{position:absolute;inset:9%;border:1px solid rgba(255,255,255,.24);border-radius:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:var(--pattern-dark)}.hero-art .plate-inner:before{content:"PROGRAM STUDI";font:700 .7rem var(--f-label);letter-spacing:.2em;color:rgba(255,255,255,.72);margin-bottom:10px}.hero-art .plate-inner .big{font:700 clamp(3.4rem,8vw,6rem) var(--f-display);letter-spacing:.03em}.hero-art .plate-inner .lbl{font:600 .72rem var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.78);max-width:180px}.hero-badge{position:absolute;right:4%;bottom:14%;background:#fff;border:1px solid var(--c-cream-2);border-radius:999px;padding:10px 15px;box-shadow:var(--shadow-card);font:700 .72rem var(--f-label);color:var(--c-green-900)}.hero-badge .dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c-gold);margin-right:6px}
.stats{background:var(--c-green-900);color:#fff}.stats .container{display:flex;align-items:stretch;justify-content:space-between;padding-top:24px;padding-bottom:24px}.stat{flex:1;padding:10px 26px;border-left:1px solid rgba(255,255,255,.15)}.stat:first-child{border-left:0}.stat .num{display:block;font:700 1.45rem var(--f-display);color:var(--c-gold)}.stat .lbl{font:600 .72rem var(--f-label);letter-spacing:.04em;color:rgba(255,255,255,.78)}
.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}.about-visual{min-height:380px;border-radius:var(--radius-l);overflow:hidden;background:linear-gradient(145deg,var(--c-green-700),var(--c-green-900));position:relative;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-card)}.about-visual:before{content:"TADRIS BAHASA INGGRIS";font:700 clamp(2rem,6vw,4rem) var(--f-display);color:rgba(255,255,255,.9);letter-spacing:.04em}.about-visual:after{content:"IAI YAPNAS JENEPONTO";position:absolute;bottom:28px;left:28px;font:700 .72rem var(--f-label);letter-spacing:.18em;color:rgba(255,255,255,.65)}.about-list{display:grid;gap:12px;margin-top:22px}.about-list li{position:relative;padding-left:26px;color:var(--c-ink-soft)}.about-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--c-orange-600);font-weight:800}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.news-card{background:#fff;border:1px solid var(--c-cream-2);border-radius:var(--radius-m);overflow:hidden;box-shadow:0 10px 30px -24px rgba(14,92,74,.4)}.news-thumb{display:block;aspect-ratio:16/10;background:var(--c-green-100);overflow:hidden}.news-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.news-card:hover .news-thumb img{transform:scale(1.04)}.news-body{padding:22px}.news-meta{font:700 .68rem var(--f-label);color:var(--c-orange-700);text-transform:uppercase;letter-spacing:.08em}.news-body h3{font:700 1.15rem var(--f-display);margin:7px 0 8px}.news-excerpt{font-size:.88rem;color:var(--c-ink-soft)}.news-readmore{font:700 .78rem var(--f-label);color:var(--c-green-700)}
.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:#fff;border:1px solid var(--c-cream-2);border-radius:var(--radius-m);padding:28px;box-shadow:var(--shadow-card)}.panel>h3{font:700 1.35rem var(--f-display);display:flex;justify-content:space-between;gap:16px;align-items:center}.panel>h3 .link-more{font:700 .75rem var(--f-label)}.agenda-item{display:grid;grid-template-columns:58px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--c-cream-2)}.agenda-date{background:var(--c-green-100);border-radius:12px;padding:9px;text-align:center;color:var(--c-green-900);align-self:start}.agenda-date .d{display:block;font:700 1.25rem var(--f-display);line-height:1}.agenda-date .m{display:block;font:700 .62rem var(--f-label);text-transform:uppercase;letter-spacing:.05em}.agenda-info h4{margin:0 0 4px;font:700 .98rem var(--f-body);color:var(--c-green-900)}.agenda-info p{margin:0;font-size:.82rem;color:var(--c-ink-soft)}.announce-item{padding:15px 0;border-bottom:1px solid var(--c-cream-2)}.announce-item a{display:block;font:700 .95rem var(--f-body);color:var(--c-green-900)}.announce-item time{display:block;font-size:.75rem;color:var(--c-ink-soft);margin-top:3px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:#fff;border:1px solid var(--c-cream-2);border-radius:var(--radius-m);padding:26px;min-height:180px;position:relative;overflow:hidden}.feature-card:after{content:"✦";position:absolute;right:18px;top:14px;color:rgba(201,162,39,.28);font-size:2.2rem}.feature-icon{width:42px;height:42px;border-radius:12px;background:var(--c-green-100);display:flex;align-items:center;justify-content:center;color:var(--c-green-700);font-weight:800;margin-bottom:17px}.feature-card h3{font:700 1.05rem var(--f-display)}.feature-card p{font-size:.83rem;color:var(--c-ink-soft);margin:0}.cta{background:var(--c-green-900);background-image:var(--pattern-dark);color:#fff}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:32px}.cta h2{color:#fff;font-size:clamp(1.8rem,3vw,2.6rem);max-width:720px}.cta p{color:rgba(255,255,255,.76);max-width:650px;margin-bottom:0}
.page-section{min-height:50vh}.standard-page,.document-archive{max-width:920px;margin:auto}.page-header{margin-bottom:32px}.page-header h1{font-size:clamp(2rem,4vw,3.5rem)}.entry-content{background:#fff;border:1px solid var(--c-cream-2);border-radius:var(--radius-m);padding:32px}.entry-content img{height:auto}.entry-content h2,.entry-content h3{margin-top:1.5em}.site-footer{background:#082F27;color:rgba(255,255,255,.72)}.footer-top{padding:58px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}.footer-brand .brand-text strong{color:#fff}.footer-brand .brand-text span{color:rgba(255,255,255,.58)}.footer-about{max-width:390px;margin-top:18px;font-size:.86rem}.footer-col h4{color:#fff;font:700 1rem var(--f-label);margin-bottom:15px}.footer-col li{margin:8px 0;font-size:.82rem}.footer-col a{color:rgba(255,255,255,.7)}.footer-col a:hover{color:var(--c-gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1)}.footer-bottom .container{display:flex;justify-content:space-between;gap:20px;padding-top:17px;padding-bottom:17px;font-size:.72rem}
.document-grid{display:grid;gap:14px}.document-card{background:#fff;border:1px solid var(--c-cream-2);border-radius:var(--radius-m);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.document-meta{font-size:.78rem;color:var(--c-ink-soft)}
@media(max-width:980px){.primary-nav{display:none}.nav-toggle{display:flex}.hero .container{grid-template-columns:1fr}.hero-art{order:-1;max-width:320px}.about-grid{grid-template-columns:1fr;gap:35px}.news-grid{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.split-grid{grid-template-columns:1fr}}
@media(max-width:640px){.container{padding:0 18px}.section{padding:60px 0}.topbar-links{display:none}.hero .container{padding-top:55px;padding-bottom:60px}.hero h1{font-size:2.45rem}.stats .container{display:grid;grid-template-columns:1fr 1fr}.stat{border-left:0;border-bottom:1px solid rgba(255,255,255,.12);padding:13px}.news-grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.cta .container{display:block}.cta .btn{margin-top:20px}.footer-bottom .container{display:block}.footer-bottom .container span{display:block;margin:4px 0}.entry-content{padding:22px}.document-card{align-items:flex-start;flex-direction:column}}