/*
Theme Name: Mahasalathum
Author: Mahasalathum
Description: ธีมมหาศาลาธรรม ดำทอง รองรับมือถือ
Version: 1.3.2
Requires at least: 5.7
Requires PHP: 5.6
License: GNU General Public License v2 or later
Text Domain: mahasalathum
*/
:root{--ink:#252a25;--paper:#f6f4ed;--gold:#b79450;--dark:#151e19;--line:#dfdfd3;--white:#fffefa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.9 Tahoma,"Leelawadee UI",sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#8c672d}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;height:auto}iframe,video,embed,object{max-width:100%}iframe[src*="youtube"],iframe[src*="youtu.be"]{width:100%;height:auto;aspect-ratio:16/9}h1,h2,h3{line-height:1.5;font-weight:500;margin:0 0 20px}h1{font-size:clamp(30px,4vw,48px)}h2{font-size:30px}h3{font-size:21px}p{margin:0 0 20px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:10px}.skip-link:focus{top:10px}.masthead{background:var(--dark);color:#f3ead7}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:105px}.brand{display:flex;align-items:center;gap:16px}.brand-symbol{width:47px;height:47px;border:1px solid #b7945077;display:grid;place-items:center;color:#d8ba77;font-size:30px;border-radius:50%}.brand-name{display:block;font-size:25px;letter-spacing:1px;line-height:1.6}.brand small{font-size:10px;letter-spacing:4px;color:#bcb89f}.custom-logo{max-width:60px;max-height:60px;width:auto}.header-note{font-size:12px;color:#bbbcae}.nav-bar{background:var(--white);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px}.primary-menu,.primary-menu ul{list-style:none;margin:0;padding:0}.primary-menu{display:flex;flex-wrap:wrap;gap:4px 30px}.primary-menu>li{position:relative}.primary-menu a{display:block;padding:18px 0;font-size:14px}.primary-menu ul{padding:10px 18px;background:var(--white);border:1px solid var(--line);min-width:220px;position:absolute;top:100%;left:0;z-index:10;display:none}.primary-menu li:hover>ul,.primary-menu li:focus-within>ul{display:block}.primary-menu ul ul{position:static;border:0;padding-left:14px}.primary-menu ul a{padding:8px 0}.menu-toggle{display:none}.search-link{font-size:13px;white-space:nowrap;color:#796439}.hero{background:#10140f;color:#fff5dc}.hero-art{display:block;width:100%;max-height:360px;object-fit:cover;object-position:center}.hero-copy{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:42px 0 46px}.eyebrow{font-size:11px;letter-spacing:3px;color:#af8d4e;margin-bottom:13px}.hero h1{font-size:clamp(28px,3.8vw,46px);margin-bottom:12px}.hero p{color:#bfc2b4;font-size:15px;margin:0;max-width:680px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:#cfb071;color:#17221b;border:1px solid #cfb071;padding:12px 23px;font-size:14px;white-space:nowrap;cursor:pointer}.button:hover{background:#e0c78f;color:#17221b}.section{padding:56px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-heading h2{margin:0}.section-heading p{color:#74766d;font-size:14px;margin:7px 0 0}.text-link{font-size:13px;color:#806233;border-bottom:1px solid #b7945080}.topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--white)}.topic{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.topic:hover{background:#ece9de}.topic-number{font-size:11px;color:#a18449;letter-spacing:2px;display:block;margin-bottom:22px}.topic h3{font-size:19px;margin-bottom:7px}.topic span:last-child{font-size:12px;color:#74766d}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}.entry,.sidebar{min-width:0}.entry-content{overflow-wrap:anywhere}.entry-content a,.comment-content a{text-decoration:underline;text-underline-offset:4px;color:#7b5c25}.entry-content>*{max-width:100%}.entry-content li{margin-bottom:10px}.entry-content table{display:block;overflow-x:auto;border-collapse:collapse}.entry-content td,.entry-content th{padding:10px;border:1px solid var(--line)}.entry-content blockquote{margin:30px 0;padding:20px 28px;border-left:3px solid var(--gold);background:#eeeadf}.entry-content pre{overflow:auto;padding:20px;background:#ebe8df}.entry-content:after{content:"";display:table;clear:both}.entry-meta{font-size:12px;color:#74766d;margin-bottom:20px}.reading-panel{padding:36px;background:var(--white);border:1px solid var(--line)}.widget{margin-bottom:32px;border-bottom:1px solid var(--line);padding-bottom:26px}.widget-title{font-size:19px;padding-bottom:15px;border-bottom:1px solid var(--line)}.widget ul{padding-left:20px}.widget li{margin:10px 0;font-size:14px}.search-form{display:flex;gap:8px;flex-wrap:wrap}.search-field{min-width:0;width:100%;border:1px solid #c8ccbf;background:var(--white);padding:11px 12px}.search-form label{flex:1;min-width:120px}.search-submit{background:var(--dark);color:white;border:0;padding:10px 16px;cursor:pointer}.quiet-box{background:#eae8dc;padding:25px}.quiet-box p{font-size:14px;color:#646a5d;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.content-layout .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--white);min-width:0}.card-image{display:block;overflow:hidden;aspect-ratio:16/10;background:#e8e5d9}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-image:hover img{transform:scale(1.035)}.card-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(ellipse at center,#364836,#18271e);color:#bc9e60;font-size:54px}.card-body{padding:25px}.card h2{font-size:21px;margin-bottom:13px}.card p{font-size:14px;color:#6e7469}.card .entry-meta{margin-bottom:12px}.pagination,.post-navigation{margin:32px 0}.nav-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.page-numbers{padding:8px 16px;border:1px solid var(--line)}.page-numbers.current{background:var(--dark);color:white}.footer{background:var(--dark);color:#f0ecdf;padding:46px 0 20px;margin-top:24px}.footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px}.footer p{font-size:13px;color:#b6bdaf;max-width:500px}.footer .brand-name{font-size:23px;margin-bottom:10px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#afb5a8;border-top:1px solid #ffffff20;padding-top:20px}.footer-menu{display:flex;flex-wrap:wrap;gap:22px;list-style:none;padding:0;font-size:13px}.comments-area{margin-top:40px;border-top:1px solid var(--line);padding-top:25px}.comment-list{padding-left:22px}.comment-body{padding:20px 0}.comment-form input:not([type=checkbox]),.comment-form textarea{max-width:100%;border:1px solid #c8ccbf;padding:10px;display:block}.comment-form textarea{width:100%}.comment-form .submit{background:var(--dark);color:white}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute!important;width:1px}.aligncenter{display:block;margin:auto}.alignleft{float:left;margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:13px;color:#74766d}.gallery{display:flex;flex-wrap:wrap;gap:15px}.gallery-item{max-width:100%;margin:0}.sticky{border-top:3px solid var(--gold)}.bypostauthor{border-left:2px solid var(--gold);padding-left:15px}.empty-state{padding:36px;border:1px solid var(--line);background:var(--white)}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.content-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.header-note{display:none}.primary-menu{gap:0 18px}.topics{grid-template-columns:repeat(2,minmax(0,1fr))}.cards{gap:16px}.card-body{padding:20px}}
@media(max-width:900px){.nav-inner{flex-wrap:wrap;padding:13px 0;min-height:58px}.menu-toggle{display:block;border:0;background:transparent;padding:5px 0;cursor:pointer}.site-nav{order:3;width:100%}.js .site-nav{display:none}.js .site-nav.is-open{display:block}.primary-menu{display:block}.primary-menu a{padding:10px 0}.primary-menu ul{position:static;display:block;border:0;padding-left:22px;min-width:0}.content-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:24px}.hero-copy{gap:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:88px}.brand-name{font-size:22px}.brand small{font-size:9px;letter-spacing:3px}.brand-symbol{width:40px;height:40px;font-size:25px}.hero-art{height:180px}.hero-copy{display:block;padding:28px 0 34px}.hero-copy .button{margin-top:24px}.hero p{font-size:14px}.section{padding:38px 0}.section-heading{align-items:flex-start}.topic{padding:20px 16px}.topic h3{font-size:17px}.topic-number{margin-bottom:16px}.reading-panel{padding:23px}.cards,.content-layout .cards,.sidebar{grid-template-columns:1fr}.footer-top,.footer-bottom{display:block}.footer-bottom>a{display:inline-block;margin-top:12px}.entry-title{font-size:29px}.alignleft,.alignright{float:none;margin:15px auto}.hero .eyebrow{font-size:10px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}