/*
Theme Name: Aranyaprathet Modern
Theme URI: https://aran.ac.th/
Author: Aranyaprathet School
Description: Modern navy and gold WordPress theme for Aranyaprathet School.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: aran-modern
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#10243e;--navy-deep:#0b1930;--navy-soft:#193656;--gold:#c8a762;--gold-light:#e7cf98;--paper:#fbfaf7;--ink:#14243a;--muted:#617085;--line:#e4e8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Thai',sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1400px;margin:auto;padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px)}.utility{background:var(--navy-deep);color:#b8c7d8;min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px clamp(22px,5vw,72px);font-size:11px}.site-header{background:#fff;display:flex;align-items:center;gap:25px;min-height:88px}.identity{display:flex;align-items:center;gap:13px;flex:none}.identity img{height:62px;width:50px;object-fit:contain}.identity span{display:flex;flex-direction:column}.identity strong{font-size:19px;line-height:1.25;color:var(--navy)}.identity small{font:700 9px Manrope,sans-serif;letter-spacing:.17em;color:#9b793a;margin-top:5px}.main-nav{display:flex;align-items:center;gap:25px;margin-left:auto}.main-nav ul{display:flex;list-style:none;gap:24px;padding:0;margin:0;font-size:13px;font-weight:600}.main-nav li{position:relative}.main-nav a:hover,.main-nav .current-menu-item>a{color:#a78139}.main-nav .sub-menu{display:none;position:absolute;z-index:20;top:100%;left:0;background:white;min-width:190px;padding:12px;box-shadow:0 12px 30px #10243e20;flex-direction:column;gap:10px}.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:flex}.header-admission,.solid-button{background:var(--gold);color:var(--navy-deep);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 18px;border:0;border-radius:3px}.header-admission:hover,.solid-button:hover{background:var(--gold-light)}.mobile-nav{display:none;margin-left:auto}.mobile-nav summary{cursor:pointer;font-size:26px;list-style:none}.mobile-nav ul{list-style:none;padding:15px;margin:0;position:absolute;right:20px;z-index:30;background:white;box-shadow:0 12px 35px #10243e24;min-width:210px}.mobile-nav li{padding:8px}.mobile-nav .sub-menu{position:static;box-shadow:none;padding:5px 10px}.hero{background:var(--navy);color:white;overflow:hidden}.hero-wrap{display:grid;grid-template-columns:1fr 47%;min-height:590px}.hero-content{padding:95px 50px 58px 0;display:flex;flex-direction:column;align-items:flex-start;position:relative}.hero-content:before{content:"";position:absolute;width:450px;height:450px;border:1px solid #ffffff12;border-radius:50%;left:-190px;top:-60px;pointer-events:none}.eyebrow,.small-label{font-size:11px;font-weight:700;letter-spacing:.11em}.eyebrow{color:var(--gold-light);display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:18px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(44px,5vw,76px);line-height:1.18;font-weight:600;letter-spacing:-.05em;margin:34px 0 22px}.hero h1 em,.welcome h2 em{font-style:normal;color:var(--gold-light)}.hero p{color:#d4dfeb;font-size:16px;line-height:1.9;max-width:540px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.ghost-button{border:1px solid #9bafc6;color:#fff;font-size:13px;font-weight:700;display:inline-flex;gap:20px;padding:12px 18px;border-radius:3px}.ghost-button:hover{background:#ffffff1a}.hero-visual{position:relative;min-height:520px;margin:34px 0 34px 22px;overflow:hidden}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071628af,transparent 50%)}.hero-note{position:absolute;z-index:1;bottom:26px;left:26px;display:flex;flex-direction:column}.hero-note span{font-size:11px}.hero-note strong{font-size:22px}.shortcuts{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:13px;padding-top:44px;padding-bottom:48px}.shortcut-heading{padding:12px 15px 0 0}.small-label{color:#9a7638}.shortcut-heading h2{font-size:25px;line-height:1.3;margin:12px 0}.shortcut{border:1px solid var(--line);background:#fff;min-height:155px;padding:19px;display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.shortcut:hover,.news-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #10243e19}.shortcut-icon{width:38px;height:38px;border-radius:50%;background:#f5efdf;color:#94713a;display:grid;place-items:center;font-size:20px;margin-bottom:15px}.shortcut strong{font-size:13px}.shortcut small{font-size:11px;color:var(--muted);margin-top:5px}.shortcut-arrow{position:absolute;right:18px;top:16px;color:#987239}.welcome{padding-top:90px;padding-bottom:105px;display:grid;grid-template-columns:43% 1fr;gap:8%;align-items:center}.welcome-image{height:465px;position:relative}.welcome-image img{width:100%;height:100%;object-fit:cover}.welcome-image:after{content:"";position:absolute;width:80%;height:84%;border:1px solid var(--gold);left:34px;top:34px;z-index:-1}.welcome h2,.section-top h2,.admission-inner h2{font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-.04em;margin:17px 0 24px;font-weight:600}.welcome h2 em{color:#a78343}.welcome p{color:var(--muted);line-height:2;max-width:610px;font-size:15px}.identity-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;margin:30px 0}.identity-facts div{display:flex;flex-direction:column;gap:5px}.identity-facts strong{font-size:17px}.identity-facts span{font-size:11px;color:var(--muted)}.under-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:6px;display:inline-flex;gap:25px}.under-link:hover{color:#987239}.news-section{background:#f1f4f7;padding:94px 0 105px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:33px}.section-top h2{margin:13px 0 8px}.section-top p{font-size:13px;color:var(--muted);margin:0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.news-card{background:white;border:1px solid var(--line);min-height:280px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.news-card img{width:100%;height:160px;object-fit:cover}.news-card-inner{padding:23px;display:flex;flex-direction:column;flex:1}.news-category{font-size:11px;color:#977338;font-weight:700}.news-date{font-size:11px;color:#8894a2;margin-top:12px}.news-card h3{font-size:18px;line-height:1.45;margin:11px 0}.news-card p{font-size:12px;color:var(--muted);line-height:1.7}.news-read{margin-top:auto;font-size:12px;font-weight:700;color:#977338;padding-top:16px}.admission-banner{background:#e9d8af}.admission-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:65px;padding-bottom:70px}.admission-inner h2{margin:12px 0}.admission-inner p{font-size:14px}.admission-inner .solid-button{background:var(--navy);color:white;white-space:nowrap}.site-footer{background:var(--navy-deep);color:white}.footer-grid{display:grid;grid-template-columns:1.5fr 1.2fr 1fr;gap:50px;padding-top:65px;padding-bottom:65px}.footer-brand img{width:56px;height:74px;object-fit:contain;display:block;margin-bottom:12px}.footer-brand strong{font-size:19px}.footer-grid h3{font-size:14px;margin-bottom:20px}.footer-grid p,.footer-grid a{font-size:12px;line-height:1.9;color:#bccbda}.footer-grid a{display:block;margin-bottom:8px}.footer-grid a:hover{color:var(--gold-light)}.footer-bottom{border-top:1px solid #263c58;padding-top:18px;padding-bottom:22px;font-size:10px;color:#94a9c1}.content-page{max-width:900px;margin:65px auto 110px;padding:0 24px}.content-page h1{font-size:clamp(30px,4vw,48px);line-height:1.35}.content-page .meta{font-size:12px;color:var(--muted)}.entry-content{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.entry-content img{height:auto}.entry-content a{color:#8d6b32;text-decoration:underline}.archive-grid{margin:35px 0 70px}.pagination{margin:30px 0}.pagination a,.pagination span{padding:8px 13px;border:1px solid var(--line);margin-right:5px}.screen-reader-text{position:absolute;width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:100;background:#fff;padding:10px;width:auto;height:auto;clip:auto}@media(max-width:1100px){.main-nav ul{gap:14px}.shortcuts{grid-template-columns:repeat(4,1fr)}.shortcut-heading{grid-column:1/-1}}@media(max-width:850px){.main-nav{display:none}.mobile-nav{display:block}.header-admission{margin-left:0}.hero-wrap{grid-template-columns:1fr}.hero-content{padding:72px 0 45px}.hero-visual{margin:0 0 30px;min-height:360px}.welcome{grid-template-columns:1fr;gap:35px}.welcome-image{height:360px}.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.utility{font-size:9px}.site-header{min-height:76px}.identity img{height:50px;width:40px}.identity strong{font-size:15px}.identity small{font-size:7px}.header-admission{font-size:11px;padding:10px;gap:8px}.hero h1{font-size:42px}.hero p{font-size:14px}.hero-visual{min-height:275px}.shortcuts{grid-template-columns:1fr 1fr}.welcome{padding-top:65px;padding-bottom:70px}.welcome-image{height:270px}.identity-facts{gap:5px}.identity-facts strong{font-size:13px}.identity-facts span{font-size:10px}.news-section{padding:70px 0}.section-top{display:block}.section-top .under-link{margin-top:15px}.news-grid{grid-template-columns:1fr}.admission-inner{display:block}.admission-inner .solid-button{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shortcut,.news-card{transition:none}}