/* Studio96 Cookie Consent — Frontend */
:root{
	--s96c-primary:#2563eb;
	--s96c-accept:#16a34a;
	--s96c-reject:#6b7280;
	--s96c-bg:#ffffff;
	--s96c-text:#1f2937;
	--s96c-muted:#6b7280;
	--s96c-border:#e5e7eb;
	--s96c-radius:8px;
	--s96c-btn-radius:6px;
	--s96c-shadow:0 10px 40px rgba(0,0,0,.15);
}

.s96c-wrap.s96c-theme-dark{
	--s96c-bg:#1f2937;
	--s96c-text:#f3f4f6;
	--s96c-muted:#9ca3af;
	--s96c-border:#374151;
}

.s96c-wrap *{box-sizing:border-box;}

/* ---------- Banner ---------- */
.s96c-banner{
	position:fixed;
	z-index:999998;
	background:var(--s96c-bg);
	color:var(--s96c-text);
	box-shadow:var(--s96c-shadow);
	border:1px solid var(--s96c-border);
	padding:20px 24px;
	display:flex;
	gap:20px;
	align-items:center;
	font-family:inherit;
	line-height:1.6;
	animation:s96c-in .35s ease;
}
@keyframes s96c-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}

/* ตำแหน่ง */
.s96c-pos-bottom .s96c-banner{left:0;right:0;bottom:0;border-radius:0;}
.s96c-pos-top .s96c-banner{left:0;right:0;top:0;border-radius:0;}
.s96c-pos-bottom-left .s96c-banner{left:20px;bottom:20px;max-width:440px;border-radius:var(--s96c-radius);}
.s96c-pos-bottom-right .s96c-banner{right:20px;bottom:20px;max-width:440px;border-radius:var(--s96c-radius);}

/* layout box = แนวตั้ง มุมจอ */
.s96c-layout-box .s96c-banner{flex-direction:column;align-items:stretch;max-width:440px;border-radius:var(--s96c-radius);}
.s96c-layout-box.s96c-pos-bottom .s96c-banner{left:auto;right:20px;bottom:20px;}

/* layout modern = กล่องลอย เว้นขอบทุกด้าน + มุมโค้ง */
.s96c-layout-modern .s96c-banner{border-radius:var(--s96c-radius);max-width:520px;}
.s96c-layout-modern.s96c-pos-bottom .s96c-banner{left:50%;right:auto;transform:translateX(-50%);bottom:20px;}
.s96c-layout-modern.s96c-pos-top .s96c-banner{left:50%;right:auto;transform:translateX(-50%);top:20px;}
.s96c-layout-modern.s96c-pos-bottom-left .s96c-banner{left:20px;right:auto;bottom:20px;}
.s96c-layout-modern.s96c-pos-bottom-right .s96c-banner{right:20px;left:auto;bottom:20px;}

.s96c-banner-content{flex:1;min-width:0;}
.s96c-logo{margin-bottom:10px;}
.s96c-logo img{height:26px;width:auto;max-width:160px;}
.s96c-banner-title{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--s96c-text);}
.s96c-banner-message{font-size:14px;color:var(--s96c-muted);}
.s96c-banner-message p{margin:0 0 6px;}
.s96c-privacy-link{color:var(--s96c-primary);text-decoration:underline;}

.s96c-banner-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;flex-shrink:0;}
.s96c-layout-box .s96c-banner-actions{justify-content:flex-end;}

/* Powered by */
.s96c-powered{font-size:11px;color:var(--s96c-muted);margin-top:12px;opacity:.7;}
.s96c-layout-box .s96c-powered{width:100%;}

/* ปุ่มตั้งค่าแบบลิงก์ (default ของ Cookie Wow) */
.s96c-btn-settings.is-link{
	background:none !important;border:none !important;color:var(--s96c-primary) !important;
	text-decoration:underline;padding:10px 6px;
}

/* ขนาดตัวอักษร */
.s96c-font-small .s96c-banner-title{font-size:16px;}
.s96c-font-small .s96c-banner-message{font-size:13px;}
.s96c-font-medium .s96c-banner-title{font-size:18px;}
.s96c-font-medium .s96c-banner-message{font-size:14px;}

/* รายการคุกกี้ในแต่ละหมวด (modal) */
.s96c-cat-cookies{margin-top:8px;font-size:12px;}
.s96c-cat-cookies summary{cursor:pointer;color:var(--s96c-primary);}
.s96c-cat-cookies ul{margin:8px 0 0;padding-left:16px;list-style:disc;}
.s96c-cat-cookies li{margin-bottom:4px;color:var(--s96c-muted);}
.s96c-ck-dur{margin-left:6px;font-size:11px;opacity:.7;}

/* ---------- ปุ่ม ---------- */
.s96c-btn{
	cursor:pointer;
	border:1px solid transparent;
	border-radius:var(--s96c-btn-radius,6px);
	padding:10px 18px;
	font-size:14px;
	font-weight:600;
	font-family:inherit;
	transition:opacity .15s,transform .05s;
	white-space:nowrap;
}
.s96c-btn:hover{opacity:.9;}
.s96c-btn:active{transform:translateY(1px);}
.s96c-btn-accept{background:var(--s96c-accept);color:#fff;}
.s96c-btn-reject{background:transparent;color:var(--s96c-reject);border-color:var(--s96c-reject);}
.s96c-btn-settings{background:transparent;color:var(--s96c-primary);border-color:var(--s96c-primary);}
.s96c-btn-save{background:var(--s96c-primary);color:#fff;}

/* ---------- Modal ---------- */
.s96c-modal{
	position:fixed;inset:0;z-index:999999;
	display:none;
	align-items:center;justify-content:center;
	background:rgba(0,0,0,.5);
	padding:20px;
}
.s96c-modal.is-open{display:flex;}
.s96c-modal-box{
	background:var(--s96c-bg);
	color:var(--s96c-text);
	border-radius:var(--s96c-radius);
	width:100%;max-width:560px;
	max-height:85vh;
	display:flex;flex-direction:column;
	box-shadow:var(--s96c-shadow);
	animation:s96c-in .25s ease;
}
.s96c-modal-head{
	display:flex;align-items:center;justify-content:space-between;
	padding:20px 24px;border-bottom:1px solid var(--s96c-border);
}
.s96c-modal-head h2{margin:0;font-size:18px;font-weight:700;}
.s96c-modal-close{
	background:none;border:none;cursor:pointer;
	font-size:28px;line-height:1;color:var(--s96c-muted);
}
.s96c-modal-body{padding:8px 24px;overflow-y:auto;}
.s96c-modal-actions{
	display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;
	padding:16px 24px;border-top:1px solid var(--s96c-border);
}

/* ---------- หมวดคุกกี้ ---------- */
.s96c-cat{padding:16px 0;border-bottom:1px solid var(--s96c-border);}
.s96c-cat:last-child{border-bottom:none;}
.s96c-cat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;}
.s96c-cat-label{font-weight:700;font-size:15px;}
.s96c-cat-desc{font-size:13px;color:var(--s96c-muted);line-height:1.6;}
.s96c-cat-always{font-size:12px;font-weight:600;color:var(--s96c-accept);}

/* Toggle switch */
.s96c-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;}
.s96c-switch input{opacity:0;width:0;height:0;}
.s96c-slider{
	position:absolute;inset:0;cursor:pointer;
	background:#cbd5e1;border-radius:24px;transition:.2s;
}
.s96c-slider:before{
	content:"";position:absolute;height:18px;width:18px;left:3px;top:3px;
	background:#fff;border-radius:50%;transition:.2s;
}
.s96c-switch input:checked + .s96c-slider{background:var(--s96c-primary);}
.s96c-switch input:checked + .s96c-slider:before{transform:translateX(20px);}

/* ---------- ปุ่มลอย ---------- */
.s96c-float-btn{
	position:fixed;left:20px;bottom:20px;z-index:999990;
	width:48px;height:48px;border-radius:50%;
	background:var(--s96c-primary);color:#fff;
	border:none;cursor:pointer;
	display:flex;align-items:center;justify-content:center;
	box-shadow:0 4px 16px rgba(0,0,0,.2);
	transition:transform .15s;
}
.s96c-float-btn:hover{transform:scale(1.08);}

/* ---------- ข้อความหมดอายุ ---------- */
.s96c-expired{
	position:fixed;left:0;right:0;bottom:0;z-index:999998;
	display:flex;gap:10px;align-items:center;justify-content:center;
	background:#7f1d1d;color:#fff;
	padding:14px 20px;font-size:14px;line-height:1.5;
	font-family:inherit;text-align:center;
}
.s96c-expired-icon{font-size:18px;}

/* ---------- Responsive ---------- */
@media (max-width:640px){
	.s96c-banner{flex-direction:column;align-items:stretch;padding:16px;left:0;right:0;bottom:0;border-radius:0;max-width:none;transform:none;}
	.s96c-pos-bottom-left .s96c-banner,.s96c-pos-bottom-right .s96c-banner,
	.s96c-layout-modern .s96c-banner{left:0;right:0;bottom:0;transform:none;}
	.s96c-banner-actions{justify-content:stretch;}
	.s96c-banner-actions .s96c-btn{flex:1;text-align:center;}
	.s96c-float-btn{width:44px;height:44px;}
}