*{box-sizing:border-box}
:root{--ink:#2a1c27;--muted:#796b76;--plum:#351126;--wine:#9b3158;--wine-2:#c44d72;--gold:#f1c66d;--cream:#fffaf4;--paper:#fff;--line:#eadedb;--green:#187657;--shadow:0 18px 50px rgba(53,17,38,.08)}
html{scroll-behavior:smooth}body{margin:0;background-image:url('morlam-festival-bg.jpg');background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;background-color:#1b0d21;color:var(--ink);font-family:'Prompt',sans-serif;font-size:15px;line-height:1.7}body:before{display:none}body:after{display:none}a{color:var(--wine);text-decoration:none;transition:color .2s ease}a:hover{color:var(--wine-2)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip-link{position:fixed;left:18px;top:-60px;z-index:100;padding:9px 14px;background:var(--gold);color:var(--plum);border-radius:10px;font-weight:600}.skip-link:focus{top:15px}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,244,.88);border-bottom:1px solid rgba(234,222,219,.9);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:18px;font-weight:700;line-height:1.12}.brand-copy small{display:block;font-size:10px;font-weight:400;letter-spacing:.2px;color:var(--muted);margin-top:6px}.brand-mark{display:grid;place-items:center;position:relative;width:47px;height:47px;border-radius:16px 16px 16px 5px;background:linear-gradient(145deg,var(--wine),#5a1938);color:#fff;font-size:25px;box-shadow:4px 4px 0 var(--gold)}.brand-mark i{position:absolute;right:6px;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--gold)}.nav-links{display:flex;align-items:center;gap:6px}.nav-links a{display:inline-flex;align-items:center;gap:7px;color:#604f5a;font-size:12px;padding:10px 13px;border-radius:12px}.nav-links a:hover,.nav-links a.active{color:var(--wine);background:#f6e9e7}.nav-links a span{font-size:15px;line-height:1}.nav-links .nav-admin{border:1px solid var(--line);margin-left:6px;color:var(--plum)}.nav-toggle{display:none;align-items:center;gap:8px;border:0;background:none;color:var(--plum);font-size:12px;font-weight:600;cursor:pointer}.nav-toggle-lines,.nav-toggle-lines:before,.nav-toggle-lines:after{display:block;width:18px;height:2px;border-radius:2px;background:var(--wine);content:'';transition:.2s}.nav-toggle-lines{position:relative}.nav-toggle-lines:before{position:absolute;top:-6px}.nav-toggle-lines:after{position:absolute;top:6px}.nav-toggle.is-open .nav-toggle-lines{background:transparent}.nav-toggle.is-open .nav-toggle-lines:before{top:0;transform:rotate(45deg)}.nav-toggle.is-open .nav-toggle-lines:after{top:0;transform:rotate(-45deg)}.main{min-height:70vh;padding:20px 0 74px}.page-title h1,.section-heading h2,.calendar-toolbar h2,.admin-head h1{color:#fff;text-shadow:0 2px 12px #120914}.page-title p,.section-heading p,.admin-head p,.breadcrumb,.result-count{color:#f8edf2;text-shadow:0 1px 8px #120914}.section-heading .text-link{color:var(--gold);text-shadow:0 1px 8px #120914}.alert{padding:12px 16px;border-radius:14px;margin:0 0 18px;font-size:12px}.alert.success{background:#e7f6ec;color:#1c6748}.alert.error{background:#fff0ef;color:#a12c35}
.hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:390px;margin:18px 0 22px;padding:65px clamp(28px,6vw,78px);border-radius:30px;background:radial-gradient(circle at 86% 16%,#d36a7f55 0,transparent 25%),radial-gradient(circle at 58% 120%,#f2c66d35 0,transparent 32%),linear-gradient(120deg,#291020 0%,#4f1533 48%,#8d294e 100%);color:#fff;box-shadow:0 22px 50px rgba(53,17,38,.18)}.hero:before{content:'';position:absolute;inset:0;opacity:.32;background:repeating-linear-gradient(90deg,transparent 0 13px,#f4d28e 14px 15px,transparent 16px 31px);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 80%,transparent);z-index:-1}.hero:after{content:'♫';position:absolute;right:6%;bottom:-78px;font-size:270px;font-weight:700;line-height:1;color:#fff1c20b;z-index:-1}.hero-copy{max-width:655px;z-index:1}.eyebrow{font-size:10px;line-height:1.2;letter-spacing:2.2px;font-weight:700;color:var(--gold);text-transform:uppercase}.hero h1{font-size:clamp(35px,5vw,65px);line-height:1.16;letter-spacing:-1.4px;margin:14px 0 17px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{max-width:560px;margin:0;color:#f9eaf0;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 17px;min-height:42px;font:600 12px 'Prompt',sans-serif;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--wine);color:#fff;box-shadow:0 8px 18px #9b31582e}.btn-primary:hover{background:var(--wine-2);color:#fff;box-shadow:0 11px 24px #9b31583d}.btn-light{background:#fff;color:var(--plum);box-shadow:0 8px 20px #1e0b1830}.btn-light:hover{color:var(--plum)}.btn-outline-light{border:1px solid #ffffff66;color:#fff;background:#ffffff0d}.btn-outline-light:hover{color:#fff;background:#ffffff18}.btn-soft{background:#f5e9e5;color:#654655}.btn-soft:hover{background:#ead9d6;color:#4b2637}.hero-note{position:relative;display:grid;place-items:center;z-index:1;width:220px;min-width:200px;min-height:220px;border:1px solid #fff3;border-radius:50%;background:#ffffff0c;box-shadow:inset 0 0 0 10px #ffffff08;backdrop-filter:blur(4px);text-align:center}.hero-note:before,.hero-note:after{content:'';position:absolute;border:1px solid #f1c66d77;border-radius:50%;inset:14px;transform:rotate(12deg)}.hero-note:after{inset:28px;transform:rotate(-17deg);border-color:#fff3}.music-note{font-size:55px;line-height:1;color:var(--gold);text-shadow:0 4px 14px #f1c66d55}.hero-note strong,.hero-note span,.hero-note small{display:block}.hero-note strong{font-size:19px}.hero-note span{color:var(--gold);font-size:13px}.hero-note small{margin-top:9px;color:#f5dfe5;font-size:10px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 48px}.stat-card{position:relative;overflow:hidden;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 8px 25px #43201a08}.stat-card:after{content:'';position:absolute;right:-20px;bottom:-26px;width:90px;height:90px;border:1px solid #dcae5b55;border-radius:50%}.stat-card span{display:block;color:var(--muted);font-size:11px}.stat-card strong{display:block;color:var(--wine);font-size:28px;line-height:1.25;margin-top:5px}.stat-card .stat-date{font-size:19px}.stat-card .stat-note{display:block;margin-top:5px;color:var(--green);font-size:10px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:42px 0 20px}.section-heading h2{font-size:26px;line-height:1.25;margin:6px 0}.section-heading p{color:var(--muted);margin:0;font-size:12px}.text-link{font-size:12px;font-weight:600}.event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.event-card{display:flex;gap:17px;padding:19px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.event-card:hover,.band-card:hover{transform:translateY(-4px);border-color:#dcbac0;box-shadow:var(--shadow)}.event-date,.schedule-date{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:78px;height:88px;border:1px solid #efd8c7;border-radius:15px;background:linear-gradient(145deg,#fff4dc,#f8e5df);color:var(--wine);text-align:center}.event-date:after,.schedule-date:after{content:'';position:absolute;inset:5px;border:1px dashed #dcae5b88;border-radius:11px}.event-date strong,.schedule-date strong{position:relative;z-index:1;font-size:29px;line-height:1.1}.event-date span,.schedule-date span{position:relative;z-index:1;font-size:10px}.event-body{min-width:0;flex:1}.tag{display:inline-block;border-radius:7px;background:#f8e8e9;color:#91425a;font-size:10px;line-height:1.3;padding:4px 8px}.event-body h3{font-size:17px;line-height:1.3;margin:8px 0}.event-place{margin:0 0 3px;font-size:13px}.muted{color:var(--muted);font-size:12px}.event-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #f1e8e5;padding-top:10px;margin-top:12px;font-size:11px}.empty-state{text-align:center;border:1px dashed #ddc8c0;border-radius:20px;padding:50px 20px;background:linear-gradient(135deg,#fffaf5,#fff5ee)}.empty-state h3{margin:8px 0}.empty-state p{color:var(--muted);font-size:13px}.empty-icon{font-size:42px;line-height:1;color:var(--gold)}.promo-row{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:52px;padding:30px 34px;border-radius:22px;background:linear-gradient(105deg,#f7e8df,#fff6dd);border:1px solid #f0ddc9}.promo-row:after{content:'✦  ♫  ✦';position:absolute;right:25px;bottom:-13px;color:#dcae5b33;font-size:65px;letter-spacing:12px}.promo-row>div{position:relative;z-index:1}.promo-row h2{margin:6px 0;font-size:23px}.promo-row p{max-width:680px;margin:0;color:var(--muted);font-size:13px}.page-title{padding:38px 0 23px}.page-title h1{font-size:37px;line-height:1.25;margin:7px 0}.page-title p{max-width:700px;color:var(--muted);margin:0}.filter-panel{display:flex;align-items:end;gap:13px;flex-wrap:wrap;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.87);box-shadow:0 8px 25px #43201a06}.field{display:flex;flex:1;flex-direction:column;gap:6px;min-width:165px}.field.grow{flex:2}.field label{font-size:11px;color:#675360;font-weight:600}.field input,.field select,.field textarea,.login-card input,.login-card select{width:100%;border:1px solid #e5d5d2;border-radius:11px;padding:10px 12px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus,.login-card input:focus{border-color:#b86b80;box-shadow:0 0 0 4px #9b315814}.result-count{font-size:12px;color:var(--muted);margin:18px 0}.band-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.band-card{display:flex;align-items:center;gap:15px;padding:19px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.88);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.band-symbol,.profile-icon{display:grid;place-items:center;flex-shrink:0;width:54px;height:54px;border-radius:17px 17px 17px 5px;background:linear-gradient(145deg,#f9e8df,#f8d9dc);color:var(--wine);font-size:29px}.band-info{min-width:0;flex:1}.band-info h3{font-size:16px;line-height:1.35;margin:7px 0 3px}.band-info p{font-size:11px;color:var(--muted);margin:2px 0;overflow-wrap:anywhere}.upcoming{display:block;color:var(--green);font-size:10px;margin-top:7px}.arrow-link{font-size:11px;font-weight:600;white-space:nowrap}.breadcrumb{font-size:12px;color:var(--muted);padding:25px 0 18px}.band-profile{display:flex;align-items:start;gap:22px;padding:27px;border-radius:22px;background:linear-gradient(120deg,#f9eadf,#fff7df);border:1px solid #f0dbc5}.band-profile .profile-icon{width:76px;height:76px;font-size:40px;background:linear-gradient(145deg,var(--wine),#5a1938);color:#fff;box-shadow:4px 4px 0 var(--gold)}.band-profile h1{font-size:32px;line-height:1.2;margin:8px 0}.band-profile p{margin:5px 0;font-size:13px}.compact{align-items:end}.schedule-list{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.9)}.schedule-item{display:flex;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid var(--line)}.schedule-item:last-child{border-bottom:0}.schedule-content{flex:1;min-width:0}.schedule-content h3{margin:0 0 4px;font-size:15px}.schedule-content p{margin:3px 0;font-size:12px}.schedule-time{display:flex;flex-direction:column;gap:8px;min-width:102px;font-size:12px}.schedule-time a{font-size:11px}.status-pill{display:inline-block;padding:4px 9px;margin-top:6px;border-radius:20px;background:#e8f5ed;color:#23714e;font-size:10px}.status-pill.cancelled{background:#fbe9e9;color:#a52d36}.status-pill.completed{background:#eeeaf9;color:#65509b}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 15px}.calendar-toolbar h2{margin:0;font-size:23px}.calendar{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 8px 25px #43201a06}.calendar-weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-weekdays>div{text-align:center;padding:11px 2px;background:#f8ede8;color:#705662;font-size:11px;font-weight:600}.calendar-cell{min-height:123px;min-width:0;padding:8px;border-top:1px solid #f0e5e2;border-right:1px solid #f0e5e2}.calendar-cell:nth-child(7n){border-right:0}.calendar-cell.blank{background:#fcfaf7}.calendar-cell.today{background:#fff7db;box-shadow:inset 0 3px 0 var(--gold)}.day-number{display:block;margin-bottom:6px;font-size:12px;font-weight:700}.calendar-event{display:block;overflow:hidden;margin:3px 0;padding:5px 6px;border-left:3px solid var(--wine);border-radius:6px;background:#fae9eb;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.calendar-event:hover{background:#f5d9df}.calendar-event small{display:block;color:#8c6769;font-size:8px}.more-events{color:var(--muted);font-size:9px}.table-wrap{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;min-width:680px;border-collapse:collapse;font-size:12px}th{text-align:left;background:#faf1ea;color:#694d5a;font-weight:600}th,td{padding:13px 14px;border-bottom:1px solid #f0e7e4}tr:last-child td{border-bottom:0}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 0 20px}.admin-head h1{margin:5px 0;font-size:30px}.admin-head p{margin:0;color:var(--muted);font-size:12px}.admin-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:22px;border-bottom:1px solid var(--line)}.admin-tabs a{padding:12px 16px;color:#78626d;white-space:nowrap}.admin-tabs a.active{border-bottom:3px solid var(--wine);color:var(--wine);font-weight:600}.admin-panel{padding:24px;margin-bottom:25px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 25px #43201a06}.admin-panel h2{font-size:18px;margin:0 0 17px}.admin-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form .wide{grid-column:1/-1}.form-actions{display:flex;grid-column:1/-1;gap:10px;margin-top:5px}.actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.actions form{display:inline}.link-danger{padding:0;border:0;background:none;color:#b32e3d;font:inherit;font-size:12px;cursor:pointer}.login-wrap{display:flex;justify-content:center;padding:55px 0}.login-card{width:min(430px,100%);padding:32px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.login-card .profile-icon{margin:0 auto 15px}.login-card h1{text-align:center;font-size:24px;margin-bottom:5px}.login-card>p{text-align:center;margin-bottom:22px}.login-card .field{margin-bottom:14px}.full{width:100%;margin-top:8px}.back-link{display:block;text-align:center;font-size:12px;margin-top:18px}.footer{border-top:1px solid var(--line);padding:26px 0;background:#fffaf5;color:var(--muted);font-size:11px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.footer strong,.footer span{display:block}.footer strong{color:var(--plum);font-size:13px}.footer p{margin:0}.footer span{font-size:10px;margin-top:2px}
@keyframes festivalGlow{from{transform:scale(1) rotate(-1deg);opacity:.68}to{transform:scale(1.06) rotate(1deg);opacity:1}}[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .5s ease var(--delay,0ms),transform .5s ease var(--delay,0ms)}.is-visible{opacity:1;transform:none}
@media(max-width:800px){.hero{padding:48px 30px}.hero-note{width:180px;min-width:165px;min-height:180px}.event-grid,.band-grid{grid-template-columns:1fr}.nav-links{gap:2px}.calendar-cell{min-height:92px;padding:5px}.calendar-event{font-size:8px}.calendar-weekdays>div{font-size:9px}.stats{gap:9px}.stat-card{padding:16px}.stat-card strong{font-size:23px}.stat-card .stat-date{font-size:16px}}
@media(max-width:600px){body{background-position:center,58% top;background-attachment:scroll,scroll}.container{width:calc(100% - 26px)}.nav{min-height:70px;flex-wrap:wrap}.brand{font-size:15px}.brand-mark{width:40px;height:40px;font-size:21px}.brand-copy small{font-size:8px}.nav-toggle{display:flex}.nav-links{display:none;flex-basis:100%;padding:3px 0 14px;flex-direction:column;align-items:stretch;gap:2px}.nav-links.open{display:flex}.nav-links a{padding:11px 9px}.nav-links .nav-admin{margin:4px 0 0}.main{padding-top:12px}.hero{min-height:0;margin-top:10px;padding:34px 23px;border-radius:22px}.hero-note{display:none}.hero h1{font-size:37px}.hero p{font-size:13px}.hero-actions{margin-top:22px}.btn{flex:1;padding-left:12px;padding-right:12px}.stats{grid-template-columns:1fr 1fr;margin-bottom:35px}.stat-card:last-child{grid-column:1/-1}.stat-card strong{font-size:22px}.section-heading{align-items:start;flex-direction:column;gap:8px;margin-top:31px}.section-heading h2{font-size:22px}.event-card{padding:14px;gap:12px}.event-date{min-width:64px;height:75px}.event-date strong{font-size:24px}.promo-row{align-items:start;flex-direction:column;padding:24px}.page-title{padding:28px 0 18px}.page-title h1{font-size:30px}.filter-panel{align-items:stretch;padding:14px}.field{min-width:100%}.filter-panel>.btn{flex:1}.band-card{align-items:start;padding:14px;gap:10px}.band-symbol{width:43px;height:43px;font-size:23px}.arrow-link{display:none}.band-profile{padding:19px;gap:13px}.band-profile .profile-icon{width:57px;height:57px;font-size:29px}.band-profile h1{font-size:24px}.schedule-item{align-items:start;padding:13px;gap:10px}.schedule-date{min-width:59px;height:68px}.schedule-date strong{font-size:23px}.schedule-time{min-width:72px;font-size:10px}.calendar-toolbar{gap:5px}.calendar-toolbar h2{font-size:15px;text-align:center}.calendar-toolbar .btn{font-size:10px;padding:8px 7px}.calendar-cell{min-height:70px;padding:3px}.calendar-event{padding:3px 2px;font-size:7px}.calendar-event small{display:none}.calendar-weekdays>div{font-size:8px;padding:8px 0}.admin-head{align-items:start;padding-top:25px}.admin-head h1{font-size:24px}.admin-head .btn{font-size:11px}.admin-form{grid-template-columns:1fr}.admin-form .wide,.form-actions{grid-column:auto}.admin-panel{padding:15px}.admin-tabs a{padding:10px 11px;font-size:12px}.footer-inner{align-items:start;flex-direction:column}.footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:after{animation:none}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}

/* Popularity score */
.popularity{display:inline-block;font-size:10px;font-weight:600;color:#8b5a13;background:#fff4d8;border:1px solid #f2dfad;border-radius:5px;padding:2px 7px;white-space:nowrap}
/* Clickable calendar date opens the selected day's event list */
.calendar-cell .day-number{width:max-content;min-width:24px;padding:3px 6px;margin:0 0 6px;border-radius:7px;color:var(--wine);text-decoration:none;cursor:pointer;transition:background .15s ease,color .15s ease}
.calendar-cell .day-number:hover,.calendar-cell .day-number:focus-visible{background:var(--wine);color:#fff;outline:none}

/* รูปคณะหมอลำ อัตราส่วน 4:3 */
.band-card-image{display:block;box-sizing:border-box;width:112px;height:84px;max-width:100%;object-fit:cover;object-position:center;flex:0 0 112px;border-radius:13px;border:1px solid #eadedb;background:#f6e9e7;overflow:hidden}
.band-profile-image{display:block;box-sizing:border-box;width:min(320px,34%);height:240px;max-width:100%;object-fit:cover;object-position:center;flex:0 0 auto;border-radius:18px;border:3px solid #fff;box-shadow:0 8px 24px #35112624;background:#f6e9e7;overflow:hidden}
.band-profile-copy{min-width:0;flex:1}
.admin-band-preview{width:180px;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.admin-band-thumb{width:70px;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
.admin-ad-preview{max-width:min(360px,100%);max-height:220px;object-fit:contain;border-radius:10px}
.admin-ad-thumb{width:90px;max-height:64px;object-fit:contain;border-radius:6px;background:#f8f3f2}
.admin-tabs .admin-tab-link{display:inline-flex;align-items:center;padding:9px 14px;border-radius:10px;color:var(--muted);font-size:12px}
.admin-tabs .admin-tab-link:hover{background:#f6e9e7;color:var(--wine)}
/* 10 ตำแหน่งโฆษณา: 6 แนวนอน + 4 แนวตั้ง */
.ad-item{position:relative;z-index:12;box-sizing:border-box;background:rgba(255,255,255,.96);border:1px solid #eadedb;border-radius:10px;box-shadow:0 5px 20px rgba(30,10,25,.12);overflow:hidden}
.ad-item img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain}
.ad-horizontal{width:min(1180px,calc(100% - 40px));margin:12px auto;min-height:0;text-align:center}
.ad-label{position:absolute;left:5px;bottom:4px;background:#24121dcc;color:#fff;border-radius:4px;padding:0 5px;font:10px/1.5 'Prompt',sans-serif}
.ad-close{position:absolute;z-index:3;right:4px;top:4px;width:25px;height:25px;border:0;border-radius:50%;background:#271523d9;color:white;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center}
.ad-close:hover{background:#9b3158}
.ad-rail{position:fixed;z-index:15;top:125px;width:clamp(80px,9vw,150px);display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 145px);overflow:visible}
.ad-rail-left{left:8px}.ad-rail-right{right:8px}
.ad-vertical{width:100%;max-height:40vh}
.ad-vertical img{width:100%;max-height:40vh;aspect-ratio:3/4;object-fit:cover}
.ad-template-bank{display:contents!important}.ad-template-bank-fallback{display:contents!important}
.ad-item.is-dismissed{display:none!important}
@media(min-width:1500px){.ad-rail-left{left:max(8px,calc((100vw - 1180px)/2 - 170px))}.ad-rail-right{right:max(8px,calc((100vw - 1180px)/2 - 170px))}}
@media(max-width:1200px){.ad-rail{width:84px}.ad-rail-left{left:3px}.ad-rail-right{right:3px}.ad-rail .ad-item img{aspect-ratio:3/4;object-fit:cover}.container{width:min(1180px,calc(100% - 30px))}}
@media(max-width:850px){.ad-rail,.ad-vertical,[data-ad-placement="left_one"],[data-ad-placement="left_two"],[data-ad-placement="right_one"],[data-ad-placement="right_two"]{display:none!important}.ad-horizontal,[data-ad-placement="top_banner"],[data-ad-placement="under_header"],[data-ad-placement="content_one"],[data-ad-placement="content_two"],[data-ad-placement="before_footer"],[data-ad-placement="bottom_banner"]{display:block}.ad-horizontal{width:calc(100% - 24px)}.ad-item img{max-height:100px}.band-card-image{width:90px;height:68px;flex-basis:90px}.band-profile-image{width:30%;height:min(210px,22vw)}}
@media(max-width:560px){.band-card{align-items:flex-start;gap:10px;padding:13px}.band-card-image{width:82px;height:62px;flex-basis:82px;border-radius:10px}.band-profile{padding:17px;gap:13px;flex-direction:column}.band-profile-image{width:100%;height:240px;max-width:320px}.admin-tabs{flex-wrap:wrap}.ad-horizontal{margin:8px auto}.ad-item img{max-height:80px}}

/* Public add-event form */
.public-event-panel{max-width:920px;margin:0 auto 24px}.public-event-panel .muted{margin:0 0 18px}.public-event-panel .form-actions{align-items:center}.public-event-panel .btn{cursor:pointer}

/* Band detail: show description immediately below the contact phone */
.band-description{margin-top:14px;padding-top:12px;border-top:1px solid var(--line,#eadedb);width:100%;min-width:0}
.band-description h2{font-size:1rem;margin:0 0 6px;color:var(--ink,#321b2a)}
.band-description p{margin:0;line-height:1.8;overflow-wrap:anywhere}
.band-profile-copy{min-width:0}
/* รูปวงหมอลำในตารางคิวงานหน้าแรก */
.event-band-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    min-width: 0;
    margin-bottom: 14px;
}

.event-band-image-link {
    display: block;
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    overflow: hidden;
    border-radius: 12px;
    background: #f6e9e7;
    border: 1px solid #eadedb;
}

.event-band-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.25s ease;
}

.event-band-image-link:hover .event-band-image {
    transform: scale(1.06);
}

.event-band-info {
    flex: 1;
    min-width: 0;
}

.event-band-info h3 {
    margin: 7px 0 0;
    font-size: 17px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.event-band-info h3 a {
    color: var(--plum);
}

.event-band-info h3 a:hover {
    color: var(--wine-2);
}

.event-card .event-place {
    margin: 8px 0 5px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.event-card .muted {
    overflow-wrap: anywhere;
}

/* แท็บเล็ต */
@media (max-width: 800px) {
    .event-band-image-link {
        flex-basis: 86px;
        width: 86px;
        height: 86px;
    }

    .event-band-info h3 {
        font-size: 15px;
    }
}

/* โทรศัพท์มือถือ */
@media (max-width: 560px) {
    .event-band-heading {
        gap: 11px;
    }

    .event-band-image-link {
        flex-basis: 78px;
        width: 78px;
        height: 78px;
        border-radius: 10px;
    }

    .event-band-info h3 {
        font-size: 14px;
    }

    .event-card .event-place {
        font-size: 12px;
    }
}