/*
Theme Name: RapHaven Haven 2027
Theme URI: https://raphaven.com/
Author: Haven Media Group
Author URI: https://raphaven.com/
Description: RapHaven approved launch build. Child theme of Depth News (Ascendoor) carrying the founder-approved RapHaven chrome: THE TL ticker, the white-on-red RapHaven mark, the Tipline / My SuperFan Wall / Link Your Music utility row, the approved category pill menu, the Top Artists row, FlipCards and the mobile app bar. Recreated in WordPress from the RAPHAVEN APPROVED LAUNCH design package. Brand red #DA2B21.
Template: depth-news
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 8.1
License: Proprietary - Haven Media Group
Text Domain: raphaven-haven2027
Tags: news, magazine, rap
*/

/* Theme CSS is enqueued from functions.php in the approved order:
   tokens -> skins -> components -> refinements -> living-glass -> feature-templates
   -> raphaven-skin -> rh -> hgn -> haven-articletab -> rh-brand-red (LAST).
   This file carries only the WordPress-integration layer. */

/* ---- FONT SLOT (live Customizer values, captured 2026-09-16) ---- */
:root{
  --hh-font: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mh-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --mh-serif: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ---- WordPress integration layer ---- */
.rh-wp-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body{overflow-x:hidden}
.rh-empty{border:2px dashed rgba(154,28,19,.28);border-radius:18px;padding:28px 24px;text-align:center;background:#FCEEEA}
.rh-empty__h{font-weight:900;letter-spacing:.02em;margin:0 0 6px;color:#0E1216;font-size:19px}
.rh-empty__p{margin:0;color:#59636D;font-size:15.5px;line-height:1.55}
.hh-band .mh-brandband__bannerimg{image-rendering:auto}
.rh-skip-parent{display:none!important}
/* admin bar must not sit under the fixed app bar */
body.admin-bar .hh-appbar{bottom:0}

/* Screen-reader-only labels.
   The approved chrome hides .skip with `left:-999px`, which only escapes the
   viewport when the containing block IS the viewport. Inside the positioned
   sidebar widget that offset lands the label back on-screen at x=1, printing a
   stray "Search for:" at the left edge. This restores the intended behaviour
   with a containing-block-independent clip. Approved geometry is untouched —
   nothing here changes a visible element's size, position or colour. */
.hh-widget .skip,
.hh-search .skip,
.hh-sidebar label.skip,
label.skip{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;border:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}
/* the real skip-link must still appear on keyboard focus */
a.skip:focus{
  position:static!important;width:auto;height:auto;margin:0;
  clip:auto;clip-path:none;
}