/* =========================================
   PlanetRadio.ro � Foundation Dark (v1)
   CSS EXTRA � do not edit existing CSS files
   ========================================= */

:root{
  --bg: #0e0f12;
  --panel: #12141a;
  --panel2: #1a1d27;
  --border: #1f222d;
  --text: #e6e6e6;
  --muted: #9aa0b8;
  --brand: #e10600;
  --radius: 16px;
}

*{ box-sizing: border-box; }
html, body{ height: 100%; }
body{
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: 1.5;
}

a{ color: #fff; text-decoration: none; }
a:hover{ color: var(--brand); }

img{ max-width: 100%; height: auto; }

.container{
  width: min(1200px, calc(100% - 32px));
  margin: 0 auto;
}

/* Accessible helper */
.visually-hidden{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Header/.logo/.main-nav layout now lives entirely in
   css/extras/header-nav-v2.css - this file used to also define a (long
   since overridden) earlier version of the same selectors, one of
   eight files fighting over the header at various breakpoints. */

/* Main spacing */
.site-main{
  padding: 18px 0 86px; /* leave space for sticky player */
}

/* Titles */
.page-title{
  text-align:center;
  margin: 18px 0 14px;
  font-size: clamp(1.5rem, 2.4vw, 2rem);
  font-weight: 800;
}

/* Search */
.search-section .container{
  padding: 6px 0 16px;
}
.search-section input{
  width:100%;
  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: #151826;
  color: #fff;
  outline: none;
}
.search-section input:focus{
  border-color: rgba(225,6,0,0.6);
  box-shadow: 0 0 0 3px rgba(225,6,0,0.18);
}
.search-section input::placeholder{ color: #8a8fa3; }

/* Utility */
.is-hidden{ display:none !important; }