/*
Theme Name: Lontakra
Theme URI: https://www.lontakra.com/
Author: Lontakra
Description: Thai editorial affiliate theme for buying guides, comparisons and curated trends. Gutenberg-ready; no commerce checkout or page-builder dependency.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lontagra
Tags: blog, custom-logo, custom-menu, featured-images, wide-blocks, editor-style
*/
:root{--ink:#202b27;--muted:#66716a;--green:#155c47;--line:#dde5df;--mint:#eaf2ec;--paper:#fff;--coral:#b44f38;--radius:6px;font-family:"Leelawadee UI",Tahoma,Arial,sans-serif;letter-spacing:0;color:var(--ink);background:#fff;font-size:16px}
*{box-sizing:border-box}body{margin:0;font-family:inherit;line-height:1.75;letter-spacing:0}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{line-height:1.5;overflow-wrap:anywhere}h1{font-size:42px}h2{font-size:29px}h3{font-size:20px}a{color:var(--green);text-underline-offset:4px}a,button,input{touch-action:manipulation}button,input,textarea,select{font:inherit;letter-spacing:0}button{cursor:pointer}img{max-width:100%;height:auto;display:block}svg{vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #dfad45;outline-offset:4px}input,textarea,select{max-width:100%;border:1px solid #bfcec4;border-radius:4px;padding:10px 12px;background:white;color:var(--ink)}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.icon{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.screen-reader-text,.skip-link:not(:focus){clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;height:1px;width:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:1000;padding:10px 16px;background:white;color:var(--green)}.top-note{background:var(--green);color:#edf5ed;text-align:center;font-size:12px;padding:7px 16px}.site-header{border-bottom:1px solid var(--line);background:white;position:relative;z-index:20}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-brand a{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-symbol{width:43px;height:47px;display:grid;place-items:center;background:var(--mint);border-radius:5px;color:var(--green)}.brand-symbol .icon{width:27px;height:27px}.brand-word{font-size:23px;line-height:1.2;font-weight:800}.brand-word small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:5px}.custom-logo{max-height:65px;width:auto;max-width:230px}.primary-nav .menu{display:flex;gap:30px;list-style:none;margin:0;padding:0;align-items:center}.primary-nav a{font-size:15px;font-weight:600;text-decoration:none;color:var(--ink);padding:10px 0;display:inline-block}.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--green);text-decoration:underline}.primary-nav li{position:relative}.primary-nav .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--line);padding:10px 15px;list-style:none;box-shadow:0 7px 18px #1b2e2310}.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}.header-tools{display:flex;gap:8px}.icon-button{border:1px solid var(--line);background:white;display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:4px;color:var(--ink)}.icon-button:hover{background:var(--mint)}.menu-toggle{display:none}.header-search{padding-block:0 22px}.search-form{display:flex;gap:9px;max-width:720px}.search-form input[type=search]{min-width:0;flex:1;min-height:46px;font-size:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;min-height:45px;border:1px solid #c3d1c6;background:#fff;color:var(--green);border-radius:4px;text-decoration:none;font-weight:650;font-size:15px;line-height:1.6}.button.primary{color:white;background:var(--green);border-color:var(--green)}.button:hover{background:var(--mint)}.button.primary:hover{background:#104b3a}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:15px;font-weight:650;text-decoration:none}.text-link:hover{text-decoration:underline}.eyebrow{color:var(--green);font-size:13px;font-weight:650;margin-bottom:9px;display:block}.eyebrow .icon{width:17px;height:17px;margin-right:6px}.masthead{position:relative;min-height:440px;background:#e9eef1;overflow:hidden}.masthead-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}.masthead-inner{min-height:440px;position:relative;display:flex;align-items:center}.masthead-copy{padding:32px 0 43px;max-width:490px;position:relative}.masthead-copy h1{font-size:60px;font-weight:750;line-height:1.3}.masthead-copy h1 span{display:block;font-size:16px;line-height:1.5;font-weight:650;margin-top:8px;color:#3b5c4e}.masthead-subtitle{font-size:23px;margin-top:19px;font-weight:600}.masthead-description{font-size:16px;color:#47564e;margin-top:10px;margin-bottom:23px}.art-caption{position:absolute;bottom:10px;right:0;font-size:10px;color:#374f42;background:#ffffffd9;padding:3px 7px;border-radius:2px}.section{padding-block:48px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.section-head h2{font-size:28px}.section-head p:not(.eyebrow){font-size:15px;color:var(--muted);margin-top:8px}.section-head>.text-link{flex-shrink:0}.section-aside{font-size:13px;color:var(--muted)}.browse-section{padding-top:34px;padding-bottom:20px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.category-tile{min-height:186px;padding:20px;display:flex;align-items:flex-start;flex-direction:column;text-decoration:none;color:var(--ink);border-radius:6px;position:relative;border:1px solid transparent;transition:border-color .15s}.category-tile:hover{border-color:#819b8b}.category-tile>.icon{position:absolute;right:15px;top:17px;width:18px;height:18px}.category-tile strong{display:block;font-size:17px;margin:12px 0 3px}.category-tile small{display:block;font-size:13px;color:#58665c;line-height:1.65}.category-icon .icon{width:29px;height:29px}.tone-home{background:#eaf2ec;color:#286548}.tone-tech{background:#e9eff6;color:#3f648a}.tone-beauty{background:#f4edf3;color:#915c7b}.tone-fashion{background:#f7efdf;color:#936c35}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 25px}.story-card{min-width:0}.story-image{display:grid;place-items:center;aspect-ratio:1.6;overflow:hidden;border-radius:6px;text-decoration:none}.story-image img{width:100%;height:100%;object-fit:cover}.story-image>.icon{width:50px;height:50px;stroke-width:1.2}.story-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin:17px 0 8px}.story-meta a{color:var(--green);text-decoration:none;font-weight:600}.story-card h3 a{color:var(--ink);text-decoration:none}.story-card h3 a:hover{color:var(--green);text-decoration:underline}.story-card p{font-size:14px;line-height:1.8;color:var(--muted);margin:10px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card time{font-size:12px;color:var(--muted)}.empty-state{padding:42px 24px;border-block:1px solid var(--line);text-align:center;color:var(--muted)}.empty-state>.icon{width:28px;height:28px;margin-bottom:12px}.empty-state h3,.empty-state h2{font-size:20px;color:#52685b}.empty-state p{font-size:14px;margin-top:8px}.empty-state .text-link{margin-top:20px}.trend-band{background:#f6f8f2;border-block:1px solid var(--line)}.editorial-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.editorial-band h2{font-size:29px;margin-bottom:20px}.principles>div{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.principles>div:first-child{padding-top:0}.principles span{font-size:13px;color:var(--coral);grid-row:span 2;margin-top:5px}.principles h3{font-size:18px}.principles p{font-size:14px;color:var(--muted);margin-top:4px}.site-footer{background:#f0f4f0;border-top:1px solid var(--line);padding:43px 0 0}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:28px}.footer-brand{font-size:23px;font-weight:800;color:var(--green);text-decoration:none}.footer-brand span{font-size:14px;font-weight:500;display:block;margin-top:3px}.footer-top p{font-size:13px;color:var(--muted);margin-top:12px}.footer-links{display:flex;flex-direction:column;gap:7px}.footer-links h2{font-size:15px;margin-bottom:5px}.footer-links a{font-size:13px;color:#506156;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links .icon{width:14px;height:14px}.footer-disclosure{border-top:1px solid #cfdcd1;padding-top:19px;font-size:12px;color:#586a5d;max-width:1000px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:20px;font-size:11px;color:var(--muted)}.page-main{padding-block:30px 65px;min-height:55vh}.archive-header{margin:10px 0 32px}.archive-header h1{font-size:38px;margin-bottom:12px}.archive-header p,.archive-description{color:var(--muted);font-size:16px;max-width:800px}.archive-header .search-form{margin-top:24px}.category-pills{display:flex;flex-wrap:wrap;gap:10px 22px;border-block:1px solid var(--line);margin-bottom:28px;padding-block:15px}.category-pills a{font-size:14px;color:var(--muted);text-decoration:none}.category-pills a[aria-current]{color:var(--green);font-weight:700;text-decoration:underline}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:30px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs .icon{width:12px;height:12px;flex-basis:12px}.breadcrumbs span{max-width:100%;overflow-wrap:anywhere}.article-layout{display:grid;grid-template-columns:minmax(0,800px) minmax(180px,1fr);gap:60px}.reading-page{max-width:800px;min-width:0}.article-header h1{font-size:38px;line-height:1.5}.byline{display:flex;gap:7px 18px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:19px 0 14px}.evidence-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#54725d;background:#edf5ed;padding:7px 10px;border-radius:3px}.evidence-label .icon{width:17px;height:17px}.article-cover{margin:25px 0}.article-cover img{width:100%;border-radius:5px}.article-cover figcaption{font-size:12px;color:var(--muted);padding-top:8px}.entry-content{font-size:18px;line-height:1.95;margin-top:27px;overflow-wrap:anywhere}.entry-content>*{margin-top:0;margin-bottom:23px}.entry-content h2{font-size:28px;margin-top:37px;margin-bottom:15px;scroll-margin-top:30px}.entry-content h3{font-size:22px;margin-top:28px;margin-bottom:12px;scroll-margin-top:30px}.entry-content li{margin-bottom:8px}.entry-content ul,.entry-content ol{padding-left:25px}.entry-content blockquote{padding:15px 20px;border-left:3px solid var(--green);background:#f5f8f2;margin-left:0;margin-right:0}.entry-content .wp-block-table{overflow-x:auto;max-width:100%}.entry-content table{border-collapse:collapse;width:100%;font-size:15px}.entry-content td,.entry-content th{padding:12px 14px;border:1px solid var(--line);text-align:left;min-width:120px}.entry-content th{background:#edf3eb}.entry-content .alignwide{width:100%}.entry-content .alignfull{max-width:100%}.entry-content iframe{max-width:100%}.entry-content .wp-block-image img{height:auto}.article-sidebar{padding-top:10px}.toc{position:sticky;top:30px;border-top:2px solid var(--green);padding-top:15px}.toc h2{font-size:15px;margin-bottom:12px}.toc ol{padding-left:17px;margin:0}.toc li{font-size:13px;line-height:1.7;margin:10px 0;color:var(--muted)}.toc a{color:var(--muted);text-decoration:none}.toc a:hover{text-decoration:underline;color:var(--green)}.aside-note{margin-top:30px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.aside-note h3{font-size:15px;color:var(--green);margin:10px 0}.aside-note p{font-size:13px}.article-actions{border-block:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:19px 0;margin-top:30px}.article-actions [role=status]{font-size:12px;color:var(--muted)}.related-section{margin-top:20px;border-top:1px solid var(--line)}.collection-page .entry-content{max-width:800px;font-size:17px;margin-bottom:32px}.pagination,.nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:35px 0 0}.page-numbers{display:inline-grid;place-items:center;min-width:40px;min-height:40px;padding:5px 10px;border:1px solid var(--line);text-decoration:none;border-radius:4px;font-size:14px}.page-numbers.current{background:var(--green);border-color:var(--green);color:#fff}.error-page{max-width:850px;padding-block:70px 90px}.error-page p{color:var(--muted);margin:16px 0}.error-page .search-form{margin:28px 0}.comments-area{margin-top:40px;border-top:1px solid var(--line);padding-top:25px}.comment-list{list-style:none;padding:0}.comment-body{border-bottom:1px solid var(--line);padding:20px 0;font-size:15px}.comment-list .children{list-style:none;padding-left:20px}.comment-author img{display:inline-block;border-radius:50%;vertical-align:middle;margin-right:8px}.comment-metadata{font-size:12px}.comment-form p{margin-block:15px}.comment-form label{display:block;font-size:14px}.comment-form input:not([type=checkbox]),.comment-form textarea{width:100%}.comment-form .submit{width:auto!important;background:var(--green);color:#fff;cursor:pointer}.comment-form-cookies-consent label{display:inline}.lgt-answer{border-left:3px solid var(--green);padding:18px 22px;background:#f1f6ef;font-size:17px}.lgt-answer strong{display:block;font-size:14px;color:var(--green);margin-bottom:6px}.lgt-disclosure{font-size:13px!important;line-height:1.8;color:var(--muted);padding-block:12px;border-bottom:1px solid var(--line)}.lgt-offers{border-top:2px solid var(--green);padding-top:22px}.lgt-offers h2,.lgt-sources h2{margin-top:0}.lgt-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.lgt-offer h3{font-size:18px;margin:0 0 4px}.lgt-offer small{display:block;font-size:13px;color:var(--muted)}.lgt-offer .button{max-width:270px;text-align:center;white-space:normal}.lgt-offer .icon{width:17px;height:17px}.lgt-sources{font-size:14px;line-height:1.8;padding-top:20px}.lgt-sources h2{font-size:22px}.lgt-sources a{overflow-wrap:anywhere}.lgt-source-date{font-size:12px;color:var(--muted);margin-left:7px}.lgt-unverified{font-size:13px;color:var(--coral)}[hidden]{display:none!important}
@media(min-width:1600px){.masthead{min-height:465px}.masthead-inner{min-height:465px}.masthead-image{object-position:center 56%}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.header-inner{gap:20px}.primary-nav .menu{gap:20px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{min-height:142px;padding:20px;flex-direction:row;gap:16px;align-items:center}.category-tile strong{margin:0 0 4px}.category-tile>.icon{display:none}.masthead-image{object-position:58% 58%}.masthead-copy{max-width:410px}.masthead-copy h1{font-size:54px}.masthead-subtitle{font-size:21px}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:30px}.editorial-band{gap:35px}.story-grid{gap:26px 20px}.footer-top{gap:25px}}
@media(max-width:780px){.container{width:calc(100% - 36px)}.top-note{font-size:11px;padding-block:5px}.header-inner{min-height:76px;gap:12px}.brand-word{font-size:20px}.brand-word small{font-size:11px}.brand-symbol{width:35px;height:40px}.brand-symbol .icon{width:23px;height:23px}.custom-logo{max-height:55px;max-width:190px}.header-tools{gap:7px}.icon-button{width:38px;height:38px;flex-basis:38px}.menu-toggle{display:inline-grid}.primary-nav{position:absolute;left:0;right:0;top:100%;display:none;background:#fff;border-bottom:1px solid var(--line);padding:12px 24px;box-shadow:0 12px 20px #142e1f12}.primary-nav.is-open{display:block}.primary-nav .menu{display:block}.primary-nav a{padding:11px 0;font-size:16px;width:100%}.primary-nav .sub-menu{display:block;position:static;border:0;box-shadow:none;padding:0 0 0 16px}.primary-nav .sub-menu a{font-size:14px}.masthead,.masthead-inner{min-height:550px}.masthead-inner{align-items:flex-start}.masthead-image{object-fit:cover;object-position:70% bottom;width:100%;height:52%;top:auto;bottom:0}.masthead{background:#e9eef1}.masthead-copy{padding-top:23px;padding-bottom:0;max-width:100%;z-index:1}.masthead-copy h1{font-size:43px;line-height:1.35}.masthead-copy h1 span{font-size:12px;margin-top:4px}.masthead-copy .eyebrow{font-size:12px;margin-bottom:5px}.masthead-subtitle{font-size:18px;margin-top:11px}.masthead-description{font-size:14px;line-height:1.7;margin:7px 0 14px}.masthead-description br{display:none}.masthead .button{font-size:13px;padding:8px 12px;min-height:39px}.art-caption{font-size:8px;right:0;bottom:7px;max-width:95%}.section{padding-block:32px}.browse-section{padding-top:28px;padding-bottom:5px}.section-head{align-items:flex-start;gap:15px;margin-bottom:20px;flex-wrap:wrap}.section-head h2{font-size:23px}.section-aside{display:none}.section-head .text-link{font-size:13px}.section-head p:not(.eyebrow){font-size:14px}.category-grid{gap:10px}.category-tile{padding:15px;min-height:166px;flex-direction:column;align-items:flex-start;gap:9px}.category-tile strong{font-size:15px}.category-tile small{font-size:12px}.category-icon .icon{width:25px;height:25px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.story-card h3{font-size:17px}.story-card p{font-size:13px;-webkit-line-clamp:2}.story-meta{font-size:11px;display:block;margin-top:12px}.story-meta span{display:none}.story-image>.icon{width:36px;height:36px}.story-card time{font-size:11px}.empty-state{padding:28px 16px}.empty-state h3{font-size:18px}.empty-state p{font-size:13px}.editorial-band{grid-template-columns:1fr;gap:24px}.editorial-band h2{font-size:25px}.editorial-band .text-link{font-size:14px}.footer-top{grid-template-columns:1fr 1fr;gap:25px 22px}.footer-top>div:first-child{grid-column:1/-1}.footer-brand span{display:inline;margin-left:8px}.footer-links h2{font-size:14px}.footer-bottom{flex-direction:column;gap:5px}.footer-disclosure{font-size:11px}.site-footer{padding-top:29px}.page-main{padding-block:24px 40px}.archive-header h1,.article-header h1{font-size:29px}.archive-header p,.archive-description{font-size:15px}.category-pills{gap:10px 16px}.category-pills a{font-size:13px}.article-layout{grid-template-columns:1fr;gap:0}.article-sidebar{display:none}.breadcrumbs{font-size:11px;margin-bottom:20px}.entry-content{font-size:17px;line-height:1.9}.entry-content h2{font-size:24px}.entry-content h3{font-size:20px}.byline{font-size:11px;gap:5px 13px}.evidence-label{font-size:11px;align-items:flex-start}.evidence-label .icon{margin-top:2px;flex-shrink:0}.article-actions .button,.article-actions .text-link{font-size:13px}.reading-page{width:100%}.lgt-offer{grid-template-columns:1fr;gap:12px}.lgt-offer .button{justify-self:start}.lgt-answer{font-size:16px;padding:15px 17px}.search-form .button{padding:10px 12px}.search-form .button span{display:none}.search-form input[type=search]{font-size:14px}.error-page h1{font-size:30px}.error-page{padding-block:45px}.entry-content th,.entry-content td{font-size:14px}.collection-page .entry-content{font-size:16px}}
@media(max-width:380px){.masthead-copy h1{font-size:40px}.masthead-subtitle{font-size:17px}.masthead,.masthead-inner{min-height:545px}.story-grid{grid-template-columns:1fr}.story-image{aspect-ratio:1.8}.category-tile{padding:12px}.header-tools{gap:4px}.brand-word{font-size:18px}.brand-symbol{width:31px}.container{width:calc(100% - 30px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.top-note,.site-header,.site-footer,.article-sidebar,.related-section,.article-actions,.comments-area{display:none!important}.container{width:100%}.article-layout{display:block}.reading-page{max-width:none}.entry-content{font-size:12pt}.article-header h1{font-size:24pt}.entry-content h2{font-size:18pt}.lgt-offer{break-inside:avoid}.lgt-offer a:after{content:" (" attr(href) ")";font-size:9pt;overflow-wrap:anywhere}.button{border:0;padding:0}.page-main{padding:0}}

/* Keep the contents and buying note in one sticky flow. */
.article-sidebar-inner{--lgt-sidebar-top:24px;position:sticky;top:var(--lgt-sidebar-top);max-height:calc(100vh - var(--lgt-sidebar-top) - 24px);max-height:calc(100dvh - var(--lgt-sidebar-top) - 24px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:#fff;z-index:1;padding-bottom:16px}
.admin-bar .article-sidebar-inner{--lgt-sidebar-top:56px}
.article-sidebar-inner .toc{position:static;background:#fff}
.article-sidebar-inner .aside-note{background:#fff}