/* แบนเนอร์ขอความยินยอมคุกกี้ — layouts/_ad_tracking.php
   (2569-10-06) ปุ่ม "ปฏิเสธ" กับ "ยอมรับ" ต้องหน้าตาและขนาดเท่ากันทุกประการ (PDPA: การปฏิเสธต้องง่ายเท่าการยอมรับ) — ห้ามแยกสไตล์ให้ปุ่มใดเด่นกว่า
   (8 ต.ค. 2569) เป็นแถบบางติดขอบล่างเต็มความกว้าง: ข้อความ 1–2 บรรทัด + ปุ่มคู่บรรทัดเดียวกัน สูงไม่เกิน ~15% ของจอมือถือ (เดิมกิน ~25% และบังปุ่ม CTA)
   แก้เฉพาะหน้าตา — ตรรกะ consent อยู่ที่ assets/js/ad_tracking.js ไม่เปลี่ยน */
.cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1080;
    padding: 8px 14px;
    padding-bottom: calc(8px + env(safe-area-inset-bottom, 0px));
    background: #fff;
    color: #212529;
    border-top: 1px solid #ced4da;
    box-shadow: 0 -3px 14px rgba(0, 0, 0, .12);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 14px;
    font-size: .85rem;
    line-height: 1.45;
}
.cookie-banner[hidden] { display: none; }
.cookie-banner__text { flex: 1 1 280px; margin: 0; max-width: 640px; }
.cookie-banner__text a { color: #0d3b66; text-decoration: underline; white-space: nowrap; }
.cookie-banner__actions { display: flex; gap: 8px; flex: 0 0 auto; }
.cookie-banner__btn {
    min-width: 92px;
    padding: 5px 14px;
    font: inherit;
    font-weight: 600;
    color: #0d3b66;
    background: #fff;
    border: 2px solid #0d3b66;
    border-radius: 8px;
    cursor: pointer;
}
.cookie-banner__btn:hover,
.cookie-banner__btn:focus-visible { background: #0d3b66; color: #fff; outline: none; }
@media (max-width: 575.98px) {
    /* (21 ต.ค. 2569) เตี้ยลงอีก: ข้อความ+ปุ่มชิดกัน ลด padding/ฟอนต์ — ปุ่ม "ปฏิเสธ"/"ยอมรับ" ยังใช้กฎชุดเดียวกันทุกตัว (เด่นเท่ากัน — PDPA) ข้อความ/ลิงก์/ตรรกะ consent ไม่เปลี่ยน */
    .cookie-banner { padding: 6px 12px; padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)); gap: 4px 10px; font-size: .78rem; line-height: 1.35; }
    .cookie-banner__text { flex-basis: 100%; }
    .cookie-banner__actions { width: 100%; gap: 8px; }
    .cookie-banner__btn { flex: 1 1 0; min-width: 0; padding: 3px 10px; }
}
