/* Header avatar helpers */
.hc-avatar{ position: relative; display: inline-block; width: 32px; height: 32px; }
.hc-avatar img{ width: 32px; height: 32px; border-radius: 9999px; object-fit: cover; display: block; }
.hc-avatar .hc-dot{ position: absolute; right: 0; bottom: 0; width: 10px; height: 10px; background: #10B981; border: 2px solid #fff; border-radius: 9999px; }

/* Off-canvas helper */
#hc-offcanvas{ will-change: opacity; }

/* Custom menu font: use the font files placed in "fonts/".
	 Detected font files in this theme: Tangerine_Regular.ttf, Tangerine_Bold.ttf
	 We register them as 'Tangerine' and use it for the menu. */
@font-face{
	font-family: 'Tangerine';
	src: url('../fonts/Tangerine_Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face{
	font-family: 'Tangerine';
	src: url('../fonts/Tangerine_Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
:root{ --hc-menu-font-family: 'Tangerine', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; }
#hc-offcanvas .hc-off-inner{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
#hc-offcanvas .hc-off-nav{ text-align: center; }
#hc-offcanvas .hc-off-menu, .hc-off-nav .menu{ list-style:none; padding:0; margin:0; }
.hc-off-nav a{ color: #ffffff; text-decoration:none; display:block; font-size:1.25rem; padding: 12px 0; font-family: var(--hc-menu-font-family); }
.hc-off-nav a:hover{ text-decoration: underline; }
.hc-close-btn{ position: absolute; top: 18px; right: 18px; background: rgba(255,255,255,0.06); border-radius: 8px; padding:8px; color:#fff; border:none; }

/* Ensure close button is above the centered content and clickable */
.hc-close-btn{ z-index: 9999; pointer-events: auto; }

#hc-offcanvas.hc-open{ opacity: 1; pointer-events: auto; }
#hc-offcanvas{ opacity: 0; pointer-events: none; }

#hc-backdrop.pointer-events-none{ pointer-events: none; }