/* ════════════════════════════════════════════════════════
   Naru Cookie Compliance — Frontend (v2.0.0)
   Most of the banner is inline-styled from config; this file
   handles global guards, the reopen tab and responsive tweaks.
   ════════════════════════════════════════════════════════ */

/* Kill any legacy floating cookie icons from older versions/themes */
#ncc-floating-btn,
.ncc-floating-btn,
.ncc-cookie-floating,
#ncc-cookie-floating,
.ncc-floating-cookie,
.ncc-cookie-button {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

#ncc-banner, #ncc-modal { box-sizing: border-box; }
#ncc-banner *, #ncc-modal * { box-sizing: border-box; }

#ncc-banner button:hover,
#ncc-modal button:hover { filter: brightness(1.06); }
#ncc-banner button:active,
#ncc-modal button:active { transform: translateY(1px); }

/* Reopen tab (reuses PHP fallback element) */
#ncc-privacy-tab-fallback { transition: transform .15s ease, box-shadow .15s ease; }
#ncc-privacy-tab-fallback:hover { transform: translateY(-2px); box-shadow: 0 20px 48px rgba(15,23,42,.28); }

#ncc-modal details summary::-webkit-details-marker { color: inherit; }

@media (max-width: 600px) {
	#ncc-banner .ncc-banner-card { width: calc(100vw - 24px) !important; }
	#ncc-banner[style*="bottom-right"], #ncc-banner { right: 12px !important; left: 12px !important; }
	#ncc-banner .ncc-banner-card > div:last-child button { flex: 1 1 auto; }
}

@media (prefers-reduced-motion: reduce) {
	#ncc-banner, #ncc-modal, #ncc-privacy-tab-fallback { transition: none !important; }
}