/* =========================================================================
   PIYFF 2026 — Sponsor bars (ททท. / Amazing Thailand และผู้สนับสนุนอื่น ๆ)
   ใช้ร่วมกันทุกหน้า: index / awards / library / artists / portal
   ต้องมี CSS variables: --yellow --cream --paper --red --blue --ink
   ========================================================================= */

/* ---------- แถบผู้สนับสนุนหลัก ด้านบนของทุกหน้า ---------- */
.sponsor-bar{background:var(--cream);border-bottom:3px solid var(--ink);position:relative;z-index:90;}
.sponsor-bar .sb-in{max-width:1180px;margin:0 auto;padding:8px 22px;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;}
.sponsor-bar .sb-label{font-family:'Mitr',sans-serif;font-weight:600;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;opacity:.85;}
.sponsor-bar .sb-tag{background:var(--red);color:#fff;font-family:'Mitr',sans-serif;font-weight:600;font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:1px 10px;transform:rotate(-2deg);white-space:nowrap;}
.sp-plate{display:inline-flex;align-items:center;background:#fff;border:2.5px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 var(--ink);padding:5px 12px;transition:transform .18s ease,box-shadow .18s ease;}
.sp-plate:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink);}
.sp-plate img{height:30px;width:auto;display:block;}
@media(max-width:700px){
  .sponsor-bar .sb-in{gap:8px;padding:7px 14px;}
  .sponsor-bar .sb-label{width:100%;text-align:center;font-size:.68rem;}
  .sp-plate{padding:4px 9px;border-radius:10px;box-shadow:2px 2px 0 var(--ink);}
  .sp-plate img{height:23px;}
}

/* ---------- โซนฉายตัวอย่างเทศกาล (หน้าแรก) ---------- */
.trailer{background:var(--ink);color:var(--cream);padding:62px 0 68px;position:relative;overflow:hidden;}
.trailer .sec-kicker{background:var(--yellow);color:var(--ink);}
.trailer .sec-title,.trailer h2{color:var(--cream);}
.trailer .sec-sub{color:rgba(255,244,218,.86);}
.screen{max-width:900px;margin:0 auto;position:relative;}
.screen .bulbs{display:flex;justify-content:space-between;padding:0 26px;margin-bottom:-8px;position:relative;z-index:3;}
.screen .bulbs i{width:13px;height:13px;border-radius:50%;background:var(--yellow);border:2.5px solid var(--ink);box-shadow:0 0 12px rgba(247,183,51,.85);animation:sp-blink 1.8s ease-in-out infinite;}
.screen .bulbs i:nth-child(even){animation-delay:.9s;}
@keyframes sp-blink{0%,100%{opacity:1}50%{opacity:.3}}
.screen .box{background:#000;border:5px solid var(--ink);border-radius:18px;box-shadow:12px 12px 0 var(--red);overflow:hidden;position:relative;}
.screen video{width:100%;display:block;aspect-ratio:16/9;background:#000;}
.screen .sc-cap{text-align:center;font-family:'Mitr',sans-serif;font-weight:600;font-size:.88rem;margin-top:18px;color:rgba(255,244,218,.8);}

/* ป้ายเครดิตผู้สนับสนุนใต้จอ */
.tat-credit{max-width:900px;margin:24px auto 0;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:18px;box-shadow:8px 8px 0 var(--yellow);padding:18px 24px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center;}
.tat-credit .tc-text{font-family:'Mitr',sans-serif;font-weight:600;font-size:1rem;max-width:520px;}
.tat-credit .tc-logos{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;}
.tat-credit .sp-plate img{height:44px;}
@media(max-width:700px){
  .trailer{padding:48px 0 54px;}
  .screen .box{border-width:4px;box-shadow:7px 7px 0 var(--red);}
  .tat-credit{padding:16px 18px;box-shadow:5px 5px 0 var(--yellow);}
  .tat-credit .tc-text{font-size:.92rem;}
  .tat-credit .sp-plate img{height:34px;}
}

/* ---------- ส่วนผู้สนับสนุนแบบแบ่งระดับ ---------- */
.sp-tier{margin-bottom:34px;}
.sp-tier:last-child{margin-bottom:0;}
.sp-tier-h{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:20px;}
.sp-tier-h b{font-family:'Mitr',sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--cream);border-radius:999px;padding:5px 18px;transform:rotate(-1.5deg);white-space:nowrap;}
.sp-tier-h::before,.sp-tier-h::after{content:"";flex:1 1 40px;min-width:18px;max-width:170px;height:3px;background:var(--ink);border-radius:2px;opacity:.85;}
.sp-row{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;}
.sp-row .plate{background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);padding:12px 20px;min-width:118px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;}
.sp-row .plate:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--ink);}
.sp-row .plate img{height:56px;width:auto;display:block;}
.sp-row.main .plate{box-shadow:6px 6px 0 var(--red);padding:16px 26px;}
.sp-row.main .plate:hover{box-shadow:10px 10px 0 var(--red);}
.sp-row.main .plate img{height:78px;}
.sp-note{text-align:center;font-family:'Mitr',sans-serif;font-weight:600;font-size:.98rem;margin-top:26px;background:var(--yellow);border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);padding:13px 22px;display:inline-block;}
.sp-note-wrap{text-align:center;}
@media(max-width:700px){
  .sp-row{gap:14px;}
  .sp-row .plate{padding:9px 13px;border-radius:12px;box-shadow:4px 4px 0 var(--ink);}
  .sp-row .plate img{height:38px;}
  .sp-row.main .plate{padding:12px 18px;}
  .sp-row.main .plate img{height:52px;}
  .sp-tier-h::before,.sp-tier-h::after{max-width:34px;}
  .sp-note{font-size:.88rem;padding:11px 16px;}
}

/* ---------- แถบผู้สนับสนุนท้ายทุกหน้า (บนพื้นเข้ม) ---------- */
.foot-sponsors{border-top:2px dashed rgba(255,244,218,.3);margin-top:32px;padding-top:26px;text-align:center;}
.foot-sponsors .fs-label{font-family:'Mitr',sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--yellow);margin-bottom:14px;}
.foot-logos{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;}
.foot-logos .plate{background:#fff;border:2.5px solid var(--ink);border-radius:12px;box-shadow:3px 3px 0 rgba(255,244,218,.35);padding:8px 13px;min-width:76px;display:flex;align-items:center;justify-content:center;}
.foot-logos .plate img{height:32px;width:auto;display:block;}
.foot-logos .plate.big img{height:44px;}
.fs-credit{margin-top:16px;font-size:.9rem;line-height:1.6;color:var(--cream);}
.fs-credit b{color:var(--yellow);}
@media(max-width:700px){
  .foot-logos{gap:9px;}
  .foot-logos .plate{padding:6px 10px;border-radius:10px;}
  .foot-logos .plate img{height:24px;}
  .foot-logos .plate.big img{height:32px;}
  .fs-credit{font-size:.84rem;}
}

/* ---------- ในระบบพอร์ทัล (พื้นหลังเหลือง) ---------- */
.portal-foot-sponsors{background:var(--ink);color:var(--cream);border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 rgba(29,26,23,.35);padding:22px 20px;margin:34px 0 10px;text-align:center;}
.portal-foot-sponsors .foot-sponsors{border-top:0;margin-top:0;padding-top:0;}