/*
Theme Name: KA Personal Brand
Theme URI: https://kornpapoparunpan.com
Author: Kornpapop Arunpan
Author URI: https://kornpapoparunpan.com
Description: Custom theme for Kornpapop "Pob" Arunpan's personal brand site, ported from the original static build. Requires the Advanced Custom Fields plugin for the Analysis post type's structured fields.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: ka
*/

html{scroll-behavior:smooth}
body{margin:0;background:#0B0B0D;color:#F2EFEA;font-family:'Space Grotesk',-apple-system,'Segoe UI','Noto Sans Thai',sans-serif}
a{color:#F2EFEA;text-decoration:none}
a:hover{color:#E09A5C}

/* Bilingual EN/TH toggle — driven by assets/js/site.js */
.lang-en .th{display:none!important}
.lang-th .en{display:none!important}
.lang-en .lt-en,.lang-th .lt-th{color:#F2EFEA!important;border-color:#C1712F!important}

/* Mobile tap-target sizing (WCAG 2.5.5 ~44px) — additive only, no visual redesign */
html,body{overflow-x:hidden}
.r-nav a{display:inline-flex;align-items:center;min-height:44px}
.lt-en,.lt-th{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.r-nav a .en{font-size:14.175px}
.verify-link{min-height:40px;display:inline-flex;align-items:center}
.nav-short{display:none}
@media (max-width:640px){.nav-full{display:none}.nav-short{display:inline}}

/* Header wordmark always displays uppercase, regardless of how the WP site title is typed */
.r-word{text-transform:uppercase}

/* Credentials: keep the issuer/organisation column flush right when it wraps on narrow screens */
#credentials .r-row > div:last-child > div > span:last-child{text-align:right}

/* Portrait / media placeholder — swap for a real <img> once photos exist */
.img-slot{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;box-sizing:border-box;border:1.5px dashed #565660;color:#6b6b74;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em}

/* Buttons — ported 1:1 from the design system's Button.jsx (lg size, primary/secondary variants) */
.btn{font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.16em;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;padding:15px 30px;font-size:15px;text-decoration:none;display:inline-block;text-align:center}
.btn-primary{background:#C1712F;color:#0B0B0D;border-color:#C1712F}
.btn-primary:hover{background:#E09A5C;color:#0B0B0D}
.btn-secondary{background:transparent;color:#F2EFEA;border-color:#33333A}
.btn-secondary:hover{border-color:#C1712F}

/* Analysis archive cards */
.analysis-card{background:#1D1D22;display:flex;flex-direction:column;color:inherit;border:0}
.analysis-card:hover .analysis-card-title{color:#E09A5C}
.analysis-card-title{transition:color .15s ease}
.pagination-links{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.16em}
.pagination-links a{color:#F2EFEA}
.pagination-links a:hover{color:#E09A5C}

/* Layout helpers used across the ported page markup */
@media (max-width:900px){
.r-word{display:none!important}
.r-head{height:auto!important;padding:10px 16px!important;flex-wrap:wrap!important;gap:12px!important}
.r-nav{gap:14px!important;flex-wrap:wrap!important}
.r-hero2{grid-template-columns:1fr!important;gap:36px!important}
.r-heropad{padding:64px 20px 0!important}
.r-grid3{grid-template-columns:1fr!important}
.r-grid4{grid-template-columns:1fr 1fr!important}
.r-row{grid-template-columns:1fr!important;gap:8px!important}
.r-pad{padding:56px 20px!important}
.r-cta{grid-template-columns:1fr!important}
.r-cta-btns{align-items:center!important}
.r-center-mobile{justify-content:center!important}
.r-wrap{flex-wrap:wrap!important;gap:12px!important}
}
@media (max-width:520px){.r-grid4{grid-template-columns:1fr!important}}