/* ==========================================================
   RADIO DREAMS — HOME 1:1 V2
   Structură apropiată de mockup-ul aprobat:
   HERO → PLAYER → 2 POSTURI → DJ → ISTORIC/CHAT/TOP → APP/DEDICAȚIE → NEWS
   ========================================================== */

.rd-one-home{
  background:#020817;
  color:#f8f9ff;
}

.rd-one-home .site-glow{display:none}
.rd-one-home .site-main{padding:0 0 20px;overflow:hidden}

.rd-home{
  width:calc(100% - 34px);
  max-width:1840px;
  margin:0 auto;
}

/* ==========================================================
   HEADER SCALE
   ========================================================== */
.rd-one-home .topbar{
  position:relative;
  min-height:78px;
  background:#020817;
  border-bottom:1px solid rgba(89,126,197,.22);
  backdrop-filter:none;
}

.rd-one-home .topbar-inner{
  width:calc(100% - 34px);
  max-width:1840px;
  min-height:78px;
  margin:auto;
  padding:7px 0;
  gap:22px;
}

.rd-one-home .brand{min-width:270px}
.rd-one-home .brand-logo{width:72px;height:56px}
.rd-one-home .brand-copy strong{font-size:19px}
.rd-one-home .brand-copy small{font-size:8px}

.rd-one-home .main-nav{gap:5px}
.rd-one-home .main-nav>a{
  padding:10px 11px;
  font-size:11px;
  border-radius:9px;
}

.rd-one-home .account-actions .btn{
  min-height:41px;
  padding:9px 16px;
  border-radius:10px;
  font-size:11px;
}

/* ==========================================================
   HERO
   ========================================================== */
.rd-hero{
  position:relative;
  min-height:520px;
  display:grid;
  grid-template-columns:47% 53%;
  overflow:hidden;
  border:1px solid rgba(77,119,196,.23);
  border-top:0;
  border-radius:0 0 18px 18px;
  background:#050a1b;
}

.rd-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 20%,rgba(71,82,255,.13),transparent 30%),
    radial-gradient(circle at 77% 26%,rgba(229,30,255,.14),transparent 24%);
}

.rd-hero-copy{
  position:relative;
  z-index:4;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:60px 44px 48px 54px;
}

.rd-overline{
  font-size:14px;
  letter-spacing:.31em;
  font-weight:900;
  color:#e4e8f5;
}

.rd-hero h1{
  margin:14px 0 3px;
  font-size:clamp(64px,5vw,104px);
  line-height:.89;
  letter-spacing:-.05em;
  font-style:italic;
  font-weight:950;
}

.rd-hero h1>span{color:#f11942}

.rd-hero h1>em{
  font-style:italic;
  background:linear-gradient(
    90deg,
    #fff 0 24%,
    #dacfff 38%,
    #f332d2 60%,
    #6c60ff 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.rd-hero-tagline{
  margin-top:9px;
  font-size:20px;
  letter-spacing:.34em;
  color:#e7e2f0;
}

.rd-hero-copy p{
  max-width:720px;
  margin:21px 0 0;
  color:#bdc5d8;
  font-size:18px;
  line-height:1.5;
}

.rd-hero-actions{
  display:flex;
  gap:17px;
  margin-top:24px;
}

.rd-hero-actions .btn{
  min-width:205px;
  min-height:54px;
  border-radius:16px;
  font-size:13px;
  font-weight:900;
}

.rd-listen-now{
  box-shadow:0 0 32px rgba(197,44,255,.22);
}

.rd-hero-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  max-width:750px;
  margin-top:26px;
}

.rd-hero-stats>div{
  display:grid;
  grid-template-columns:38px 1fr;
  grid-template-rows:auto auto;
  column-gap:10px;
  align-items:center;
}

.rd-hero-stats b{
  grid-row:1/3;
  font-size:31px;
  color:#be47ff;
}

.rd-hero-stats strong{font-size:15px}
.rd-hero-stats small{
  font-size:10px;
  color:#8f9db9;
}

.rd-hero-art{
  position:relative;
  min-height:520px;
  background:
    linear-gradient(90deg,#050a1b 0%,rgba(5,10,27,.10) 16%,transparent 42%),
    url('img/hero-reference.jpg') center center/cover no-repeat;
}

.rd-hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,#050a1b 0%,rgba(5,10,27,.16) 15%,transparent 42%),
    linear-gradient(0deg,rgba(2,7,23,.12),transparent 45%);
}

.rd-live-pill{
  position:absolute;
  z-index:5;
  right:34px;
  top:30px;
  padding:11px 17px;
  border:1px solid rgba(255,78,121,.36);
  border-radius:26px;
  background:rgba(21,10,38,.55);
  box-shadow:0 0 28px rgba(255,39,95,.20);
  font-size:12px;
  font-weight:900;
}

.rd-live-pill i{
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:8px;
  border-radius:50%;
  background:#ff2e51;
  box-shadow:0 0 13px #ff2e51;
}

/* ==========================================================
   PLAYER MARE
   ========================================================== */
.rd-player-card{
  position:relative;
  z-index:8;
  margin-top:12px;
  padding:14px 16px 12px;
  border:1px solid rgba(94,154,255,.56);
  border-radius:15px;
  background:
    radial-gradient(circle at 20% 50%,rgba(255,43,195,.06),transparent 30%),
    linear-gradient(135deg,#08162e,#101735 60%,#0b1735);
  box-shadow:0 18px 48px rgba(0,0,0,.27);
}

.rd-player-main{
  display:grid;
  grid-template-columns:105px minmax(330px,1.05fr) minmax(280px,.85fr) 82px minmax(210px,.58fr) 54px 54px;
  gap:18px;
  align-items:center;
}

.rd-player-cover img{
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:11px;
  background:#061329;
}

.rd-player-copy{
  min-width:0;
}

.rd-now-kicker{
  display:block;
  width:max-content;
  margin-bottom:5px;
  padding:5px 9px;
  border-radius:6px;
  background:#ff2f70;
  color:#fff;
  font-size:9px;
  font-weight:950;
}

.rd-player-copy>strong{
  display:block;
  font-size:21px;
  color:#fff;
}

.rd-current-track{
  display:block;
  max-width:100%;
  margin-top:5px;
  color:#d3dcef;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rd-player-copy small{
  display:block;
  margin-top:8px;
  color:#a3b3d1;
  font-size:10px;
}

.rd-wave{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  overflow:hidden;
}

.rd-wave i{
  display:block;
  width:3px;
  min-width:3px;
  height:var(--h);
  border-radius:4px;
  background:linear-gradient(
    180deg,
    #ff39c9 0 36%,
    #a742ff 58%,
    #19bcff 100%
  );
  box-shadow:0 0 7px rgba(204,48,255,.18);
}

.rd-main-play{
  width:76px;
  height:76px;
  border-radius:50%;
  border:2px solid #f355fc;
  background:radial-gradient(
    circle at 38% 28%,
    #dd53ff,
    #9c3bff 55%,
    #32215d 100%
  );
  box-shadow:
    0 0 0 6px rgba(221,55,255,.06),
    0 0 30px rgba(224,46,255,.25);
  color:#fff;
  font-size:27px;
  cursor:pointer;
}

.rd-volume{
  display:flex;
  align-items:center;
  gap:11px;
}

.rd-volume span{font-size:21px}
.rd-volume input{
  width:100%;
  accent-color:#a847ff;
}

.rd-icon-btn{
  width:51px;
  height:51px;
  border:1px solid rgba(111,148,214,.31);
  border-radius:11px;
  background:#07172d;
  color:#fff;
  font-size:19px;
  cursor:pointer;
}

.rd-player-progress{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:11px;
  align-items:center;
  margin:10px 0 3px;
  color:#a5b2cb;
  font-size:9px;
}

.rd-player-progress i{
  position:relative;
  display:block;
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#23395e;
}

.rd-player-progress i b{
  display:block;
  width:63%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,#ef35c2,#204fff,#29c1ff);
}

.rd-player-foot{
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:14px;
  align-items:center;
  margin-top:9px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.055);
  color:#8fa1bf;
  font-size:10px;
}

.rd-player-foot b{
  color:#d7e0f2;
  font-weight:750;
}

.rd-player-foot em{
  margin-left:6px;
  color:#6f82a7;
  font-style:normal;
}

.rd-vote-line{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}

.rd-vote-btn{
  padding:8px 13px;
  border:0;
  border-radius:8px;
  background:linear-gradient(135deg,#f22dbf,#7047ff);
  color:#fff;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

.rd-vote-btn:disabled{
  opacity:.50;
  cursor:not-allowed;
}

.rd-vote-line>b{
  font-size:8px;
  color:#e1c7ff;
}

/* ==========================================================
   2 POSTURI
   ========================================================== */
.rd-station-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-top:12px;
}

.rd-station-choice{
  position:relative;
  min-width:0;
  min-height:104px;
  display:flex;
  align-items:center;
  gap:15px;
  padding:12px 16px;
  border:1px solid rgba(102,145,220,.28);
  border-radius:12px;
  background:#07172e;
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:.18s;
}

.rd-station-choice:hover{
  transform:translateY(-1px);
}

.rd-station-choice.active{
  border-color:#ad48ff;
  background:linear-gradient(135deg,#12163a,#281341);
  box-shadow:
    0 0 0 1px rgba(174,66,255,.24),
    0 0 25px rgba(184,53,255,.11);
}

.rd-station-choice img{
  width:76px;
  height:76px;
  object-fit:cover;
  border-radius:10px;
}

.rd-station-choice:first-child img{
  object-fit:contain;
  padding:3px;
}

.rd-station-choice span{
  min-width:0;
}

.rd-station-choice b,
.rd-station-choice small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rd-station-choice b{
  font-size:17px;
}

.rd-station-choice small{
  margin-top:4px;
  color:#9aabc8;
  font-size:10px;
}

.rd-station-live{
  position:absolute;
  right:17px;
  top:50%;
  transform:translateY(-50%);
  padding:7px 12px;
  border-radius:8px;
  background:#ff2868;
  color:#fff;
  font-style:normal;
  font-size:10px;
  font-weight:950;
  box-shadow:0 0 18px rgba(255,42,104,.28);
}

/* ==========================================================
   DJ
   ========================================================== */
.rd-section-title{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:18px;
  margin:20px 0 10px;
}

.rd-section-title small{
  display:block;
  color:#ff55d1;
  font-size:9px;
  font-weight:950;
  letter-spacing:.15em;
}

.rd-section-title h2{
  margin:4px 0 0;
  font-size:22px;
}

.rd-section-title>a,
.rd-section-title>span{
  color:#938eb6;
  font-size:10px;
  text-decoration:none;
}

.rd-dj-grid{
  display:grid;
  grid-template-columns:1fr 1fr .85fr;
  gap:13px;
}

.rd-dj-card{
  position:relative;
  min-height:125px;
  display:grid;
  grid-template-columns:110px 1fr;
  gap:16px;
  align-items:center;
  padding:10px 14px;
  overflow:hidden;
  border:1px solid rgba(96,139,215,.28);
  border-radius:12px;
  background:linear-gradient(145deg,#07172f,#0a1c3b);
}

.rd-dj-card.is-live{
  border-color:#ff4dc7;
  box-shadow:0 0 28px rgba(255,42,190,.13);
}

.rd-dj-card.is-live:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(
    circle at 0 50%,
    rgba(255,36,189,.12),
    transparent 40%
  );
}

.rd-dj-photo{
  position:relative;
  z-index:2;
  width:110px;
  height:101px;
  overflow:hidden;
  border-radius:9px;
  background:#06142c;
}

.rd-dj-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.rd-dj-info{
  position:relative;
  z-index:2;
  min-width:0;
}

.rd-dj-card h3{
  margin:0 0 5px;
  font-size:18px;
}

.rd-dj-card p{
  margin:0;
  color:#a9b6ce;
  font-size:11px;
}

.rd-dj-hours{
  display:block;
  margin-top:5px;
  color:#889abc;
  font-size:10px;
}

.rd-dj-live{
  position:absolute;
  z-index:4;
  right:14px;
  top:13px;
  padding:6px 11px;
  border-radius:7px;
  background:#ff2d6d;
  color:#fff;
  font-size:9px;
  font-weight:950;
  box-shadow:0 0 16px rgba(255,42,107,.32);
}

.rd-dj-info-card{
  min-height:125px;
  display:grid;
  grid-template-columns:78px 1fr;
  gap:14px;
  align-items:center;
  padding:15px 17px;
  border:1px solid rgba(112,138,219,.28);
  border-radius:12px;
  background:
    radial-gradient(circle at 18% 50%,rgba(212,50,255,.14),transparent 32%),
    linear-gradient(145deg,#16103b,#08182f);
}

.rd-mic-icon{
  font-size:55px;
  color:#d44dff;
  text-align:center;
}

.rd-dj-info-card b,
.rd-dj-info-card span{
  display:block;
}

.rd-dj-info-card b{
  color:#f968db;
  font-size:12px;
}

.rd-dj-info-card span{
  margin-top:3px;
  color:#d7dcf0;
  font-size:11px;
}

.rd-dj-info-card a{
  grid-column:2;
  width:max-content;
  padding:7px 16px;
  border:1px solid rgba(198,77,255,.48);
  border-radius:8px;
  color:#e8c9ff;
  font-size:9px;
  text-decoration:none;
}

/* ==========================================================
   ISTORIC / CHAT / TOP
   ========================================================== */
.rd-main-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:13px;
  margin-top:13px;
  align-items:stretch;
}

.rd-panel{
  min-width:0;
  min-height:500px;
  padding:15px 16px;
  border:1px solid rgba(94,137,213,.28);
  border-radius:12px;
  background:linear-gradient(145deg,#07172e,#081a35);
}

.rd-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:11px;
}

.rd-panel-head h3{
  margin:0;
  font-size:13px;
}

.rd-panel-head a{
  color:#c08dff;
  font-size:9px;
  text-decoration:none;
}

.rd-online-dot{
  color:#52e5a5;
  font-size:9px;
}

.rd-track-list{
  list-style:none;
  margin:0;
  padding:0;
}

.rd-track-list li{
  display:grid;
  grid-template-columns:31px 45px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  min-height:44px;
  padding:5px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.rd-track-list li:last-child{
  border-bottom:0;
}

.rd-rank{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:#172b4c;
  color:#e6edff;
  font-size:10px;
  font-weight:950;
}

.rd-track-art{
  width:41px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:7px;
  background:
    radial-gradient(circle at 50% 50%,#ff35c5 0 11%,#4b2a9d 12% 29%,#0e213f 30%);
  color:#fff;
  font-size:12px;
}

.rd-track-copy{
  min-width:0;
}

.rd-track-copy b,
.rd-track-copy small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rd-track-copy b{
  font-size:10px;
}

.rd-track-copy small{
  margin-top:2px;
  color:#9aabc7;
  font-size:9px;
}

.rd-track-list time{
  color:#a0b1ce;
  font-size:9px;
}

.rd-empty-row{
  display:block!important;
  padding:20px 3px!important;
  color:#8797b6;
  font-size:10px;
}

.rd-ranking li{
  grid-template-columns:31px 45px minmax(0,1fr) auto;
}

.rd-ranking .rd-track-votes{
  color:#f0a6ff;
  font-size:9px;
}

.rd-top-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  margin-bottom:8px;
}

.rd-top-tabs a{
  padding:8px 5px;
  text-align:center;
  border:1px solid rgba(105,143,215,.24);
  border-radius:7px;
  background:#071830;
  color:#9fafc9;
  font-size:8px;
  text-decoration:none;
}

.rd-top-tabs a.active{
  color:#fff;
  background:linear-gradient(135deg,#c82eff,#6841ff);
}

.rd-chat-list{
  min-height:405px;
}

.rd-chat-row{
  display:grid;
  grid-template-columns:38px 1fr auto;
  gap:9px;
  align-items:center;
  min-height:48px;
  padding:5px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
}

.rd-chat-avatar{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:
    linear-gradient(135deg,#ff6d91,#ffb56b);
  color:#20152b;
  font-size:11px;
  font-weight:950;
}

.rd-chat-copy{
  min-width:0;
}

.rd-chat-copy b,
.rd-chat-copy small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rd-chat-copy b{
  font-size:10px;
}

.rd-chat-copy small{
  color:#b2bfd6;
  font-size:9px;
}

.rd-chat-row time{
  color:#9aacca;
  font-size:8px;
}

.rd-chat-empty{
  padding:18px 2px;
  color:#8797b6;
  font-size:10px;
}

.rd-chat-compose{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:8px;
  padding:8px 11px;
  border:1px solid rgba(98,141,214,.30);
  border-radius:10px;
  background:#07182f;
  color:#9baccc;
  font-size:10px;
  text-decoration:none;
}

.rd-chat-compose b{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#b832ff,#5549ff);
  color:#fff;
}

/* ==========================================================
   PROMO ROW
   ========================================================== */
.rd-promo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-top:13px;
}

.rd-app-card,
.rd-dedication-card{
  position:relative;
  min-height:180px;
  overflow:hidden;
  border:1px solid rgba(99,141,216,.28);
  border-radius:12px;
}

.rd-app-card{
  display:grid;
  grid-template-columns:1fr 170px;
  align-items:center;
  padding:19px 22px;
  background:
    radial-gradient(circle at 80% 20%,rgba(54,115,255,.47),transparent 42%),
    linear-gradient(135deg,#11194b,#0a1331);
}

.rd-app-card h3,
.rd-dedication-card h3{
  margin:0 0 7px;
  font-size:22px;
  line-height:1.03;
}

.rd-app-card p,
.rd-dedication-card p{
  max-width:560px;
  margin:0 0 12px;
  color:#bac4da;
  font-size:11px;
  line-height:1.45;
}

.rd-store-row{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}

.rd-store-row a{
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  background:#02050b;
  color:#fff;
  font-size:8px;
  text-decoration:none;
}

.rd-store-row a[aria-disabled="true"]{
  opacity:.45;
  pointer-events:none;
}

.rd-phone{
  justify-self:end;
  width:110px;
  height:165px;
  padding-top:34px;
  border:5px solid #0c1226;
  border-radius:24px;
  background:
    linear-gradient(155deg,#142250,#731f9e);
  box-shadow:-12px 12px 26px rgba(0,0,0,.26);
  text-align:center;
  color:#ef214a;
  font-size:35px;
  font-weight:950;
  transform:rotate(6deg);
}

.rd-phone span{
  display:block;
  color:#fff;
  font-size:11px;
}

.rd-phone b{
  display:block;
  color:#d73bff;
  font-size:14px;
}

.rd-phone i{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  margin:13px auto 0;
  border-radius:50%;
  background:#7d4cff;
  color:#fff;
  font-size:12px;
  font-style:normal;
}

.rd-dedication-card{
  display:grid;
  grid-template-columns:1fr 190px;
  align-items:center;
  padding:19px 22px;
  background:
    radial-gradient(circle at 85% 50%,rgba(255,34,194,.30),transparent 38%),
    linear-gradient(135deg,#2b103c,#11142f);
}

.rd-dedication-art{
  position:relative;
  height:150px;
  display:grid;
  place-items:center;
}

.rd-dedication-art span{
  position:absolute;
  left:25px;
  bottom:4px;
  font-size:67px;
}

.rd-dedication-art b{
  position:absolute;
  right:15px;
  top:2px;
  color:#ff56d2;
  font-size:85px;
  font-weight:300;
  text-shadow:0 0 24px rgba(255,69,208,.36);
}

/* ==========================================================
   NEWS
   ========================================================== */
.rd-news-section{
  margin-top:16px;
}

.rd-news-section .rd-section-title{
  margin-top:0;
}

.rd-news-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:13px;
}

.rd-news-card{
  display:block;
  overflow:hidden;
  border:1px solid rgba(92,136,211,.25);
  border-radius:11px;
  background:#07162d;
  color:#fff;
  text-decoration:none;
  transition:.18s;
}

.rd-news-card:hover{
  transform:translateY(-2px);
  border-color:rgba(174,65,255,.46);
}

.rd-news-image{
  height:145px;
  overflow:hidden;
  background:linear-gradient(135deg,#2d0f53,#0a2f55);
}

.rd-news-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.rd-news-image.no-image{
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,38,201,.35),transparent 30%),
    linear-gradient(135deg,#0b1640,#281047);
}

.rd-news-image.no-image span{
  color:#f21d45;
  font-size:28px;
  font-weight:950;
}

.rd-news-image.no-image b{
  color:#fff;
  font-size:11px;
}

.rd-news-copy{
  padding:11px 12px 13px;
}

.rd-news-copy time{
  color:#8999b9;
  font-size:8px;
}

.rd-news-copy h3{
  margin:5px 0 4px;
  font-size:13px;
  line-height:1.2;
}

.rd-news-copy p{
  margin:0;
  color:#aab6ce;
  font-size:9px;
  line-height:1.4;
}

/* ==========================================================
   FOOTER SCALE
   ========================================================== */
.rd-one-home .rd-site-footer{
  margin-top:20px;
}

.rd-one-home .rd-footer-inner{
  width:calc(100% - 34px);
  max-width:1840px;
  min-height:105px;
}

.rd-one-home .rd-footer-brand img{
  width:72px;
  height:56px;
}

.rd-one-home .rd-footer-brand b{
  font-size:15px;
}

.rd-one-home .rd-footer-nav{
  gap:20px;
}

.rd-one-home .rd-footer-nav a{
  font-size:10px;
}

.rd-one-home .rd-footer-social span{
  width:34px;
  height:34px;
}

/* ==========================================================
   TABLET
   ========================================================== */
@media(max-width:1180px){
  .rd-home,
  .rd-one-home .topbar-inner{
    width:calc(100% - 20px);
  }

  .rd-one-home .main-nav{
    display:none;
    position:absolute;
    left:12px;
    right:12px;
    top:68px;
    z-index:90;
    flex-direction:column;
    align-items:stretch;
    padding:10px;
    border:1px solid rgba(92,136,211,.30);
    border-radius:14px;
    background:#07152d;
  }

  .rd-one-home .main-nav.open{display:flex}
  .rd-one-home .nav-toggle{display:block;margin-left:auto}
  .rd-one-home .account-actions{display:none}

  .rd-hero{
    min-height:430px;
    grid-template-columns:55% 45%;
  }

  .rd-hero-copy{
    padding:45px 28px 36px;
  }

  .rd-hero h1{
    font-size:59px;
  }

  .rd-hero-tagline{
    font-size:15px;
  }

  .rd-hero-copy p{
    font-size:14px;
  }

  .rd-hero-stats{
    grid-template-columns:repeat(2,1fr);
  }

  .rd-hero-art{
    min-height:430px;
  }

  .rd-player-main{
    grid-template-columns:88px minmax(240px,1fr) 1fr 72px;
  }

  .rd-volume,
  .rd-icon-btn{
    display:none;
  }

  .rd-player-foot{
    grid-template-columns:1fr 1fr;
  }

  .rd-vote-line{
    grid-column:1/-1;
    justify-content:flex-start;
  }

  .rd-dj-grid{
    grid-template-columns:1fr 1fr;
  }

  .rd-dj-info-card{
    grid-column:1/-1;
  }

  .rd-main-grid{
    grid-template-columns:1fr 1fr;
  }

  .rd-chat-panel{
    grid-column:1/-1;
  }

  .rd-news-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

/* ==========================================================
   MOBILE
   ========================================================== */
@media(max-width:760px){
  .rd-one-home .site-main{
    padding-bottom:8px;
  }

  .rd-home{
    width:100%;
    margin:0;
  }

  .rd-one-home .topbar-inner{
    width:100%;
    min-height:57px;
    padding:5px 10px;
  }

  .rd-one-home .topbar{
    min-height:57px;
  }

  .rd-one-home .brand-logo{
    width:47px;
    height:39px;
  }

  .rd-one-home .brand-copy strong{
    font-size:14px;
  }

  .rd-one-home .brand-copy small{
    font-size:6px;
  }

  .rd-hero{
    min-height:430px;
    display:block;
    border-left:0;
    border-right:0;
    border-radius:0;
  }

  .rd-hero-copy{
    min-height:430px;
    padding:32px 18px 27px;
    background:
      linear-gradient(90deg,rgba(2,7,23,.94),rgba(2,7,23,.44));
  }

  .rd-hero-art{
    position:absolute;
    inset:0;
    min-height:430px;
    opacity:.56;
  }

  .rd-overline{
    font-size:9px;
  }

  .rd-hero h1{
    font-size:45px;
  }

  .rd-hero-tagline{
    font-size:11px;
    letter-spacing:.23em;
  }

  .rd-hero-copy p{
    max-width:89%;
    font-size:11px;
  }

  .rd-hero-actions{
    margin-top:16px;
  }

  .rd-hero-actions .btn{
    min-width:0;
    min-height:42px;
    padding:8px 13px;
    font-size:9px;
  }

  .rd-hero-stats{
    grid-template-columns:repeat(2,1fr);
    gap:13px 18px;
    margin-top:17px;
  }

  .rd-hero-stats b{
    font-size:21px;
  }

  .rd-hero-stats strong{
    font-size:10px;
  }

  .rd-hero-stats small{
    font-size:7px;
  }

  .rd-live-pill{
    right:12px;
    top:14px;
    padding:7px 10px;
    font-size:8px;
  }

  .rd-player-card{
    margin-top:0;
    padding:11px 10px 12px;
    border-left:0;
    border-right:0;
    border-radius:0;
  }

  .rd-player-main{
    grid-template-columns:64px 1fr 57px;
    gap:9px;
  }

  .rd-player-cover img{
    width:60px;
    height:60px;
  }

  .rd-player-copy>strong{
    font-size:12px;
  }

  .rd-current-track{
    font-size:10px;
  }

  .rd-now-kicker{
    font-size:6.8px;
    padding:4px 6px;
  }

  .rd-wave{
    grid-column:1/4;
    height:42px;
  }

  .rd-main-play{
    grid-column:3;
    grid-row:1;
    width:54px;
    height:54px;
    font-size:19px;
  }

  .rd-player-progress{
    font-size:7px;
  }

  .rd-player-foot{
    grid-template-columns:1fr;
    gap:6px;
    font-size:7.5px;
  }

  .rd-vote-line{
    grid-column:auto;
  }

  .rd-station-tabs{
    gap:7px;
    padding:0 10px;
  }

  .rd-station-choice{
    min-height:67px;
    gap:8px;
    padding:7px;
  }

  .rd-station-choice img{
    width:44px;
    height:44px;
  }

  .rd-station-choice b{
    font-size:9px;
  }

  .rd-station-choice small{
    font-size:6.5px;
  }

  .rd-station-live{
    display:none;
  }

  .rd-dj-section,
  .rd-main-grid,
  .rd-promo-grid,
  .rd-news-section{
    padding-left:10px;
    padding-right:10px;
  }

  .rd-section-title{
    margin:15px 0 9px;
  }

  .rd-section-title h2{
    font-size:17px;
  }

  .rd-dj-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .rd-dj-card{
    min-height:88px;
    grid-template-columns:61px 1fr;
    gap:9px;
    padding:8px;
  }

  .rd-dj-photo{
    width:61px;
    height:65px;
  }

  .rd-dj-card h3{
    font-size:11px;
  }

  .rd-dj-card p,
  .rd-dj-hours{
    font-size:7px;
  }

  .rd-dj-live{
    right:7px;
    top:7px;
    padding:4px 6px;
    font-size:6.5px;
  }

  .rd-dj-info-card{
    grid-column:1/-1;
    min-height:85px;
    grid-template-columns:55px 1fr;
    padding:10px;
  }

  .rd-mic-icon{
    font-size:38px;
  }

  .rd-main-grid{
    grid-template-columns:1fr;
    gap:9px;
  }

  .rd-panel{
    min-height:0;
  }

  .rd-chat-panel{
    grid-column:auto;
  }

  .rd-promo-grid{
    grid-template-columns:1fr;
    gap:9px;
  }

  .rd-app-card,
  .rd-dedication-card{
    min-height:150px;
    padding:14px;
  }

  .rd-app-card{
    grid-template-columns:1fr 92px;
  }

  .rd-app-card h3,
  .rd-dedication-card h3{
    font-size:16px;
  }

  .rd-app-card p,
  .rd-dedication-card p{
    font-size:8px;
  }

  .rd-phone{
    width:70px;
    height:118px;
    padding-top:24px;
    border-width:4px;
    font-size:24px;
  }

  .rd-phone span{
    font-size:8px;
  }

  .rd-phone b{
    font-size:9px;
  }

  .rd-phone i{
    width:24px;
    height:24px;
    margin-top:8px;
    font-size:9px;
  }

  .rd-dedication-card{
    grid-template-columns:1fr 72px;
  }

  .rd-dedication-art{
    height:105px;
  }

  .rd-dedication-art span{
    left:5px;
    font-size:43px;
  }

  .rd-dedication-art b{
    right:0;
    font-size:54px;
  }

  .rd-news-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .rd-news-image{
    height:92px;
  }

  .rd-news-copy h3{
    font-size:9px;
  }

  .rd-news-copy p{
    font-size:7px;
  }

  .rd-one-home .rd-footer-inner{
    width:calc(100% - 20px);
  }
}

@media(max-width:460px){
  .rd-hero{
    min-height:410px;
  }

  .rd-hero-copy{
    min-height:410px;
    padding:28px 16px 24px;
  }

  .rd-hero h1{
    font-size:39px;
  }

  .rd-hero-copy p{
    max-width:96%;
  }

  .rd-hero-stats small{
    display:none;
  }

  .rd-station-tabs{
    grid-template-columns:1fr 1fr;
  }

  .rd-station-choice span small{
    display:none;
  }

  .rd-dj-grid{
    grid-template-columns:1fr;
  }

  .rd-news-grid{
    grid-template-columns:1fr 1fr;
  }

  .rd-news-image{
    height:78px;
  }
}


/* ==========================================================
   RADIO DREAMS — EXACT DESKTOP COMPOSITION V3
   Referința aprobată are o compoziție de 1024px lățime.
   Acest bloc suprascrie V2 doar pe desktop.
   ========================================================== */
@media(min-width:1101px){

  html{
    background:#222;
  }

  body.rd-one-home{
    background:#222!important;
  }

  .rd-one-home .topbar{
    width:1024px!important;
    min-height:54px!important;
    height:54px!important;
    margin:0 auto!important;
    background:#020817!important;
    border-bottom:1px solid rgba(89,126,197,.22)!important;
  }

  .rd-one-home .topbar-inner{
    width:100%!important;
    max-width:none!important;
    min-height:54px!important;
    height:54px!important;
    padding:4px 18px!important;
    gap:11px!important;
  }

  .rd-one-home .brand{
    min-width:167px!important;
  }

  .rd-one-home .brand-logo{
    width:46px!important;
    height:38px!important;
  }

  .rd-one-home .brand-copy strong{
    font-size:12px!important;
  }

  .rd-one-home .brand-copy small{
    margin-top:1px!important;
    font-size:5.6px!important;
  }

  .rd-one-home .main-nav{
    flex:1!important;
    justify-content:center!important;
    gap:1px!important;
  }

  .rd-one-home .main-nav>a{
    padding:6px 6px!important;
    border-radius:7px!important;
    font-size:7.2px!important;
  }

  .rd-one-home .nav-search{
    width:28px!important;
    height:28px!important;
    padding:0!important;
    font-size:13px!important;
  }

  .rd-one-home .account-actions{
    gap:6px!important;
  }

  .rd-one-home .account-actions .btn{
    min-height:30px!important;
    height:30px!important;
    padding:5px 10px!important;
    border-radius:7px!important;
    font-size:7px!important;
  }

  .rd-one-home .site-main{
    width:1024px!important;
    margin:0 auto!important;
    padding:0 0 10px!important;
    background:#020817!important;
    overflow:hidden!important;
  }

  .rd-home{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  /* ---------------- HERO ---------------- */
  .rd-hero{
    height:283px!important;
    min-height:283px!important;
    grid-template-columns:47% 53%!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
  }

  .rd-hero-copy{
    padding:35px 22px 24px 28px!important;
  }

  .rd-overline{
    font-size:8px!important;
    letter-spacing:.30em!important;
  }

  .rd-hero h1{
    margin:10px 0 2px!important;
    font-size:50px!important;
    line-height:.90!important;
    letter-spacing:-.048em!important;
  }

  .rd-hero-tagline{
    margin-top:7px!important;
    font-size:9px!important;
    letter-spacing:.31em!important;
  }

  .rd-hero-copy p{
    max-width:430px!important;
    margin-top:12px!important;
    font-size:9px!important;
    line-height:1.45!important;
  }

  .rd-hero-actions{
    gap:10px!important;
    margin-top:13px!important;
  }

  .rd-hero-actions .btn{
    min-width:122px!important;
    min-height:35px!important;
    height:35px!important;
    padding:6px 11px!important;
    border-radius:10px!important;
    font-size:7.7px!important;
  }

  .rd-hero-stats{
    max-width:455px!important;
    gap:10px!important;
    margin-top:13px!important;
  }

  .rd-hero-stats>div{
    grid-template-columns:24px 1fr!important;
    column-gap:5px!important;
  }

  .rd-hero-stats b{
    font-size:19px!important;
  }

  .rd-hero-stats strong{
    font-size:8px!important;
  }

  .rd-hero-stats small{
    font-size:5.8px!important;
  }

  .rd-hero-art{
    min-height:283px!important;
    height:283px!important;
    background-size:cover!important;
    background-position:center center!important;
  }

  /* Assetul conține deja badge-ul LIVE ON AIR exact ca în referință. */
  .rd-live-pill{
    display:none!important;
  }

  /* ---------------- PLAYER ---------------- */
  .rd-player-card{
    margin:8px 18px 0!important;
    min-height:96px!important;
    padding:8px 10px 7px!important;
    border-radius:10px!important;
  }

  .rd-player-main{
    grid-template-columns:70px 235px 210px 55px 150px 35px 35px!important;
    gap:9px!important;
    min-height:61px!important;
  }

  .rd-player-cover img{
    width:64px!important;
    height:64px!important;
    border-radius:8px!important;
  }

  .rd-now-kicker{
    margin-bottom:3px!important;
    padding:3px 6px!important;
    border-radius:5px!important;
    font-size:6px!important;
  }

  .rd-player-copy>strong{
    font-size:13px!important;
  }

  .rd-current-track{
    margin-top:3px!important;
    font-size:8.5px!important;
  }

  .rd-player-copy small{
    margin-top:4px!important;
    font-size:6px!important;
  }

  .rd-wave{
    height:43px!important;
    gap:1.6px!important;
  }

  .rd-wave i{
    width:2px!important;
    min-width:2px!important;
  }

  .rd-main-play{
    width:50px!important;
    height:50px!important;
    font-size:18px!important;
    box-shadow:
      0 0 0 4px rgba(221,55,255,.06),
      0 0 20px rgba(224,46,255,.22)!important;
  }

  .rd-volume{
    gap:7px!important;
  }

  .rd-volume span{
    font-size:13px!important;
  }

  .rd-icon-btn{
    width:33px!important;
    height:33px!important;
    border-radius:8px!important;
    font-size:12px!important;
  }

  .rd-player-progress{
    margin:4px 0 2px!important;
    gap:7px!important;
    font-size:5.6px!important;
  }

  .rd-player-progress i{
    height:4px!important;
  }

  .rd-player-foot{
    grid-template-columns:1fr 1fr auto!important;
    gap:8px!important;
    margin-top:4px!important;
    padding-top:5px!important;
    font-size:5.9px!important;
  }

  .rd-vote-line{
    gap:5px!important;
  }

  .rd-vote-btn{
    padding:5px 7px!important;
    border-radius:6px!important;
    font-size:5.8px!important;
  }

  .rd-vote-line>b{
    font-size:5.5px!important;
  }

  /* ---------------- POSTURI ---------------- */
  .rd-station-tabs{
    gap:9px!important;
    margin:8px 18px 0!important;
  }

  .rd-station-choice{
    min-height:61px!important;
    height:61px!important;
    gap:9px!important;
    padding:7px 10px!important;
    border-radius:9px!important;
  }

  .rd-station-choice img{
    width:47px!important;
    height:47px!important;
    border-radius:7px!important;
  }

  .rd-station-choice b{
    font-size:10px!important;
  }

  .rd-station-choice small{
    margin-top:2px!important;
    font-size:6px!important;
  }

  .rd-station-live{
    right:10px!important;
    padding:5px 8px!important;
    border-radius:6px!important;
    font-size:6px!important;
  }

  /* ---------------- TITLURI SECȚIUNI ---------------- */
  .rd-dj-section,
  .rd-main-grid,
  .rd-promo-grid,
  .rd-news-section{
    margin-left:18px!important;
    margin-right:18px!important;
  }

  .rd-section-title{
    margin:10px 0 6px!important;
  }

  .rd-section-title small{
    font-size:5.8px!important;
    letter-spacing:.14em!important;
  }

  .rd-section-title h2{
    margin-top:2px!important;
    font-size:13px!important;
  }

  .rd-section-title>a,
  .rd-section-title>span{
    font-size:6px!important;
  }

  /* ---------------- DJ ---------------- */
  .rd-dj-grid{
    grid-template-columns:1fr 1fr .88fr!important;
    gap:9px!important;
  }

  .rd-dj-card,
  .rd-dj-info-card{
    min-height:86px!important;
    height:86px!important;
    border-radius:9px!important;
  }

  .rd-dj-card{
    grid-template-columns:74px 1fr!important;
    gap:10px!important;
    padding:7px 9px!important;
  }

  .rd-dj-photo{
    width:74px!important;
    height:70px!important;
    border-radius:7px!important;
  }

  .rd-dj-card h3{
    margin-bottom:3px!important;
    font-size:11px!important;
  }

  .rd-dj-card p{
    font-size:6.6px!important;
  }

  .rd-dj-hours{
    margin-top:3px!important;
    font-size:6px!important;
  }

  .rd-dj-live{
    right:9px!important;
    top:8px!important;
    padding:4px 7px!important;
    border-radius:5px!important;
    font-size:5.7px!important;
  }

  .rd-dj-info-card{
    grid-template-columns:52px 1fr!important;
    gap:8px!important;
    padding:9px 10px!important;
  }

  .rd-mic-icon{
    font-size:35px!important;
  }

  .rd-dj-info-card b{
    font-size:7px!important;
  }

  .rd-dj-info-card span{
    margin-top:2px!important;
    font-size:6.5px!important;
  }

  .rd-dj-info-card a{
    padding:4px 9px!important;
    border-radius:6px!important;
    font-size:5.7px!important;
  }

  /* ---------------- 3 COLOANE ---------------- */
  .rd-main-grid{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:9px!important;
    margin-top:8px!important;
  }

  .rd-panel{
    min-height:356px!important;
    height:356px!important;
    padding:9px 10px!important;
    border-radius:9px!important;
  }

  .rd-panel-head{
    margin-bottom:6px!important;
  }

  .rd-panel-head h3{
    font-size:7.4px!important;
  }

  .rd-panel-head a,
  .rd-online-dot{
    font-size:5.6px!important;
  }

  .rd-track-list li{
    grid-template-columns:22px 31px minmax(0,1fr) auto!important;
    gap:6px!important;
    min-height:29px!important;
    height:29px!important;
    padding:2px 0!important;
  }

  .rd-rank{
    width:20px!important;
    height:20px!important;
    border-radius:5px!important;
    font-size:6.5px!important;
  }

  .rd-track-art{
    width:28px!important;
    height:25px!important;
    border-radius:5px!important;
    font-size:7px!important;
  }

  .rd-track-copy b{
    font-size:6.7px!important;
  }

  .rd-track-copy small{
    margin-top:1px!important;
    font-size:5.7px!important;
  }

  .rd-track-list time,
  .rd-ranking .rd-track-votes{
    font-size:5.8px!important;
  }

  .rd-empty-row{
    height:auto!important;
    min-height:0!important;
    padding:11px 2px!important;
    font-size:6px!important;
  }

  .rd-top-tabs{
    gap:4px!important;
    margin-bottom:5px!important;
  }

  .rd-top-tabs a{
    padding:5px 3px!important;
    border-radius:5px!important;
    font-size:5.5px!important;
  }

  .rd-chat-list{
    min-height:292px!important;
    max-height:292px!important;
    overflow:hidden!important;
  }

  .rd-chat-row{
    grid-template-columns:28px 1fr auto!important;
    gap:6px!important;
    min-height:34px!important;
    height:34px!important;
    padding:2px 0!important;
  }

  .rd-chat-avatar{
    width:25px!important;
    height:25px!important;
    font-size:7px!important;
  }

  .rd-chat-copy b{
    font-size:6.5px!important;
  }

  .rd-chat-copy small{
    font-size:5.7px!important;
  }

  .rd-chat-row time{
    font-size:5.5px!important;
  }

  .rd-chat-compose{
    min-height:31px!important;
    height:31px!important;
    margin-top:5px!important;
    padding:5px 7px!important;
    border-radius:7px!important;
    font-size:6px!important;
  }

  .rd-chat-compose b{
    width:23px!important;
    height:23px!important;
  }

  /* ---------------- PROMO ---------------- */
  .rd-promo-grid{
    gap:9px!important;
    margin-top:8px!important;
  }

  .rd-app-card,
  .rd-dedication-card{
    min-height:116px!important;
    height:116px!important;
    padding:10px 13px!important;
    border-radius:9px!important;
  }

  .rd-app-card{
    grid-template-columns:1fr 105px!important;
  }

  .rd-dedication-card{
    grid-template-columns:1fr 115px!important;
  }

  .rd-app-card h3,
  .rd-dedication-card h3{
    margin-bottom:4px!important;
    font-size:12px!important;
  }

  .rd-app-card p,
  .rd-dedication-card p{
    margin-bottom:7px!important;
    font-size:6.3px!important;
  }

  .rd-store-row{
    gap:4px!important;
  }

  .rd-store-row a{
    padding:4px 6px!important;
    border-radius:5px!important;
    font-size:5.2px!important;
  }

  .rd-phone{
    width:67px!important;
    height:101px!important;
    padding-top:20px!important;
    border-width:3px!important;
    border-radius:15px!important;
    font-size:21px!important;
  }

  .rd-phone span{
    font-size:6px!important;
  }

  .rd-phone b{
    font-size:8px!important;
  }

  .rd-phone i{
    width:20px!important;
    height:20px!important;
    margin-top:7px!important;
    font-size:6px!important;
  }

  .rd-dedication-art{
    height:94px!important;
  }

  .rd-dedication-art span{
    left:13px!important;
    font-size:40px!important;
  }

  .rd-dedication-art b{
    right:7px!important;
    font-size:53px!important;
  }

  .rd-dedication-card .btn{
    min-height:28px!important;
    padding:5px 9px!important;
    border-radius:7px!important;
    font-size:6px!important;
  }

  /* ---------------- NEWS ---------------- */
  .rd-news-section{
    margin-top:10px!important;
  }

  .rd-news-section .rd-section-title{
    margin:0 0 6px!important;
  }

  .rd-news-grid{
    grid-template-columns:repeat(4,1fr)!important;
    gap:9px!important;
  }

  .rd-news-card{
    min-height:150px!important;
    height:150px!important;
    border-radius:8px!important;
  }

  .rd-news-image{
    height:78px!important;
  }

  .rd-news-copy{
    padding:6px 7px 7px!important;
  }

  .rd-news-copy time{
    font-size:5px!important;
  }

  .rd-news-copy h3{
    margin:3px 0 2px!important;
    font-size:7.3px!important;
    line-height:1.15!important;
  }

  .rd-news-copy p{
    font-size:5.6px!important;
    line-height:1.3!important;
  }

  /* ---------------- FOOTER ---------------- */
  .rd-one-home .rd-site-footer{
    width:1024px!important;
    min-height:84px!important;
    margin:10px auto 0!important;
    background:#010611!important;
  }

  .rd-one-home .rd-footer-inner{
    width:100%!important;
    max-width:none!important;
    min-height:62px!important;
    padding:8px 18px!important;
    grid-template-columns:1fr auto 1fr!important;
  }

  .rd-one-home .rd-footer-brand img{
    width:47px!important;
    height:38px!important;
  }

  .rd-one-home .rd-footer-brand b{
    font-size:8.5px!important;
  }

  .rd-one-home .rd-footer-brand small{
    font-size:5.1px!important;
  }

  .rd-one-home .rd-footer-nav{
    gap:10px!important;
  }

  .rd-one-home .rd-footer-nav a{
    font-size:5.6px!important;
  }

  .rd-one-home .rd-footer-social{
    gap:5px!important;
  }

  .rd-one-home .rd-footer-social span{
    width:22px!important;
    height:22px!important;
    font-size:6px!important;
  }

  .rd-one-home .rd-footer-copy{
    padding:0 8px 8px!important;
    font-size:5px!important;
  }
}


/* ==========================================================
   ULTIMELE 10 PIESE — PREMIUM HISTORY LIST
   ========================================================== */
.rd-history-panel{
  background:
    radial-gradient(circle at 0 0,rgba(177,45,255,.10),transparent 34%),
    linear-gradient(150deg,#07162f,#071a35)!important;
}

.rd-history-panel-head h3{
  display:flex;
  align-items:center;
  gap:7px;
}

.rd-history-heading-icon{
  color:#ff45d5;
  font-size:1.15em;
  filter:drop-shadow(0 0 7px rgba(255,60,215,.32));
}

.rd-history-panel-head>a{
  color:#39bfff!important;
  font-weight:800;
}

.rd-history-list{
  display:flex;
  flex-direction:column;
  gap:3px;
}

.rd-history-panel .rd-history-item{
  display:grid!important;
  grid-template-columns:28px 38px minmax(0,1fr) 25px 42px!important;
  gap:8px!important;
  align-items:center!important;
  min-height:42px!important;
  height:42px!important;
  padding:4px 7px!important;
  margin:0!important;
  overflow:hidden;
  border:1px solid transparent!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
  border-radius:8px;
  background:
    linear-gradient(90deg,rgba(15,37,74,.58),rgba(7,23,47,.25));
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease;
}

.rd-history-panel .rd-history-item:hover{
  transform:translateX(2px);
  border-color:rgba(107,116,255,.23)!important;
  background:
    linear-gradient(90deg,rgba(28,53,99,.72),rgba(9,26,53,.42));
}

.rd-history-panel .rd-history-item.is-now{
  border-color:rgba(218,65,255,.35)!important;
  background:
    linear-gradient(90deg,rgba(93,30,151,.30),rgba(9,28,59,.64));
  box-shadow:
    inset 3px 0 0 #d83fff,
    0 0 20px rgba(171,52,255,.06);
}

.rd-history-panel .rd-rank{
  width:25px!important;
  height:25px!important;
  border-radius:7px!important;
  background:linear-gradient(145deg,#1a3159,#17284b)!important;
  color:#dce7ff!important;
  font-size:8px!important;
  font-weight:950!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045);
}

.rd-history-panel .rd-history-item.is-now .rd-rank{
  background:linear-gradient(145deg,#c63cff,#6f48ff)!important;
  color:#fff!important;
  box-shadow:0 0 12px rgba(179,61,255,.25);
}

.rd-history-cover{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;
  box-shadow:
    inset 0 0 15px rgba(0,0,0,.18),
    0 4px 10px rgba(0,0,0,.16);
}

.rd-history-cover:before,
.rd-history-cover:after{
  content:"";
  position:absolute;
  border-radius:50%;
}

.rd-history-cover:before{
  width:23px;
  height:23px;
  border:4px solid rgba(255,255,255,.18);
}

.rd-history-cover:after{
  width:6px;
  height:6px;
  background:rgba(4,11,27,.78);
}

.rd-history-cover i{
  position:relative;
  z-index:2;
  margin-top:-1px;
  color:#fff;
  font-size:8px;
  font-style:normal;
  text-shadow:0 1px 4px rgba(0,0,0,.6);
}

.rd-history-cover-1{background:linear-gradient(135deg,#41124f,#f04955 55%,#ffa04c)}
.rd-history-cover-2{background:linear-gradient(135deg,#2d0c68,#7752ff 52%,#21b9ff)}
.rd-history-cover-3{background:linear-gradient(135deg,#163f67,#15b8b0 50%,#85e29c)}
.rd-history-cover-4{background:linear-gradient(135deg,#58203b,#e34291 50%,#7e4fff)}
.rd-history-cover-5{background:linear-gradient(135deg,#342058,#8241ff 46%,#df45d5)}
.rd-history-cover-6{background:linear-gradient(135deg,#57370c,#ed8928 49%,#ed355b)}

.rd-history-panel .rd-track-copy{
  min-width:0!important;
  text-align:left!important;
  justify-self:stretch!important;
  overflow:hidden;
}

.rd-history-panel .rd-track-copy b,
.rd-history-panel .rd-track-copy small{
  display:block!important;
  max-width:100%;
  text-align:left!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.rd-history-panel .rd-track-copy b{
  color:#f5f8ff!important;
  font-size:9px!important;
  font-weight:850!important;
  line-height:1.08!important;
}

.rd-history-panel .rd-track-copy small{
  margin-top:3px!important;
  color:#8fa4c8!important;
  font-size:7px!important;
  line-height:1!important;
}

.rd-history-pulse{
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
}

.rd-history-pulse i{
  width:2px;
  border-radius:5px;
  background:linear-gradient(180deg,#ff4bd8,#754bff);
  box-shadow:0 0 5px rgba(225,66,255,.22);
}

.rd-history-pulse i:nth-child(1){height:8px}
.rd-history-pulse i:nth-child(2){height:15px}
.rd-history-pulse i:nth-child(3){height:11px}
.rd-history-pulse i:nth-child(4){height:18px}

.rd-history-panel .rd-history-item:nth-child(2n) .rd-history-pulse i:nth-child(1){height:16px}
.rd-history-panel .rd-history-item:nth-child(2n) .rd-history-pulse i:nth-child(2){height:9px}
.rd-history-panel .rd-history-item:nth-child(3n) .rd-history-pulse i:nth-child(4){height:10px}

.rd-history-panel time{
  color:#9fb0ce!important;
  text-align:right!important;
  font-size:7px!important;
  font-variant-numeric:tabular-nums;
}

.rd-history-panel .rd-now-time{
  padding:3px 5px;
  border-radius:999px;
  background:#e735b7;
  color:#fff!important;
  font-size:5.7px!important;
  font-weight:950;
  box-shadow:0 0 10px rgba(230,51,184,.22);
}

/* Desktop-ul V3 are panoul fix la 356px: comprimăm elegant 10 rânduri. */
@media(min-width:1101px){
  .rd-history-panel .rd-history-list{
    gap:2px!important;
  }

  .rd-history-panel .rd-history-item{
    grid-template-columns:20px 27px minmax(0,1fr) 18px 31px!important;
    gap:5px!important;
    min-height:29px!important;
    height:29px!important;
    padding:2px 4px!important;
    border-radius:5px!important;
  }

  .rd-history-panel .rd-rank{
    width:19px!important;
    height:19px!important;
    border-radius:5px!important;
    font-size:6px!important;
  }

  .rd-history-cover{
    width:25px!important;
    height:25px!important;
    border-radius:5px!important;
  }

  .rd-history-cover:before{
    width:17px!important;
    height:17px!important;
    border-width:3px!important;
  }

  .rd-history-cover:after{
    width:4px!important;
    height:4px!important;
  }

  .rd-history-cover i{
    font-size:5px!important;
  }

  .rd-history-panel .rd-track-copy b{
    font-size:6.6px!important;
  }

  .rd-history-panel .rd-track-copy small{
    margin-top:1px!important;
    font-size:5.5px!important;
  }

  .rd-history-pulse{
    height:18px!important;
    gap:1px!important;
  }

  .rd-history-pulse i{
    width:1.5px!important;
  }

  .rd-history-panel time{
    font-size:5.5px!important;
  }

  .rd-history-panel .rd-now-time{
    padding:2px 3px!important;
    font-size:4.8px!important;
  }
}

@media(max-width:760px){
  .rd-history-panel .rd-history-item{
    grid-template-columns:26px 39px minmax(0,1fr) 23px 38px!important;
    min-height:49px!important;
    height:49px!important;
    padding:4px 6px!important;
  }

  .rd-history-cover{
    width:36px;
    height:36px;
  }

  .rd-history-panel .rd-track-copy b{
    font-size:10px!important;
  }

  .rd-history-panel .rd-track-copy small{
    font-size:8px!important;
  }

  .rd-history-panel time{
    font-size:8px!important;
  }
}


/* ==========================================================
   RADIO DREAMS — FULL WIDTH DESKTOP FIX V4
   Elimină canvas-ul fix de 1024px din V3.
   Pe desktop site-ul folosește aproape toată lățimea ecranului.
   ========================================================== */
@media(min-width:1101px){

  html,
  body.rd-one-home{
    background:#020817!important;
  }

  /* Header pe toată lățimea */
  .rd-one-home .topbar{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:72px!important;
    margin:0!important;
  }

  .rd-one-home .topbar-inner{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    min-height:72px!important;
    height:auto!important;
    margin:0 auto!important;
    padding:7px 0!important;
    gap:18px!important;
  }

  .rd-one-home .brand{
    min-width:250px!important;
  }

  .rd-one-home .brand-logo{
    width:66px!important;
    height:52px!important;
  }

  .rd-one-home .brand-copy strong{
    font-size:18px!important;
  }

  .rd-one-home .brand-copy small{
    margin-top:3px!important;
    font-size:8px!important;
  }

  .rd-one-home .main-nav{
    flex:1!important;
    justify-content:center!important;
    gap:3px!important;
  }

  .rd-one-home .main-nav>a{
    padding:9px 10px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  .rd-one-home .nav-search{
    width:38px!important;
    height:38px!important;
    padding:0!important;
    font-size:17px!important;
  }

  .rd-one-home .account-actions{
    gap:8px!important;
  }

  .rd-one-home .account-actions .btn{
    min-height:39px!important;
    height:auto!important;
    padding:8px 16px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  /* Main full width */
  .rd-one-home .site-main{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0 20px 18px!important;
    background:#020817!important;
    overflow:hidden!important;
  }

  .rd-home{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }

  /* HERO mare și proporționat pentru desktop normal */
  .rd-hero{
    width:100%!important;
    height:clamp(410px,31vw,590px)!important;
    min-height:410px!important;
    grid-template-columns:46% 54%!important;
    border-radius:0 0 18px 18px!important;
    border-left:1px solid rgba(77,119,196,.23)!important;
    border-right:1px solid rgba(77,119,196,.23)!important;
  }

  .rd-hero-copy{
    padding:48px 44px 40px 54px!important;
  }

  .rd-overline{
    font-size:13px!important;
    letter-spacing:.30em!important;
  }

  .rd-hero h1{
    margin:14px 0 4px!important;
    font-size:clamp(62px,5vw,98px)!important;
    line-height:.90!important;
  }

  .rd-hero-tagline{
    margin-top:9px!important;
    font-size:18px!important;
    letter-spacing:.31em!important;
  }

  .rd-hero-copy p{
    max-width:760px!important;
    margin-top:18px!important;
    font-size:16px!important;
    line-height:1.5!important;
  }

  .rd-hero-actions{
    gap:16px!important;
    margin-top:22px!important;
  }

  .rd-hero-actions .btn{
    min-width:190px!important;
    min-height:50px!important;
    height:auto!important;
    padding:10px 17px!important;
    border-radius:14px!important;
    font-size:12px!important;
  }

  .rd-hero-stats{
    max-width:780px!important;
    gap:18px!important;
    margin-top:23px!important;
  }

  .rd-hero-stats>div{
    grid-template-columns:34px 1fr!important;
    column-gap:8px!important;
  }

  .rd-hero-stats b{
    font-size:27px!important;
  }

  .rd-hero-stats strong{
    font-size:13px!important;
  }

  .rd-hero-stats small{
    font-size:8px!important;
  }

  .rd-hero-art{
    min-height:410px!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center center!important;
  }

  /* Player */
  .rd-player-card{
    margin:12px 0 0!important;
    min-height:0!important;
    padding:13px 15px 11px!important;
    border-radius:14px!important;
  }

  .rd-player-main{
    grid-template-columns:96px minmax(300px,1fr) minmax(260px,.9fr) 72px minmax(190px,.65fr) 48px 48px!important;
    gap:15px!important;
    min-height:0!important;
  }

  .rd-player-cover img{
    width:88px!important;
    height:88px!important;
    border-radius:10px!important;
  }

  .rd-now-kicker{
    margin-bottom:5px!important;
    padding:5px 8px!important;
    font-size:8px!important;
  }

  .rd-player-copy>strong{
    font-size:19px!important;
  }

  .rd-current-track{
    margin-top:4px!important;
    font-size:13px!important;
  }

  .rd-player-copy small{
    margin-top:7px!important;
    font-size:8px!important;
  }

  .rd-wave{
    height:60px!important;
    gap:2.7px!important;
  }

  .rd-wave i{
    width:3px!important;
    min-width:3px!important;
  }

  .rd-main-play{
    width:66px!important;
    height:66px!important;
    font-size:23px!important;
  }

  .rd-volume{
    gap:10px!important;
  }

  .rd-volume span{
    font-size:19px!important;
  }

  .rd-icon-btn{
    width:45px!important;
    height:45px!important;
    border-radius:10px!important;
    font-size:17px!important;
  }

  .rd-player-progress{
    margin:8px 0 3px!important;
    gap:10px!important;
    font-size:8px!important;
  }

  .rd-player-progress i{
    height:5px!important;
  }

  .rd-player-foot{
    grid-template-columns:1fr 1fr auto!important;
    gap:12px!important;
    margin-top:7px!important;
    padding-top:8px!important;
    font-size:8px!important;
  }

  .rd-vote-btn{
    padding:7px 11px!important;
    font-size:8px!important;
  }

  .rd-vote-line>b{
    font-size:7px!important;
  }

  /* 2 posturi */
  .rd-station-tabs{
    gap:12px!important;
    margin:12px 0 0!important;
  }

  .rd-station-choice{
    min-height:90px!important;
    height:auto!important;
    gap:13px!important;
    padding:11px 15px!important;
    border-radius:12px!important;
  }

  .rd-station-choice img{
    width:66px!important;
    height:66px!important;
    border-radius:9px!important;
  }

  .rd-station-choice b{
    font-size:15px!important;
  }

  .rd-station-choice small{
    margin-top:4px!important;
    font-size:9px!important;
  }

  .rd-station-live{
    right:14px!important;
    padding:6px 10px!important;
    font-size:8px!important;
  }

  /* Restul secțiunilor folosesc lățimea completă a containerului */
  .rd-dj-section,
  .rd-main-grid,
  .rd-promo-grid,
  .rd-news-section{
    margin-left:0!important;
    margin-right:0!important;
  }

  .rd-section-title{
    margin:18px 0 9px!important;
  }

  .rd-section-title small{
    font-size:8px!important;
  }

  .rd-section-title h2{
    margin-top:3px!important;
    font-size:20px!important;
  }

  .rd-section-title>a,
  .rd-section-title>span{
    font-size:9px!important;
  }

  /* DJ */
  .rd-dj-grid{
    grid-template-columns:1fr 1fr .78fr!important;
    gap:12px!important;
  }

  .rd-dj-card,
  .rd-dj-info-card{
    min-height:116px!important;
    height:auto!important;
    border-radius:12px!important;
  }

  .rd-dj-card{
    grid-template-columns:96px 1fr!important;
    gap:13px!important;
    padding:11px 13px!important;
  }

  .rd-dj-photo{
    width:96px!important;
    height:92px!important;
    border-radius:9px!important;
  }

  .rd-dj-card h3{
    margin-bottom:4px!important;
    font-size:16px!important;
  }

  .rd-dj-card p{
    font-size:10px!important;
  }

  .rd-dj-hours{
    margin-top:4px!important;
    font-size:8px!important;
  }

  .rd-dj-live{
    right:12px!important;
    top:10px!important;
    padding:5px 9px!important;
    font-size:7px!important;
  }

  .rd-dj-info-card{
    grid-template-columns:68px 1fr!important;
    gap:11px!important;
    padding:13px 15px!important;
  }

  .rd-mic-icon{
    font-size:48px!important;
  }

  .rd-dj-info-card b{
    font-size:10px!important;
  }

  .rd-dj-info-card span{
    font-size:9px!important;
  }

  .rd-dj-info-card a{
    padding:6px 12px!important;
    font-size:8px!important;
  }

  /* 3 coloane */
  .rd-main-grid{
    grid-template-columns:1fr 1fr 1fr!important;
    gap:12px!important;
    margin-top:12px!important;
  }

  .rd-panel{
    min-height:460px!important;
    height:auto!important;
    padding:14px 15px!important;
    border-radius:12px!important;
  }

  .rd-panel-head{
    margin-bottom:10px!important;
  }

  .rd-panel-head h3{
    font-size:11px!important;
  }

  .rd-panel-head a,
  .rd-online-dot{
    font-size:8px!important;
  }

  /* Istoric premium — mai mare pe desktop lat */
  .rd-history-panel .rd-history-list{
    gap:4px!important;
  }

  .rd-history-panel .rd-history-item{
    grid-template-columns:29px 42px minmax(0,1fr) 28px 46px!important;
    gap:9px!important;
    min-height:39px!important;
    height:39px!important;
    padding:4px 7px!important;
    border-radius:7px!important;
  }

  .rd-history-panel .rd-rank{
    width:26px!important;
    height:26px!important;
    font-size:8px!important;
  }

  .rd-history-cover{
    width:36px!important;
    height:36px!important;
    border-radius:7px!important;
  }

  .rd-history-cover:before{
    width:24px!important;
    height:24px!important;
    border-width:4px!important;
  }

  .rd-history-cover:after{
    width:6px!important;
    height:6px!important;
  }

  .rd-history-cover i{
    font-size:8px!important;
  }

  .rd-history-panel .rd-track-copy b{
    font-size:9px!important;
  }

  .rd-history-panel .rd-track-copy small{
    margin-top:2px!important;
    font-size:7px!important;
  }

  .rd-history-pulse{
    height:24px!important;
    gap:2px!important;
  }

  .rd-history-pulse i{
    width:2px!important;
  }

  .rd-history-panel time{
    font-size:7px!important;
  }

  .rd-history-panel .rd-now-time{
    padding:3px 5px!important;
    font-size:5.7px!important;
  }

  .rd-track-list li:not(.rd-history-item){
    grid-template-columns:29px 39px minmax(0,1fr) auto!important;
    gap:8px!important;
    min-height:38px!important;
    height:38px!important;
    padding:4px 0!important;
  }

  .rd-ranking .rd-track-votes{
    font-size:7px!important;
  }

  .rd-top-tabs{
    gap:6px!important;
    margin-bottom:8px!important;
  }

  .rd-top-tabs a{
    padding:7px 5px!important;
    font-size:7px!important;
  }

  .rd-chat-list{
    min-height:376px!important;
    max-height:376px!important;
  }

  .rd-chat-row{
    grid-template-columns:35px 1fr auto!important;
    gap:8px!important;
    min-height:42px!important;
    height:42px!important;
    padding:4px 0!important;
  }

  .rd-chat-avatar{
    width:31px!important;
    height:31px!important;
    font-size:9px!important;
  }

  .rd-chat-copy b{
    font-size:8px!important;
  }

  .rd-chat-copy small{
    font-size:7px!important;
  }

  .rd-chat-row time{
    font-size:7px!important;
  }

  .rd-chat-compose{
    min-height:38px!important;
    height:38px!important;
    margin-top:7px!important;
    padding:6px 9px!important;
    font-size:8px!important;
  }

  .rd-chat-compose b{
    width:28px!important;
    height:28px!important;
  }

  /* Promo */
  .rd-promo-grid{
    gap:12px!important;
    margin-top:12px!important;
  }

  .rd-app-card,
  .rd-dedication-card{
    min-height:166px!important;
    height:auto!important;
    padding:17px 20px!important;
    border-radius:12px!important;
  }

  .rd-app-card{
    grid-template-columns:1fr 145px!important;
  }

  .rd-dedication-card{
    grid-template-columns:1fr 160px!important;
  }

  .rd-app-card h3,
  .rd-dedication-card h3{
    margin-bottom:7px!important;
    font-size:19px!important;
  }

  .rd-app-card p,
  .rd-dedication-card p{
    margin-bottom:11px!important;
    font-size:10px!important;
  }

  .rd-store-row a{
    padding:6px 9px!important;
    font-size:7px!important;
  }

  .rd-phone{
    width:98px!important;
    height:150px!important;
    padding-top:30px!important;
    border-width:4px!important;
    border-radius:22px!important;
    font-size:31px!important;
  }

  .rd-phone span{
    font-size:9px!important;
  }

  .rd-phone b{
    font-size:12px!important;
  }

  .rd-phone i{
    width:29px!important;
    height:29px!important;
    margin-top:11px!important;
    font-size:9px!important;
  }

  .rd-dedication-art{
    height:135px!important;
  }

  .rd-dedication-art span{
    font-size:58px!important;
  }

  .rd-dedication-art b{
    font-size:75px!important;
  }

  .rd-dedication-card .btn{
    min-height:38px!important;
    padding:8px 14px!important;
    font-size:9px!important;
  }

  /* Știri */
  .rd-news-section{
    margin-top:16px!important;
  }

  .rd-news-section .rd-section-title{
    margin:0 0 9px!important;
  }

  .rd-news-grid{
    grid-template-columns:repeat(4,1fr)!important;
    gap:12px!important;
  }

  .rd-news-card{
    min-height:220px!important;
    height:auto!important;
    border-radius:11px!important;
  }

  .rd-news-image{
    height:125px!important;
  }

  .rd-news-copy{
    padding:10px 11px 12px!important;
  }

  .rd-news-copy time{
    font-size:7px!important;
  }

  .rd-news-copy h3{
    margin:5px 0 4px!important;
    font-size:11px!important;
  }

  .rd-news-copy p{
    font-size:8px!important;
    line-height:1.35!important;
  }

  /* Footer full width */
  .rd-one-home .rd-site-footer{
    width:100%!important;
    max-width:none!important;
    min-height:90px!important;
    margin:18px 0 0!important;
    background:#010611!important;
  }

  .rd-one-home .rd-footer-inner{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    min-height:72px!important;
    padding:9px 0!important;
    grid-template-columns:1fr auto 1fr!important;
  }

  .rd-one-home .rd-footer-brand img{
    width:58px!important;
    height:46px!important;
  }

  .rd-one-home .rd-footer-brand b{
    font-size:12px!important;
  }

  .rd-one-home .rd-footer-brand small{
    font-size:7px!important;
  }

  .rd-one-home .rd-footer-nav{
    gap:15px!important;
  }

  .rd-one-home .rd-footer-nav a{
    font-size:8px!important;
  }

  .rd-one-home .rd-footer-social{
    gap:7px!important;
  }

  .rd-one-home .rd-footer-social span{
    width:29px!important;
    height:29px!important;
    font-size:8px!important;
  }

  .rd-one-home .rd-footer-copy{
    padding:0 8px 11px!important;
    font-size:7px!important;
  }
}


/* ==========================================================
   RADIO DREAMS — DEDICAȚII ON/OFF
   OFF AIR = imagine "Momentan nu se fac dedicații"
   ON AIR  = chat + buton către request.php
   ========================================================== */

.rd-dedications-panel{
  position:relative;
  overflow:hidden;
}

.rd-dedication-status{
  color:#ff738f!important;
  font-size:8px!important;
  font-weight:900;
  white-space:nowrap;
}

.rd-dedication-status.is-open{
  color:#44e99b!important;
}

.rd-dedications-closed,
.rd-dedications-live{
  min-height:calc(100% - 28px);
}

.rd-dedications-closed[hidden],
.rd-dedications-live[hidden]{
  display:none!important;
}

/* OFF AIR */
.rd-dedications-closed{
  min-height:390px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:18px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,47,93,.09),transparent 42%);
}

.rd-dedications-closed-image{
  width:min(92%,340px);
  padding:10px;
  overflow:hidden;
  border:1px solid rgba(255,76,112,.20);
  border-radius:15px;
  background:#fff;
  box-shadow:
    0 18px 45px rgba(0,0,0,.28),
    0 0 34px rgba(255,36,99,.07);
}

.rd-dedications-closed-image img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.rd-dedications-closed-copy{
  max-width:430px;
}

.rd-dedications-closed-copy>span{
  display:inline-block;
  padding:5px 9px;
  border:1px solid rgba(255,72,111,.26);
  border-radius:999px;
  background:rgba(255,42,88,.08);
  color:#ff647f;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}

.rd-dedications-closed-copy h4{
  margin:9px 0 5px;
  color:#fff;
  font-size:18px;
}

.rd-dedications-closed-copy p{
  margin:0;
  color:#8fa2c2;
  font-size:9px;
  line-height:1.5;
}

/* ON AIR */
.rd-dedications-live{
  min-height:390px;
  display:flex;
  flex-direction:column;
}

.rd-dedications-live-head{
  display:grid;
  grid-template-columns:50px 1fr;
  gap:10px;
  align-items:center;
  margin-bottom:8px;
  padding:10px;
  border:1px solid rgba(232,72,217,.18);
  border-radius:11px;
  background:
    linear-gradient(135deg,rgba(177,48,255,.12),rgba(8,25,53,.35));
}

.rd-live-mic{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:linear-gradient(145deg,#c432ff,#7048ff);
  font-size:23px;
  box-shadow:0 0 22px rgba(191,52,255,.16);
}

.rd-dedications-live-head span,
.rd-dedications-live-head strong,
.rd-dedications-live-head small{
  display:block;
}

.rd-dedications-live-head span{
  color:#ff55d2;
  font-size:7px;
  font-weight:950;
  letter-spacing:.09em;
}

.rd-dedications-live-head strong{
  margin-top:2px;
  color:#fff;
  font-size:11px;
}

.rd-dedications-live-head small{
  margin-top:2px;
  color:#8fa3c5;
  font-size:7px;
}

.rd-dedication-messages{
  flex:1;
  min-height:270px!important;
  max-height:270px!important;
  overflow:auto!important;
  padding-right:3px;
}

.rd-dedication-empty{
  display:flex;
  min-height:230px;
  align-items:center;
  justify-content:center;
  padding:18px;
  text-align:center;
}

.rd-dedication-send{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:8px;
  padding:8px 10px 8px 13px;
  border:1px solid rgba(213,65,255,.42);
  border-radius:11px;
  background:
    linear-gradient(90deg,rgba(219,48,255,.18),rgba(84,63,255,.13));
  color:#fff;
  text-decoration:none;
  transition:.16s ease;
}

.rd-dedication-send:hover{
  transform:translateY(-1px);
  border-color:#e449ff;
  box-shadow:0 8px 24px rgba(179,54,255,.12);
}

.rd-dedication-send span b,
.rd-dedication-send span small{
  display:block;
}

.rd-dedication-send span b{
  font-size:9px;
}

.rd-dedication-send span small{
  margin-top:2px;
  color:#9bafd0;
  font-size:6px;
}

.rd-dedication-send>strong{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#e42cff,#6548ff);
}

/* Desktop full-width */
@media(min-width:1101px){
  .rd-dedications-closed,
  .rd-dedications-live{
    min-height:405px!important;
  }

  .rd-dedications-closed-image{
    width:min(82%,300px)!important;
  }

  .rd-dedications-closed-copy h4{
    font-size:15px!important;
  }

  .rd-dedication-messages{
    min-height:310px!important;
    max-height:310px!important;
  }
}

/* Mobile */
@media(max-width:760px){
  .rd-dedications-closed,
  .rd-dedications-live{
    min-height:310px;
  }

  .rd-dedications-closed{
    padding:14px 10px;
  }

  .rd-dedications-closed-image{
    width:min(100%,280px);
  }

  .rd-dedications-closed-copy h4{
    font-size:16px;
  }

  .rd-dedications-closed-copy p{
    font-size:8px;
  }

  .rd-dedication-messages{
    min-height:210px!important;
    max-height:260px!important;
  }

  .rd-dedications-live-head{
    grid-template-columns:44px 1fr;
  }

  .rd-live-mic{
    width:40px;
    height:40px;
    font-size:20px;
  }
}


/* ==========================================================
   RADIO DREAMS — PARTENERI PE HOMEPAGE
   Se afișează automat doar partenerii ACTIVI din admin_partners.php
   ========================================================== */
.rd-partners-section{
  margin-top:18px;
}

.rd-partners-title{
  margin-bottom:10px!important;
}

.rd-partners-title>span{
  color:#7789a9;
}

.rd-partners-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.rd-partner-card{
  position:relative;
  min-width:0;
  min-height:82px;
  display:grid;
  grid-template-columns:78px minmax(0,1fr) 24px;
  gap:12px;
  align-items:center;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid rgba(103,143,218,.23);
  border-radius:13px;
  background:
    radial-gradient(circle at 0 50%,rgba(205,46,255,.08),transparent 34%),
    linear-gradient(145deg,#07162e,#091a36);
  color:#fff;
  text-decoration:none;
  transition:
    transform .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

a.rd-partner-card:hover{
  transform:translateY(-2px);
  border-color:rgba(218,65,255,.43);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.rd-partner-logo{
  width:78px;
  height:58px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:9px;
  background:#050d1d;
}

.rd-partner-logo img{
  display:block;
  max-width:92%;
  max-height:50px;
  width:auto;
  height:auto;
  object-fit:contain;
}

.rd-partner-logo.no-logo{
  background:
    linear-gradient(135deg,#35124d,#102958);
}

.rd-partner-logo.no-logo b{
  color:#ff4dd5;
  font-size:20px;
  letter-spacing:.04em;
}

.rd-partner-copy{
  min-width:0;
}

.rd-partner-copy b,
.rd-partner-copy small{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.rd-partner-copy b{
  color:#f5f8ff;
  font-size:11px;
  font-weight:850;
}

.rd-partner-copy small{
  margin-top:4px;
  color:#879bbd;
  font-size:7px;
}

.rd-partner-arrow{
  width:23px;
  height:23px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#102344;
  color:#d64cff;
  font-size:10px;
}

@media(min-width:1101px){
  .rd-partners-section{
    margin-left:0!important;
    margin-right:0!important;
  }

  .rd-partner-card{
    min-height:92px;
    grid-template-columns:88px minmax(0,1fr) 27px;
    padding:11px 13px;
  }

  .rd-partner-logo{
    width:88px;
    height:65px;
  }

  .rd-partner-logo img{
    max-height:56px;
  }

  .rd-partner-copy b{
    font-size:12px;
  }

  .rd-partner-copy small{
    font-size:8px;
  }
}

@media(max-width:1050px){
  .rd-partners-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .rd-partners-section{
    padding-left:10px;
    padding-right:10px;
  }

  .rd-partners-title>span{
    display:none;
  }

  .rd-partners-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  .rd-partner-card{
    min-height:72px;
    grid-template-columns:56px minmax(0,1fr);
    gap:8px;
    padding:8px;
  }

  .rd-partner-logo{
    width:56px;
    height:48px;
  }

  .rd-partner-logo img{
    max-height:42px;
  }

  .rd-partner-copy b{
    font-size:9px;
  }

  .rd-partner-copy small{
    font-size:6.5px;
  }

  .rd-partner-arrow{
    display:none;
  }
}

@media(max-width:420px){
  .rd-partners-grid{
    grid-template-columns:1fr;
  }
}


/* ==========================================================
   RADIO DREAMS — HEADER + HERO FINAL FIX
   1) Logo lângă meniu, nu izolat în colț.
   2) Linkuri meniu la dimensiune normală și ușor de citit.
   3) Imagine hero fără stratul dublu care acoperea microfonul.
   ========================================================== */
@media (min-width:1101px){

  /* ---------- HEADER ---------- */
  .rd-one-home .topbar{
    min-height:76px!important;
  }

  .rd-one-home .topbar-inner{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    min-height:76px!important;
    height:76px!important;
    margin:0 auto!important;
    padding:8px 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
  }

  /* Logo-ul rămâne doar G1 și stă lângă meniu. */
  .rd-one-home .brand{
    flex:0 0 auto!important;
    min-width:0!important;
    width:auto!important;
    margin:0 24px 0 0!important;
    padding:0!important;
  }

  .rd-one-home .brand-logo{
    width:62px!important;
    height:50px!important;
    object-fit:contain!important;
    display:block!important;
  }

  /* Meniul nu mai este împins în mijlocul paginii. */
  .rd-one-home .main-nav{
    flex:0 1 auto!important;
    width:auto!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:4px!important;
    margin:0!important;
  }

  /* Text normal, nu microscopic. */
  .rd-one-home .main-nav>a{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 12px!important;
    border-radius:9px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }

  /* Login / cont rămâne în dreapta. */
  .rd-one-home .account-actions{
    flex:0 0 auto!important;
    margin-left:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
  }

  .rd-one-home .account-actions .btn{
    min-height:40px!important;
    height:40px!important;
    padding:8px 15px!important;
    border-radius:9px!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:800!important;
  }

  /* ---------- HERO / MICROFON ---------- */

  /*
   * În versiunile anterioare existau două gradienturi întunecate
   * peste partea stângă a pozei. Exact acolo se află microfonul G1,
   * de aceea părea acoperit / aproape invizibil.
   */
  .rd-hero-art{
    background:
      url('img/hero-reference.jpg')
      center center / cover
      no-repeat!important;
  }

  .rd-hero-art:after{
    background:none!important;
  }

  /* Păstrăm foarte discret separarea dintre text și fotografie,
     fără să acoperim microfonul. */
  .rd-hero:after{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    left:43%;
    width:10%;
    pointer-events:none;
    background:linear-gradient(
      90deg,
      rgba(5,10,27,.55) 0%,
      rgba(5,10,27,.15) 48%,
      transparent 100%
    );
  }

  .rd-hero-copy{
    z-index:4!important;
  }

  .rd-hero-art{
    z-index:0!important;
  }

  .rd-live-pill{
    z-index:6!important;
  }
}

/* Ecrane desktop mai înguste: păstrăm textul clar fără să rupem meniul. */
@media (min-width:1101px) and (max-width:1350px){
  .rd-one-home .brand{
    margin-right:14px!important;
  }

  .rd-one-home .brand-logo{
    width:56px!important;
    height:46px!important;
  }

  .rd-one-home .main-nav{
    gap:1px!important;
  }

  .rd-one-home .main-nav>a{
    padding:8px 8px!important;
    font-size:12px!important;
  }

  .rd-one-home .account-actions{
    gap:6px!important;
  }

  .rd-one-home .account-actions .btn{
    padding:8px 11px!important;
    font-size:12px!important;
  }
}


/* ==========================================================
   RADIO DREAMS — HERO FOTO FINAL + HEADER LOGO ONLY
   ========================================================== */

/* Top header: păstrăm doar logo-ul existent, fără text auxiliar. */
.rd-one-home .brand-copy{
  display:none!important;
}

.rd-one-home .brand{
  min-width:0!important;
  width:auto!important;
}

/* Imaginea exactă cu fata + microfonul din mockup. */
.rd-hero-art{
  background-image:url('img/hero-reference.jpg')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}

/* Nu mai punem strat întunecat peste microfon / față. */
.rd-hero-art:after{
  background:none!important;
  display:none!important;
}

/* Elimină și orice overlay adăugat ulterior peste zona imaginii. */
.rd-hero:after{
  display:none!important;
}

/* Desktop: imagine clară, completă în jumătatea dreaptă. */
@media(min-width:1101px){
  .rd-hero{
    grid-template-columns:46% 54%!important;
  }

  .rd-hero-art{
    min-height:410px!important;
    height:100%!important;
    background-size:cover!important;
    background-position:center center!important;
    opacity:1!important;
  }
}

/* Tabletă */
@media(min-width:761px) and (max-width:1100px){
  .rd-hero-art{
    background-position:center center!important;
    opacity:1!important;
  }
}

/* Telefon: fotografia rămâne fundal vizibil, dar textul rămâne lizibil. */
@media(max-width:760px){
  .rd-hero-art{
    background-image:url('img/hero-reference.jpg')!important;
    background-position:center center!important;
    background-size:cover!important;
    opacity:.72!important;
  }

  .rd-hero-copy{
    background:
      linear-gradient(
        90deg,
        rgba(2,7,23,.90) 0%,
        rgba(2,7,23,.68) 42%,
        rgba(2,7,23,.24) 100%
      )!important;
  }
}


/* ==========================================================
   RADIO DREAMS — HERO IMAGE 100% COMPLETĂ
   Nu se mai taie nimic din imagine.
   Microfonul, fata, LIVE ON AIR și textul din dreapta rămân toate vizibile.
   ========================================================== */

.rd-hero-art{
  background-image:url('img/hero-reference.jpg')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  opacity:1!important;
}

.rd-hero-art:before,
.rd-hero-art:after,
.rd-hero:after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Desktop */
@media(min-width:1101px){
  .rd-hero{
    grid-template-columns:46% 54%!important;
  }

  .rd-hero-art{
    width:100%!important;
    height:100%!important;
    min-height:410px!important;
    background-size:100% 100%!important;
    background-position:center center!important;
  }
}

/* Tabletă */
@media(min-width:761px) and (max-width:1100px){
  .rd-hero-art{
    background-size:100% 100%!important;
    background-position:center center!important;
  }
}

/* Telefon */
@media(max-width:760px){
  .rd-hero-art{
    background-image:url('img/hero-reference.jpg')!important;
    background-size:100% 100%!important;
    background-position:center center!important;
    opacity:1!important;
  }
}


/* ==========================================================
   RADIO DREAMS HOME — LARGE / READABLE / MOCKUP-LIKE
   2026-10-04
   Must stay LAST in home.css.
   ========================================================== */

.rd-one-home{
  font-size:16px!important;
}

/* Header on homepage follows the same large clean layout */
.rd-one-home .topbar{
  min-height:88px!important;
}

.rd-one-home .topbar-inner{
  width:min(calc(100% - 44px),1500px)!important;
  max-width:1500px!important;
  min-height:88px!important;
  height:auto!important;
  padding:10px 0!important;
  gap:26px!important;
}

.rd-one-home .brand{
  margin:0!important;
  min-width:0!important;
  width:auto!important;
  flex:0 0 auto!important;
}

.rd-one-home .brand-copy{
  display:none!important;
}

.rd-one-home .brand-logo{
  width:132px!important;
  height:66px!important;
}

.rd-one-home .main-nav{
  flex:1 1 auto!important;
  justify-content:center!important;
  gap:6px!important;
}

.rd-one-home .main-nav>a{
  min-height:46px!important;
  padding:11px 13px!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:750!important;
  border-radius:11px!important;
}

.rd-one-home .account-actions{
  margin-left:0!important;
  gap:9px!important;
}

.rd-one-home .account-actions .btn{
  min-height:45px!important;
  height:auto!important;
  padding:10px 16px!important;
  font-size:14px!important;
  line-height:1.15!important;
}

/* Page width: spacious but not stretched to the monitor edges */
.rd-home{
  width:min(calc(100% - 44px),1500px)!important;
  max-width:1500px!important;
}

/* ---------- HERO ---------- */
.rd-hero{
  min-height:500px!important;
  grid-template-columns:46% 54%!important;
  border-radius:0 0 22px 22px!important;
}

.rd-hero-copy{
  padding:58px 44px 50px 48px!important;
}

.rd-overline{
  font-size:15px!important;
  letter-spacing:.22em!important;
}

.rd-hero h1{
  font-size:clamp(62px,5vw,92px)!important;
  line-height:.92!important;
}

.rd-hero-tagline{
  font-size:20px!important;
  letter-spacing:.22em!important;
}

.rd-hero-copy p{
  max-width:650px!important;
  font-size:18px!important;
  line-height:1.65!important;
}

.rd-hero-actions .btn{
  min-height:54px!important;
  padding:13px 22px!important;
  font-size:15px!important;
}

.rd-hero-stats{
  gap:22px!important;
}

.rd-hero-stats strong{
  font-size:16px!important;
}

.rd-hero-stats small{
  font-size:13px!important;
  line-height:1.3!important;
}

.rd-live-pill{
  padding:10px 16px!important;
  font-size:13px!important;
}

/* ---------- BIG PLAYER ---------- */
.rd-player-card{
  padding:18px 20px 15px!important;
  border-radius:18px!important;
}

.rd-player-copy>strong{
  font-size:23px!important;
}

.rd-now-kicker{
  font-size:12px!important;
  padding:6px 10px!important;
}

.rd-current-track{
  font-size:16px!important;
}

.rd-player-copy small{
  font-size:13px!important;
}

.rd-player-progress{
  font-size:12px!important;
}

.rd-player-foot{
  font-size:13px!important;
  line-height:1.45!important;
}

.rd-vote-btn{
  padding:9px 14px!important;
  font-size:13px!important;
}

.rd-vote-line>b{
  font-size:12px!important;
}

/* ---------- STATIONS ---------- */
.rd-station-choice{
  min-height:112px!important;
  padding:14px 18px!important;
}

.rd-station-choice b{
  font-size:19px!important;
}

.rd-station-choice small{
  font-size:14px!important;
}

.rd-station-live{
  font-size:12px!important;
  padding:7px 12px!important;
}

/* ---------- SECTION HEADERS ---------- */
.rd-section-title small{
  font-size:12px!important;
  letter-spacing:.12em!important;
}

.rd-section-title h2{
  font-size:28px!important;
}

.rd-section-title>a,
.rd-section-title>span{
  font-size:14px!important;
}

/* ---------- DJs ---------- */
.rd-dj-card h3{
  font-size:20px!important;
}

.rd-dj-card p{
  font-size:14px!important;
}

.rd-dj-hours{
  font-size:13px!important;
}

.rd-dj-live{
  font-size:12px!important;
}

.rd-dj-info-card b{
  font-size:15px!important;
}

.rd-dj-info-card span{
  font-size:14px!important;
}

.rd-dj-info-card a{
  font-size:13px!important;
  padding:8px 15px!important;
}

/* ---------- PANELS / HISTORY / TOP / CHAT ---------- */
.rd-panel-head h3{
  font-size:17px!important;
}

.rd-panel-head a{
  font-size:13px!important;
}

.rd-track-copy b,
.rd-history-list .rd-track-copy b,
.rd-ranking .rd-track-copy b{
  font-size:14px!important;
}

.rd-track-copy small,
.rd-history-list .rd-track-copy small,
.rd-ranking .rd-track-copy small{
  font-size:13px!important;
}

.rd-track-list time,
.rd-history-list time,
.rd-ranking time{
  font-size:12px!important;
}

.rd-rank{
  font-size:13px!important;
}

.rd-top-tabs a{
  font-size:13px!important;
  padding:8px 10px!important;
}

.rd-dedication-status{
  font-size:12px!important;
}

.rd-dedications-closed-copy>span{
  font-size:12px!important;
}

.rd-dedications-closed-copy h4{
  font-size:20px!important;
}

.rd-dedications-closed-copy p{
  font-size:14px!important;
}

.rd-dedications-live-head span{
  font-size:12px!important;
}

.rd-dedications-live-head strong{
  font-size:16px!important;
}

.rd-dedications-live-head small{
  font-size:13px!important;
}

.rd-chat-copy b{
  font-size:14px!important;
}

.rd-chat-copy small,
.rd-chat-row time{
  font-size:12px!important;
}

.rd-dedication-send span b{
  font-size:14px!important;
}

.rd-dedication-send span small{
  font-size:12px!important;
}

/* ---------- APP / DEDICATION ---------- */
.rd-app-card h3,
.rd-dedication-card h3{
  font-size:22px!important;
}

.rd-app-card p,
.rd-dedication-card p{
  font-size:15px!important;
  line-height:1.55!important;
}

.rd-store-row a{
  font-size:13px!important;
  padding:8px 11px!important;
}

.rd-dedication-card .btn{
  min-height:44px!important;
  padding:10px 16px!important;
  font-size:14px!important;
}

.rd-phone span{
  font-size:12px!important;
}

.rd-phone b{
  font-size:14px!important;
}

/* ---------- NEWS ---------- */
.rd-news-copy time{
  font-size:12px!important;
}

.rd-news-copy h3{
  font-size:17px!important;
  line-height:1.3!important;
}

.rd-news-copy p{
  font-size:13px!important;
  line-height:1.5!important;
}

/* ---------- PARTNERS ---------- */
.rd-partner-copy b{
  font-size:15px!important;
}

.rd-partner-copy small{
  font-size:12px!important;
}

.rd-partner-arrow{
  font-size:13px!important;
}

/* ---------- FOOTER ---------- */
.rd-one-home .rd-footer-brand b{
  font-size:15px!important;
}

.rd-one-home .rd-footer-brand small{
  font-size:12px!important;
}

.rd-one-home .rd-footer-nav a{
  font-size:13px!important;
}

.rd-one-home .rd-footer-social span{
  font-size:12px!important;
}

.rd-one-home .rd-footer-copy{
  font-size:12px!important;
  line-height:1.5!important;
}

/* ---------- SAFETY NET ----------
   Any semantic small text in homepage must remain readable.
   Decorative icons are not affected because they do not use small/time.
*/
.rd-home small{
  font-size:13px!important;
}

/* ---------- MEDIUM DESKTOP ---------- */
@media(min-width:1101px) and (max-width:1350px){
  .rd-one-home .topbar-inner{
    width:calc(100% - 28px)!important;
    gap:12px!important;
  }

  .rd-one-home .brand-logo{
    width:108px!important;
    height:58px!important;
  }

  .rd-one-home .main-nav{
    gap:2px!important;
  }

  .rd-one-home .main-nav>a{
    padding:10px 8px!important;
    font-size:14px!important;
  }

  .rd-one-home .account-actions .btn{
    padding:10px 11px!important;
    font-size:13px!important;
  }

  .rd-home{
    width:calc(100% - 28px)!important;
  }

  .rd-hero-copy{
    padding-left:36px!important;
    padding-right:30px!important;
  }
}

/* ---------- TABLET / MOBILE ---------- */
@media(max-width:1100px){
  .rd-one-home .topbar{
    min-height:76px!important;
  }

  .rd-one-home .topbar-inner{
    min-height:76px!important;
    width:100%!important;
    padding:8px 14px!important;
  }

  .rd-one-home .brand-logo{
    width:104px!important;
    height:56px!important;
  }

  .rd-one-home .main-nav>a{
    font-size:16px!important;
    padding:13px 14px!important;
  }

  .rd-one-home .mobile-account-actions .btn{
    font-size:15px!important;
  }

  .rd-home{
    width:min(calc(100% - 20px),1500px)!important;
  }
}

@media(max-width:760px){
  .rd-hero-copy{
    padding:36px 24px!important;
  }

  .rd-overline{
    font-size:12px!important;
  }

  .rd-hero h1{
    font-size:clamp(46px,13vw,68px)!important;
  }

  .rd-hero-tagline{
    font-size:15px!important;
    letter-spacing:.12em!important;
  }

  .rd-hero-copy p{
    font-size:16px!important;
  }

  .rd-hero-actions .btn{
    font-size:14px!important;
  }

  .rd-section-title h2{
    font-size:24px!important;
  }

  .rd-news-copy h3{
    font-size:16px!important;
  }

  .rd-news-copy p{
    font-size:13px!important;
  }

  .rd-partner-copy b{
    font-size:14px!important;
  }

  .rd-partner-copy small{
    font-size:12px!important;
  }
}


/* ==========================================================
   RADIO DREAMS — V3 FINAL HOMEPAGE WIDTH / CENTER FIX
   IMPORTANT: must remain at the absolute end of home.css.
   Fixes old `margin:0!important` rules from previous versions.
   ========================================================== */

@media (min-width:1101px){

  /* Full browser canvas */
  body.rd-one-home,
  .rd-one-home .site-main{
    width:100%!important;
    max-width:none!important;
  }

  .rd-one-home .site-main{
    margin:0!important;
    padding:0 20px 20px!important;
    overflow:visible!important;
  }

  /* Homepage itself: wide AND centered */
  .rd-home{
    width:calc(100% - 0px)!important;
    max-width:1840px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* Header uses exactly the same visual width as homepage */
  .rd-one-home .topbar-inner{
    width:calc(100% - 40px)!important;
    max-width:1840px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* Hero always fills the centered homepage */
  .rd-hero,
  .rd-player-card,
  .rd-station-tabs,
  .rd-dj-section,
  .rd-main-grid,
  .rd-promo-grid,
  .rd-news-section,
  .rd-partners-section{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Large screens: keep only a small breathing space at the edges */
@media (min-width:1900px){
  .rd-home{
    max-width:1840px!important;
  }
}

/* Tablet / mobile still centered */
@media (max-width:1100px){
  .rd-home{
    width:calc(100% - 20px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}


/* ==========================================================
   RADIO DREAMS — SINGLE HERO BANNER V3
   Cerut de user:
   - sus logo doar G1
   - în hero să fie O SINGURĂ imagine mare
   - fără blocul din stânga cu text HTML
   - imaginea să nu fie tăiată urât
   ========================================================== */

/* Header: logo doar G1 */
.rd-one-home .brand-copy{
  display:none !important;
}

.rd-one-home .brand{
  min-width:auto !important;
  width:auto !important;
  gap:0 !important;
}

.rd-one-home .brand-logo{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Hero = o singură imagine */
.rd-hero{
  position:relative !important;
  display:block !important;
  grid-template-columns:1fr !important;
  min-height:361px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:0 0 22px 22px !important;
  background:
    linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)),
    url('img/hero-single-banner.jpg') center center / cover no-repeat !important;
}

/* elimină straturile suplimentare */
.rd-hero:before,
.rd-hero:after,
.rd-hero-art:before,
.rd-hero-art:after{
  display:none !important;
  content:none !important;
}

/* ascunde complet textul HTML din stânga */
.rd-hero-copy{
  display:none !important;
}

/* păstrează doar stratul pentru LIVE badge, dar fără a încărca încă o imagine */
.rd-hero-art{
  position:absolute !important;
  inset:0 !important;
  min-height:361px !important;
  background:none !important;
  pointer-events:none !important;
}

.rd-live-pill{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:3 !important;
}

@media (max-width:1100px){
  .rd-hero,
  .rd-hero-art{
    min-height:300px !important;
  }
}

@media (max-width:760px){
  .rd-one-home .brand-logo{
    width:48px !important;
    height:48px !important;
  }

  .rd-hero,
  .rd-hero-art{
    min-height:220px !important;
  }

  .rd-live-pill{
    top:12px !important;
    right:12px !important;
    transform:scale(.92);
    transform-origin:top right;
  }
}


/* ==========================================================
   RADIO DREAMS — SINGLE BANNER V4 (final clean hero)
   Cerut:
   - doar o singură imagine completă în hero
   - sus doar logo G1
   - fără blocul HTML din stânga
   - fără două imagini / fără cusătură la mijloc
   ========================================================== */

/* Header: doar logo-ul G1 */
.rd-one-home .brand-copy{
  display:none !important;
}
.rd-one-home .brand{
  min-width:auto !important;
  width:auto !important;
  gap:0 !important;
}
.rd-one-home .brand-logo{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Hero: o singură imagine mare */
.rd-hero-single-banner{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-height:361px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:0 0 22px 22px !important;
  background-image:url('img/hero-single-banner-v4.jpg') !important;
  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:cover !important;
}

/* elimină toate straturile decorative care pot dubla imaginea */
.rd-hero-single-banner::before,
.rd-hero-single-banner::after{
  display:none !important;
  content:none !important;
}

/* doar badge-ul LIVE rămâne în colț */
.rd-hero-single-banner .rd-live-pill{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:5 !important;
  pointer-events:none !important;
}

/* protecție extra: dacă există reguli vechi pentru .rd-hero, nu mai afișa altceva */
.rd-hero-single-banner > *:not(.rd-live-pill){
  display:none !important;
}

@media(max-width:1100px){
  .rd-hero-single-banner{
    min-height:300px !important;
  }
}
@media(max-width:760px){
  .rd-one-home .brand-logo{
    width:48px !important;
    height:48px !important;
  }
  .rd-hero-single-banner{
    min-height:220px !important;
    border-radius:0 0 18px 18px !important;
  }
  .rd-hero-single-banner .rd-live-pill{
    top:12px !important;
    right:12px !important;
    transform:scale(.92);
    transform-origin:top right;
  }
}


/* ==========================================================
   RADIO DREAMS — homepage header G1 only
   ========================================================== */
.rd-one-home .brand{
  min-width:auto !important;
  width:auto !important;
  gap:0 !important;
}
.rd-one-home .brand-copy{
  display:none !important;
}
.rd-one-home .brand-logo,
.rd-one-home .brand-logo-header{
  width:54px !important;
  height:54px !important;
  display:block !important;
  object-fit:contain !important;
}
@media (max-width:560px){
  .rd-one-home .brand-logo,
  .rd-one-home .brand-logo-header{
    width:48px !important;
    height:48px !important;
  }
}


/* ==========================================================
   RADIO DREAMS — NEON HERO V6
   Imagine unică:
   - fata
   - microfon
   - glob neon
   Header site:
   - doar G1
   Banda G1 din imaginea sursă este decupată vizual prin CSS.
   ========================================================== */

/* Header-ul real al site-ului: doar G1 */
.rd-one-home .brand-copy{
  display:none !important;
}

.rd-one-home .brand{
  width:auto !important;
  min-width:auto !important;
  gap:0 !important;
}

.rd-one-home .brand-logo,
.rd-one-home .brand-logo-header{
  width:54px !important;
  height:54px !important;
  object-fit:contain !important;
  display:block !important;
}

/* HERO = o singură imagine */
.rd-hero-single-banner{
  position:relative !important;
  display:block !important;

  width:100% !important;
  max-width:none !important;

  /* Imaginea originală are 2108x704.
     Zona vizuală utilă după banda neagră de sus ≈ 2108x620. */
  aspect-ratio:2108 / 620 !important;
  min-height:0 !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  overflow:hidden !important;

  background-color:#020817 !important;
  background-image:url('img/hero-neon-g1-v6.png') !important;
  background-repeat:no-repeat !important;

  /* Imaginea este scalată pe toată lățimea.
     bottom ascunde banda neagră/G1 din partea de sus a imaginii. */
  background-size:100% auto !important;
  background-position:center bottom !important;

  border-radius:0 0 22px 22px !important;
  border:1px solid rgba(85,112,190,.24) !important;
  border-top:0 !important;
}

/* Nu mai permitem niciun al doilea background/overlay */
.rd-hero-single-banner::before,
.rd-hero-single-banner::after,
.rd-hero-single-banner .rd-hero-art,
.rd-hero-single-banner .rd-hero-copy{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Imaginea nouă este curată, deci nu mai dublăm badge-ul LIVE */
.rd-hero-single-banner .rd-live-pill{
  display:none !important;
}

@media(max-width:1100px){
  .rd-hero-single-banner{
    aspect-ratio:2108 / 650 !important;
    background-size:auto 100% !important;
    background-position:center center !important;
  }
}

@media(max-width:760px){
  .rd-one-home .brand-logo,
  .rd-one-home .brand-logo-header{
    width:48px !important;
    height:48px !important;
  }

  .rd-hero-single-banner{
    aspect-ratio:16 / 7 !important;
    background-size:cover !important;
    background-position:center center !important;
    border-radius:0 0 18px 18px !important;
  }
}

/* Donația ocupă cardul informativ existent, cu aceleași dimensiuni. */
.rd-dj-info-card.rd-donation-card{
  background:radial-gradient(circle at 30% 20%,rgba(235,45,197,.19),transparent 65%),linear-gradient(145deg,#191135,#08182f);
  border-color:rgba(198,77,255,.4);
}
.rd-donation-card .rd-donation-heart{
  width:100%;
  max-width:54px;
  aspect-ratio:1;
  display:flex;
  align-items:center;
  justify-content:center;
  justify-self:center;
  border-radius:16px;
  background:linear-gradient(135deg,#ff32b1,#a832eb);
  color:#fff;
  font-size:28px!important;
}
.rd-donation-card>div:nth-child(2){min-width:0;}
.rd-dj-info-card.rd-donation-card b{font-size:14px!important;line-height:1.2;}
.rd-dj-info-card.rd-donation-card span{font-size:12px!important;line-height:1.3;}
.rd-dj-info-card.rd-donation-card .rd-donation-button{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  padding:7px 10px!important;
  background:linear-gradient(100deg,#f932bc,#b82bfa,#693fff);
  border:1px solid rgba(234,160,255,.55);
  color:#fff;
  text-align:center;
  font-size:13px!important;
  line-height:1.2;
  font-weight:800;
  box-shadow:0 5px 16px rgba(160,42,242,.2);
}
.rd-donation-button:hover{filter:brightness(1.12);}
.rd-donation-button:focus-visible{outline:2px solid #fff;outline-offset:3px;}
.rd-donation-card .rd-donation-unavailable{grid-column:2;color:#bbc3d9;}
@media(max-width:600px){
  .rd-dj-info-card.rd-donation-card b{font-size:11px!important;}
  .rd-dj-info-card.rd-donation-card span{font-size:10px!important;}
  .rd-dj-info-card.rd-donation-card .rd-donation-button{font-size:11px!important;padding:6px 8px!important;}
  .rd-donation-card .rd-donation-heart{max-width:38px;font-size:22px!important;border-radius:11px;}
}