/**
 * Backlot — Design states (Brief C5.5 task 1)
 *
 * Regole globali per stati interattivi (hover, focus, active, disabled).
 * Sovrascrive WP block editor global-styles + Astra parent.
 *
 * Palette contrast rules:
 *   Gold bg (#C9A84C)    → testo ink (#0B0908)
 *   Gold-soft bg (rgba)  → testo cream (#F2E8DA) o gold-soft (#F5C66B)
 *   Dark bg (ink/deep)   → testo cream/gold-soft
 *   Cream bg             → testo ink
 *   MAI gold-on-gold, MAI cream-on-cream, MAI dark-on-dark.
 *
 * Hover: cambia SEMPRE almeno 1 tra color / background / border
 * Focus: ring visibile (box-shadow outline 2px cream o gold-deep)
 * Disabled: opacity 0.5 + cursor not-allowed
 */

/* ============================================================
   1. Auth toggle (tornello codice|login|OTP) — FIX invisible text
   WP Block editor global-styles inietta rules su <button> che
   sovrascrivevano le nostre. Nuke via all:unset + re-style.
   ============================================================ */
body .bkl-auth-toggle__btn,
body .bkl-auth-toggle__btn:hover,
body .bkl-auth-toggle__btn:focus,
body .bkl-auth-toggle__btn:focus-visible,
body .bkl-auth-toggle__btn:active {
	all: unset;
	box-sizing: border-box;
	flex: 1 1 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	background: transparent;
	border: none;
	border-radius: 999px;
	color: #8C7E70;
	font-family: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: none;
	cursor: pointer;
	transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease;
	text-align: center;
}
body .bkl-auth-toggle__btn:not(.is-active):hover,
body .bkl-auth-toggle__btn:not(.is-active):focus-visible {
	color: #F5C66B;
}
body .bkl-auth-toggle__btn.is-active {
	color: #0B0908;
	background: linear-gradient(135deg, #F5C66B 0%, #C9A84C 55%, #9B7A2E 100%);
	box-shadow: inset 0 0 0 1px rgba(245, 198, 107, 0.4);
}
body .bkl-auth-toggle__btn.is-active:hover {
	color: #0B0908;
	background: linear-gradient(135deg, #FFE0A0 0%, #E5C878 55%, #B08F3E 100%);
}
body .bkl-auth-toggle__btn:focus-visible {
	outline: 2px solid #F2E8DA;
	outline-offset: 2px;
}

/* ============================================================
   2. Link stati — default cream/gold-soft, hover sempre DIVERSO
   ============================================================ */
.bkl-header__nav-link:focus-visible,
.bkl-footer__list a:focus-visible,
.bkl-drawer__nav a:focus-visible,
.bkl-user-menu__list a:focus-visible {
	outline: 2px solid #F2E8DA;
	outline-offset: 2px;
	border-radius: 4px;
}

/* ============================================================
   3. User menu dropdown items — no gold-on-gold al hover
   ============================================================ */
.bkl-user-menu__list a {
	color: #E8E2D8;  /* cream soft, NON gold */
}
.bkl-user-menu__list a:hover,
.bkl-user-menu__list a:focus-visible {
	background: rgba(245, 198, 107, 0.12);
	color: #FFE8B8;  /* gold-bright come hover (diverso dal default cream) */
	outline: none;
}

/* ============================================================
   4. Footer link — cream → gold-soft al hover + underline
   ============================================================ */
.bkl-footer__list a {
	color: #C8BFB3;  /* cream secondary */
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: color 160ms ease, border-color 160ms ease;
}
.bkl-footer__list a:hover,
.bkl-footer__list a:focus-visible {
	color: #F5C66B;
	border-bottom-color: rgba(245, 198, 107, 0.4);
	outline: none;
}

/* ============================================================
   5. FAB menu options (biglietteria mobile) — titolo gold rimane,
   ma background del hover deve scurire (non schiarirsi in gold)
   ============================================================ */
.bkl-fab-menu__option:hover,
.bkl-fab-menu__option:focus-visible {
	background: rgba(20, 16, 12, 0.96);  /* più scuro, NON gold */
	border-color: rgba(245, 198, 107, 0.75);
	outline: none;
}
.bkl-fab-menu__option:hover .bkl-fab-menu__title,
.bkl-fab-menu__option:focus-visible .bkl-fab-menu__title {
	color: #FFE8B8;  /* gold-bright (diverso dal default gold-soft) */
}

/* ============================================================
   6. Primary buttons (gold gradient) — testo ink, hover lighter gold
   ============================================================ */
.bkl-ticket-modal__submit,
.bkl-product-card__cta,
.bkl-form__submit,
.bkl-header__login {
	color: #0B0908 !important;
}
.bkl-ticket-modal__submit:focus-visible,
.bkl-product-card__cta:focus-visible,
.bkl-form__submit:focus-visible,
.bkl-header__login:focus-visible {
	outline: 2px solid #F2E8DA;
	outline-offset: 3px;
}
.bkl-ticket-modal__submit:disabled,
.bkl-form__submit:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

/* ============================================================
   7. Logo stati (header + footer)
   ============================================================ */
.bkl-logo:focus-visible {
	outline: 2px solid #F2E8DA;
	outline-offset: 3px;
	border-radius: 4px;
}

/* ============================================================
   8. Action cards generici (card-like) — hover NON gold color,
   ma border + shadow change
   ============================================================ */
.bkl-action-card,
.bkl-product-card {
	transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.bkl-action-card:focus-visible,
.bkl-product-card:focus-visible {
	outline: 2px solid #F2E8DA;
	outline-offset: 2px;
}

/* ============================================================
   9. Modal close X — sempre visibile
   ============================================================ */
.bkl-modal__close:hover,
.bkl-modal__close:focus-visible,
.bkl-ticket-modal__close:hover,
.bkl-ticket-modal__close:focus-visible {
	color: #FFE8B8;  /* gold-bright */
	outline: none;
}

/* ============================================================
   10. Focus ring generico per ogni elemento interattivo
       che non ha il proprio focus style sopra
   ============================================================ */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
	outline: 2px solid rgba(242, 232, 218, 0.7);
	outline-offset: 2px;
}

/* ============================================================
   11. Reduced motion safety
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
	.bkl-auth-toggle__btn,
	.bkl-header__nav-link,
	.bkl-footer__list a,
	.bkl-user-menu__list a,
	.bkl-fab-menu__option {
		transition: none !important;
	}
}