/* ==============================================================================
   UNIVERSAL SAFE-AREA, MOBILE NOTCH & GHOST AD PROTECTION
   Path: css/custom.css
   ============================================================================== */

/* 1. Safe Area Insets for iPhone Dynamic Island, Notches & Android Camera Cutouts */
:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
}

/* 2. Global Viewport Overflow Guard (Prevents accidental horizontal scrolling) */
html {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  padding-top: var(--safe-top);
  padding-bottom: var(--safe-bottom);
  padding-left: var(--safe-left);
  padding-right: var(--safe-right);
  overflow-x: hidden;
  max-width: 100vw;
}

/* 3. GHOST AD PLACEHOLDERS (Zero empty spaces when ads are disabled) */
.ad-slot {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* 4. Animated SEO Score Gauge Circle */
.score-circle {
  transition: stroke-dashoffset 1s ease-in-out;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

/* 5. Sticky Navbar Notch Protection */
nav.sticky-safe {
  top: var(--safe-top);
}