/*
Theme Name: Aiyaphat
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Child theme for aiyaphat.com — LINE Seed webfonts, brand tokens and template overrides.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.1789386541556
Updated: 2026-09-14 10:44:12

*/

/* aiyaphat-tokens-v1 ------------------------------------------
   Font paths are theme-relative so they survive a domain or folder move.
   ------------------------------------------------------------- */
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSans_Rg.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSans_Bd.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSans_XBd.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSans_He.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans TH";src:url("../../uploads/2026/09/LINESeedSansTH_Rg.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans TH";src:url("../../uploads/2026/09/LINESeedSansTH_Bd.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans TH";src:url("../../uploads/2026/09/LINESeedSansTH_XBd.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"LINE Seed Sans TH";src:url("../../uploads/2026/09/LINESeedSansTH_He.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap}

/* aiyaphat-th-glyphs: LINE Seed Sans is a Latin-only face, and Elementor's
   global typography names it on its own — so Thai characters fell through to the
   system sans everywhere Elementor generated CSS (headings, loop card titles).
   Declaring the TH files under the SAME family name, limited to the Thai block,
   fixes every one of those at the source instead of per-selector. Declared after
   the Latin faces so the Thai range wins for those code points. */
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSansTH_Rg.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0E01-0E5B,U+200B,U+25CC}
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSansTH_Bd.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0E01-0E5B,U+200B,U+25CC}
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSansTH_XBd.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+0E01-0E5B,U+200B,U+25CC}
@font-face{font-family:"LINE Seed Sans";src:url("../../uploads/2026/09/LINESeedSansTH_He.woff2") format("woff2");font-weight:900;font-style:normal;font-display:swap;unicode-range:U+0E01-0E5B,U+200B,U+25CC}


:root{
 --aiy-brand:#0054DB; --aiy-brand-deep:#0040A8; --aiy-brand-soft:#EAF1FF;
 --aiy-lime:#72C825; --aiy-lime-deep:#4F9314;
 --aiy-ink:#0A1733; --aiy-ink-2:#415272; --aiy-ink-3:#66748F;
 --aiy-ground:#FFFFFF; --aiy-ground-alt:#F5F8FC; --aiy-line:#E4EBF5;
 --aiy-font:"LINE Seed Sans","LINE Seed Sans TH",system-ui,-apple-system,"Segoe UI",sans-serif;
}

body{font-family:var(--aiy-font);font-size:18px;line-height:1.65;color:var(--aiy-ink)}
h1,h2,h3,h4,h5,h6{font-family:var(--aiy-font);letter-spacing:-.02em}
h1{font-size:clamp(40px,6vw,80px);line-height:1.22;font-weight:800}
h2{font-size:clamp(30px,4.4vw,60px);line-height:1.32;font-weight:700;letter-spacing:-.03em}
h3{font-size:18px;line-height:1.5;font-weight:700}

/* aiyaphat-archive-v1 — category archive + single post.
   Styles Hello Elementor's real markup; UAE Lite has no archive builder. */
.archive .site-main,.single .site-main{max-width:1240px;margin-inline:auto;padding-inline:24px}
.single .site-main{max-width:820px}
.archive .page-header,.single .page-header{padding-block:clamp(40px,5vw,72px) clamp(22px,3vw,38px)}
.archive .page-header .entry-title,.single .page-header .entry-title{font-family:var(--aiy-font);font-size:clamp(30px,4.2vw,54px);font-weight:800;letter-spacing:-.03em;line-height:1.25;margin:0 0 14px;color:var(--aiy-ink)}
.single .page-header .entry-title{font-size:clamp(30px,3.8vw,48px)}
.archive .archive-description{font-size:18px;line-height:1.65;color:var(--aiy-ink-3);max-width:60ch;margin:0}
.archive .archive-description p{margin:0}

.archive .page-content{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-bottom:clamp(48px,6vw,88px)}
.archive article.post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--aiy-line);border-radius:16px;overflow:hidden;transition:transform .22s,box-shadow .22s,border-color .22s}
.archive article.post:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(10,23,51,.10);border-color:#D3E2FF}
.archive article.post>a{order:-1;display:block;line-height:0}
.archive article.post img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block}
.archive article.post .entry-title{order:1;font-size:20px;font-weight:800;line-height:1.45;letter-spacing:-.01em;margin:0;padding:22px 22px 0}
.archive article.post .entry-title a{color:var(--aiy-ink);text-decoration:none}
.archive article.post .entry-title a:hover{color:var(--aiy-brand)}
.archive article.post>p{order:2;font-size:16px;line-height:1.6;color:var(--aiy-ink-3);margin:0;padding:10px 22px 24px}

.single .page-content p{font-size:19px;line-height:1.8;color:var(--aiy-ink-2);margin:0 0 1.3em}
.single .page-content{padding-bottom:clamp(40px,5vw,72px)}
.single .comment-respond,.single .comments-area{display:none}

@media (max-width:1000px){.archive .page-content{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.archive .page-content{grid-template-columns:1fr;gap:20px}}

/* aiyaphat-dark: the light/dark switch from the prototype, ported.
   Every component references these tokens, so the whole theme swap happens
   here — nothing in the page builders knows which mode is active. */
:root{
 --aiy-card:#FFFFFF; --aiy-line-2:#D3E2FF; --aiy-brand-ink:#0054DB;
 --aiy-panel:#0054DB; --aiy-panel-ink:#CFE0FF;
 color-scheme:light;
}
:root[data-theme="dark"]{
 --aiy-brand:#0054DB; --aiy-brand-deep:#0040A8; --aiy-brand-soft:#16325C; --aiy-brand-ink:#7FB2FF;
 --aiy-lime:#7FD433; --aiy-lime-deep:#A3E45F;
 --aiy-ink:#E8EEF9; --aiy-ink-2:#B6C4DA; --aiy-ink-3:#8494B0;
 --aiy-ground:#0A1120; --aiy-ground-alt:#0E1626; --aiy-line:#22304A;
 --aiy-card:#121C2E; --aiy-line-2:#33456A;
 --aiy-panel:#123563; --aiy-panel-ink:#9DBEF0;
 color-scheme:dark;
}
/* the Elementor kit paints the body, so this has to outrank .elementor-kit-N */
html[data-theme="dark"] body{background-color:var(--aiy-ground);color:var(--aiy-ink)}