*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#080a0e;color:#f7f4ed;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;padding-bottom:105px}.wrap{width:min(1180px,calc(100% - 36px));margin:auto}header{position:sticky;top:0;z-index:20;background:#080a0ef0;backdrop-filter:blur(18px);border-bottom:1px solid #2a2419}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{width:56px;height:56px;object-fit:cover;border-radius:50%;box-shadow:0 0 22px #ff9d2438}.brand span,.brand b,.brand small{display:block}.brand b{font-size:16px;letter-spacing:.7px}.brand small{font-size:10px;color:#c99d55;margin-top:2px}.nav nav{display:flex;gap:20px}.nav nav a{color:#c8c2b8;text-decoration:none;font-size:14px}.nav nav a:hover{color:#ffb43d}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 77% 30%,#b958162e 0,transparent 31%),radial-gradient(circle at 20% 0,#ffc24b12 0,transparent 25%),linear-gradient(145deg,#121317,#080a0e);border-bottom:1px solid #2b251b}.hero:after{content:"";position:absolute;inset:auto -10% 12% 40%;height:1px;background:linear-gradient(90deg,transparent,#ff9b21,transparent);box-shadow:0 0 25px #ff8a1e}.heroin{min-height:390px;display:flex;align-items:center;justify-content:space-between;gap:50px}.eyebrow{color:#f6a62d;font-weight:900;letter-spacing:1.8px;font-size:12px}.hero h1{font-size:clamp(44px,6vw,76px);line-height:.95;letter-spacing:-3.5px;margin:15px 0 18px;max-width:760px}.hero h1 span{background:linear-gradient(90deg,#fff2c8,#ff9d21);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.muted{color:#9f9b93}.hero p{font-size:17px;max-width:610px;line-height:1.65}.dash{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-width:350px}.metric{background:#141519c7;border:1px solid #3b3122;border-radius:18px;padding:19px;box-shadow:inset 0 1px #ffffff08}.metric b,.metric span{display:block}.metric b{font-size:26px;color:#ffad31}.metric span{font-size:10px;color:#938c81;text-transform:uppercase;letter-spacing:.7px}.page{padding:44px 0}.toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.toolbar h2,.page h1{margin:0 0 6px}.toolbar input,.field input,.field select{background:#131519;border:1px solid #3a342b;color:#fff;border-radius:12px;padding:13px 14px;outline:0}.toolbar input:focus,.field input:focus,.field select:focus{border-color:#d99029;box-shadow:0 0 0 3px #d9902918}.toolbar input{width:320px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.chip{border:1px solid #383229;background:#121418;color:#bdb6aa;padding:8px 13px;border-radius:999px;cursor:pointer}.chip:hover,.chip.active{background:linear-gradient(135deg,#ffb53c,#d76b16);border-color:#f3a42f;color:#16100a}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:linear-gradient(160deg,#15171b,#101216);border:1px solid #2d2b27;border-radius:18px;padding:18px;box-shadow:0 10px 30px #00000024}.card{transition:.2s ease}.card:hover{transform:translateY(-3px);border-color:#6b4b24;box-shadow:0 14px 34px #0006}.ctop{display:flex;gap:12px;align-items:center;cursor:pointer}.logo,.plogo{background:linear-gradient(145deg,#ffd765,#f29320 48%,#a94b11);color:#18100a;display:grid;place-items:center;font-weight:950;box-shadow:inset 0 1px #fff5c4,0 5px 18px #ff941b20}.logo{width:54px;height:54px;border-radius:15px}.card h3{font-size:16px;margin:0 0 4px}.desc{color:#8e8c87;font-size:12px;line-height:1.4}.badge{display:inline-block;margin-top:13px;background:#211d18;color:#e0b978;border:1px solid #3b3021;padding:5px 8px;border-radius:7px;font-size:10px}.status{font-size:10px;margin-left:6px}.status.on{color:#55d98c}.status.off{color:#ff6d7f}.cbottom{display:flex;gap:7px;margin-top:14px}.btn{border:1px solid #39342c;border-radius:10px;padding:9px 11px;font-weight:800;cursor:pointer;background:#202126;color:#fff}.btn:hover{border-color:#735128}.btn.primary{border:0;background:linear-gradient(135deg,#ffbf49,#e87c1d);color:#1b1208}.adminGrid{display:grid;grid-template-columns:370px 1fr;gap:18px}.form{display:grid;gap:12px}.field label{display:block;font-size:11px;color:#a19b91;margin-bottom:5px}.field input,.field select{width:100%}.adminrow{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #292824}.adminrow:last-child{border:0}.adminrow small{display:block;color:#85827b;margin-top:3px;word-break:break-all}.adminBtns{display:flex;gap:6px}.notice{padding:13px;background:#201b16;border:1px solid #503b25;color:#d2b993;border-radius:11px;font-size:12px;line-height:1.5}.historyrow{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #292824}.historyrow span{color:#85827b;font-size:12px}.empty{color:#8c8982;padding:30px 0}.player{position:fixed;z-index:30;bottom:0;left:0;right:0;background:#111318f7;backdrop-filter:blur(18px);border-top:1px solid #4a3924;box-shadow:0 -12px 40px #0007}.playerin{min-height:90px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:22px}.playing{display:flex;align-items:center;gap:12px;min-width:0}.plogo{width:49px;height:49px;border-radius:14px}.playing small,.playing b,.playing span,.track small,.track b,.track span{display:block}.playing small,.track small{font-size:9px;color:#8f877b;letter-spacing:.8px}.playing b,.track b{font-size:14px;margin:2px 0}.playing span,.track span{font-size:11px;color:#938f87}.track b{color:#ffd27c}.pcontrols{display:flex;align-items:center;gap:8px}.pcontrols button{border:0;color:#fff;cursor:pointer;border-radius:50%}.pcontrols #play{width:49px;height:49px;background:linear-gradient(145deg,#ffc34d,#df7419);color:#1a1108;box-shadow:0 0 24px #f08b2638}.pcontrols #stop{width:37px;height:37px;background:#292a2e}.pcontrols input{accent-color:#ee8a24;width:120px}.loginPanel{max-width:460px;margin:40px auto;padding:28px}.loginPanel h1{margin:10px 0 6px}.loginPanel .notice{margin:20px 0}.adminHead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.secureNotice{margin:0 0 18px;border-color:#28513b;background:#14251c;color:#b9dfc8}@media(max-width:950px){.grid{grid-template-columns:repeat(3,1fr)}.adminGrid{grid-template-columns:1fr}.track{display:block}.playerin{grid-template-columns:1fr auto}.heroin{gap:25px}.dash{min-width:300px}}@media(max-width:720px){.nav{min-height:68px}.brand img{width:46px;height:46px}.brand small{display:none}.grid{grid-template-columns:repeat(2,1fr)}.heroin{padding:48px 0;display:block}.dash{margin-top:28px;min-width:0}.toolbar{display:block}.toolbar input{width:100%;margin-top:15px}.nav nav{gap:11px}.nav nav a:nth-child(3){display:none}.pcontrols input,.pcontrols span{display:none}}@media(max-width:520px){.wrap{width:min(100% - 24px,1180px)}.grid{grid-template-columns:1fr}.nav nav a:nth-child(2){display:none}.brand b{font-size:13px}.hero h1{letter-spacing:-2.5px}.dash{grid-template-columns:repeat(3,1fr)}.metric{padding:14px 10px}.metric b{font-size:20px}.adminrow{grid-template-columns:1fr}.playing{max-width:210px}}

/* ===== RADIO MEMORABIL - PAGINA POST ===== */

.radioHero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:26px;
  align-items:center;
  padding:32px;
  background:
    radial-gradient(circle at 90% 10%,#ff9d2126,transparent 35%),
    linear-gradient(145deg,#18191d,#101216);
  border:1px solid #49351f;
  border-radius:24px;
}

.radioHeroLogo{
  width:110px;
  height:110px;
  border-radius:28px;
  display:grid;
  place-items:center;
  font-size:34px;
  font-weight:950;
  color:#18100a;
  background:linear-gradient(145deg,#ffe083,#f29a24 48%,#a94b11);
  box-shadow:
    inset 0 1px #fff5c4,
    0 12px 35px #ff941b2e;
}

.radioHero h1{
  margin:6px 0 8px;
  font-size:clamp(30px,5vw,48px);
  letter-spacing:-1.5px;
}

.radioCategory{
  color:#f6a62d;
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.radioDescription{
  color:#aaa49a;
  max-width:700px;
  line-height:1.6;
  margin:0;
}

.radioActions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:20px;
}

.radioNow{
  margin-top:18px;
  padding:25px;
  background:
    linear-gradient(135deg,#17191e,#101216);
  border:1px solid #3b3123;
  border-radius:20px;
}

.radioNowLabel{
  color:#f6a62d;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.4px;
}

.radioNow h2{
  margin:8px 0;
  font-size:clamp(20px,3vw,30px);
  color:#ffd27c;
}

.radioOnline{
  color:#62db94;
  font-size:12px;
}

.radioHistory{
  margin-top:18px;
}

.radioHistory h2{
  margin-top:0;
}

@media(max-width:650px){
  .radioHero{
    grid-template-columns:1fr;
    padding:22px;
  }

  .radioHeroLogo{
    width:82px;
    height:82px;
    border-radius:21px;
    font-size:26px;
  }
}

/* ===== RADIO MEMORABIL V8 - DESIGN MODERN ===== */

.card {
  border-radius: 20px;
  border: 1px solid #383126;
  background: linear-gradient(145deg, #1b1d23, #101115);
  box-shadow: 0 8px 30px rgba(0,0,0,.25);
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.card:hover {
  transform: translateY(-5px);
  border-color: #d99a37;
  box-shadow: 0 15px 40px rgba(0,0,0,.45);
}

.card h3 {
  color: #fff5df;
  font-weight: 800;
}

.card .desc {
  color: #aaa59c;
  line-height: 1.6;
}

@media (prefers-reduced-motion: reduce) {
  .card {
    transition: none;
  }
  .card:hover {
    transform: none;
  }
}

/* ===== RADIO MEMORABIL - HERO PREMIUM ===== */

.hero {
  background:
    radial-gradient(ellipse at 80% 35%, rgba(242,151,38,.18), transparent 42%),
    radial-gradient(ellipse at 10% 10%, rgba(255,199,92,.08), transparent 35%),
    linear-gradient(135deg, #171a22 0%, #0b0d12 65%, #080a0e 100%);
  border-bottom: 1px solid #48351f;
}

.heroin {
  min-height: 430px;
  gap: 40px;
}

.hero h1 {
  font-weight: 900;
  letter-spacing: -2.5px;
  line-height: 1.05;
  text-shadow: 0 8px 35px rgba(0,0,0,.35);
}

.hero h1 span {
  background: linear-gradient(90deg, #fff1bd, #ffc15c, #e58a27);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.hero p {
  color: #b9b4aa;
  font-size: 17px;
  line-height: 1.8;
}

.metric {
  border-color: #4b3824;
  background: linear-gradient(145deg, #1c1d23, #111318);
  box-shadow: 0 10px 28px rgba(0,0,0,.22);
}

.metric b {
  color: #ffc15c;
}

@media(max-width:720px) {
  .heroin {
    min-height: auto;
    padding: 48px 0;
  }

  .hero h1 {
    letter-spacing: -1.8px;
  }
}

/* ===== RADIO MEMORABIL - PLAYER PREMIUM ===== */

.player {
  background: linear-gradient(135deg, rgba(24,26,33,.98), rgba(10,12,17,.98));
  border-top: 1px solid #a16b2c;
  box-shadow: 0 -10px 40px rgba(0,0,0,.55);
  backdrop-filter: blur(20px);
}

.playerin {
  min-height: 96px;
}

.plogo {
  border-radius: 16px;
  box-shadow: 0 0 22px rgba(255,165,44,.22);
}

.playing b {
  color: #fff1d4;
  font-size: 15px;
}

.track b {
  color: #ffc56d;
}

.pcontrols #play {
  width: 54px;
  height: 54px;
  background: linear-gradient(145deg, #ffe19a, #ffb63f, #dd7618);
  box-shadow: 0 0 24px rgba(255,165,44,.35);
  transition: transform .2s ease, box-shadow .2s ease;
}

.pcontrols #play:hover {
  transform: scale(1.08);
  box-shadow: 0 0 32px rgba(255,165,44,.55);
}

.pcontrols #stop {
  width: 40px;
  height: 40px;
  background: #292b32;
  border: 1px solid #55402a;
}

.pcontrols #stop:hover {
  background: #493222;
}

.pcontrols input {
  accent-color: #ffb63f;
}

@media(max-width:520px) {
  body {
    padding-bottom: 125px;
  }

  .playerin {
    min-height: 105px;
    gap: 10px;
  }

  .playing {
    max-width: none;
    min-width: 0;
  }

  .playing b {
    font-size: 12px;
  }

  .plogo {
    width: 42px;
    height: 42px;
  }

  .pcontrols #play {
    width: 46px;
    height: 46px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .pcontrols #play {
    transition: none;
  }

  .pcontrols #play:hover {
    transform: none;
  }
}

/* ===== RADIO MEMORABIL - MENIU SI CAUTARE PREMIUM ===== */

header {
  background: rgba(10,12,17,.94);
  border-bottom: 1px solid #473522;
  box-shadow: 0 5px 25px rgba(0,0,0,.25);
}

.nav nav a {
  position: relative;
  padding: 8px 2px;
  font-weight: 600;
  transition: color .2s ease;
}

.nav nav a:hover,
.nav nav a:focus-visible {
  color: #ffc56d;
}

.nav nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background: #ffb63f;
  transition: right .2s ease;
}

.nav nav a:hover::after,
.nav nav a:focus-visible::after {
  right: 0;
}

.toolbar input {
  border: 1px solid #51402d;
  background: #191b21;
  color: #fff5df;
  border-radius: 14px;
  padding: 15px 18px;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.toolbar input:focus {
  border-color: #ffb63f;
  box-shadow: 0 0 0 4px rgba(255,182,63,.12);
}

.toolbar input::placeholder {
  color: #aaa49a;
}

@media(prefers-reduced-motion:reduce) {
  .nav nav a,
  .nav nav a::after,
  .toolbar input {
    transition: none;
  }
}

/* ===== RADIO MEMORABIL - FILTRE PREMIUM ===== */

.chips {
  gap: 10px;
  margin-bottom: 28px;
}

.chip {
  padding: 11px 17px;
  border-radius: 999px;
  border: 1px solid #4a3a28;
  background: linear-gradient(145deg, #1c1e24, #121419);
  color: #d5cabe;
  font-size: 13px;
  font-weight: 600;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

.chip:hover {
  border-color: #d99a37;
  color: #fff2d8;
  transform: translateY(-2px);
}

.chip.active {
  background: linear-gradient(135deg, #ffd17a, #f6a42e, #d77519);
  color: #1a1208;
  border-color: #ffc15c;
  box-shadow: 0 4px 18px rgba(255,166,44,.2);
}

.chip:focus-visible {
  outline: 2px solid #ffd17a;
  outline-offset: 3px;
}

@media(max-width:720px) {
  .chips {
    gap: 8px;
  }

  .chip {
    padding: 10px 13px;
    font-size: 12px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .chip {
    transition: none;
  }

  .chip:hover {
    transform: none;
  }
}

/* ===== RADIO MEMORABIL - PAGINA RADIO PREMIUM ===== */

.radioHero {
  border-radius: 26px;
  border: 1px solid #71502c;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,171,55,.16), transparent 40%),
    linear-gradient(145deg, #1d2028, #101217);
  box-shadow: 0 18px 45px rgba(0,0,0,.28);
}

.radioHeroLogo {
  border-radius: 30px;
  box-shadow:
    inset 0 1px rgba(255,255,255,.35),
    0 12px 35px rgba(255,153,35,.25);
}

.radioHero h1 {
  color: #fff4dc;
  font-weight: 900;
}

.radioDescription {
  color: #c2b9ad;
  line-height: 1.8;
}

.radioNow {
  border: 1px solid #57412a;
  background: linear-gradient(145deg, #1d2027, #111318);
  box-shadow: 0 12px 35px rgba(0,0,0,.2);
}

.radioNow h2 {
  color: #ffd27c;
  line-height: 1.3;
}

.radioHistory {
  padding: 22px;
  border: 1px solid #35302a;
  border-radius: 20px;
  background: #14161b;
}

.historyrow {
  padding: 15px 4px;
  transition: background .2s ease;
}

.historyrow:hover {
  background: rgba(255,185,70,.05);
}

@media(max-width:650px) {
  .radioHero {
    padding: 22px;
  }

  .radioHeroLogo {
    border-radius: 22px;
  }

  .radioHistory {
    padding: 15px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .historyrow {
    transition: none;
  }
}

/* ===== RADIO MEMORABIL - MOBILE PREMIUM V10 ===== */

@media (max-width: 720px) {

  .wrap {
    width: calc(100% - 28px);
  }

  .page {
    padding: 30px 0;
  }

  .nav {
    gap: 12px;
  }

  .nav nav {
    gap: 12px;
  }

  .hero h1 {
    font-size: clamp(36px, 9vw, 54px);
    line-height: 1.08;
  }

  .hero p {
    font-size: 15px;
    line-height: 1.7;
  }

  .grid {
    gap: 12px;
  }

  .card {
    padding: 16px;
  }

  .toolbar input {
    font-size: 16px;
    min-height: 48px;
  }

  .btn {
    min-height: 42px;
  }

  .chip {
    min-height: 42px;
  }

  .radioActions {
    gap: 10px;
  }

  .radioActions .btn {
    min-height: 46px;
  }
}

@media (max-width: 520px) {

  body {
    padding-bottom: calc(140px + env(safe-area-inset-bottom));
  }

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

  .card {
    border-radius: 18px;
  }

  .card h3 {
    font-size: 16px;
  }

  .hero h1 {
    letter-spacing: -1.5px;
  }

  .metric {
    padding: 12px 8px;
  }

  .metric b {
    font-size: 19px;
  }

  .metric span {
    font-size: 9px;
  }

  .player {
    padding-bottom: env(safe-area-inset-bottom);
  }

  .playerin {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 8px;
    min-height: 100px;
  }

  .playing {
    min-width: 0;
  }

  .playing b,
  .playing span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .pcontrols {
    gap: 6px;
  }

  .pcontrols #play {
    width: 48px;
    height: 48px;
  }

  .pcontrols #stop {
    width: 38px;
    height: 38px;
  }

  .radioNow {
    padding: 18px;
  }

  .radioHistory {
    padding: 14px;
  }
}

/* ===== RADIO MEMORABIL - FAVORITE PREMIUM ===== */

.cbottom [data-fav] {
  min-width: 44px;
  min-height: 44px;
  font-size: 23px;
  color: #e9b766;
  background: #242027;
  border: 1px solid #59442d;
  border-radius: 12px;
  transition: background .2s ease, transform .2s ease;
}

.cbottom [data-fav]:hover {
  background: #44301e;
  color: #ffd17a;
  transform: scale(1.08);
}

.cbottom [data-fav]:focus-visible {
  outline: 2px solid #ffd17a;
  outline-offset: 3px;
}

@media(prefers-reduced-motion:reduce) {
  .cbottom [data-fav] {
    transition: none;
  }
  .cbottom [data-fav]:hover {
    transform: none;
  }
}

/* ===== RADIO MEMORABIL - FAVORITE ACTIVE ===== */

.cbottom [data-fav][aria-pressed="true"] {
  background: linear-gradient(135deg, #ffd17a, #e99127);
  color: #211408;
  border-color: #ffc15c;
  box-shadow: 0 4px 18px rgba(255,166,44,.25);
}

.cbottom [data-fav][aria-pressed="false"] {
  background: #242027;
  color: #e9b766;
}


/* ===== RADIO MEMORABIL - FAVORITES PAGE ===== */

.page:has(> h1:first-child) > h1:first-child {
  letter-spacing: -0.7px;
}

.page:has(> h1:first-child) > .muted {
  margin-top: 8px;
  margin-bottom: 24px;
}

.page:has(> h1:first-child) > .grid {
  animation: favoritesFade .35s ease-out;
}

@keyframes favoritesFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .page:has(> h1:first-child) > .grid {
    animation: none;
  }
}


/* ===== RADIO MEMORABIL - FAVORITE GOLD BUTTON ===== */

.chips a.chip[href="#/favorite"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: linear-gradient(135deg, #ffd17a, #e99127);
  color: #211408;
  border: 1px solid #ffc15c;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(255,166,44,.18);
  transition: transform .2s ease, box-shadow .2s ease;
}

.chips a.chip[href="#/favorite"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 22px rgba(255,166,44,.32);
}

.chips a.chip[href="#/favorite"]:focus-visible {
  outline: 2px solid #ffd17a;
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .chips a.chip[href="#/favorite"] {
    transition: none;
  }
  .chips a.chip[href="#/favorite"]:hover {
    transform: none;
  }
}

/* ===== RADIO MEMORABIL - LAST PLAYED PREMIUM ===== */

.last-radio {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 28px;
  padding: 22px 26px;
  background: linear-gradient(135deg, #262027, #17191f);
  border: 1px solid #76562e;
  border-radius: 18px;
  box-shadow: 0 8px 28px rgba(0,0,0,.2);
}

.last-radio span {
  display: block;
  margin-bottom: 8px;
  color: #e9b766;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.4px;
}

.last-radio h3 {
  margin: 0;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.last-radio .btn.primary {
  flex-shrink: 0;
  min-height: 46px;
  padding: 12px 22px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffd17a, #e99127);
  color: #211408;
  font-weight: 700;
}

.last-radio .btn.primary:hover {
  filter: brightness(1.08);
}

@media (max-width: 600px) {
  .last-radio {
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
  }

  .last-radio .btn.primary {
    width: 100%;
  }
}

/* ===== RADIO MEMORABIL - LAST RADIO STATUS ===== */

.last-radio #lastRadioStatus {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-top: 10px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
}

.last-radio .last-status-online {
  color: #69e5a0;
  background: rgba(35, 180, 100, .12);
  border: 1px solid rgba(35, 180, 100, .35);
}

.last-radio .last-status-offline {
  color: #ff8585;
  background: rgba(220, 65, 65, .12);
  border: 1px solid rgba(220, 65, 65, .35);
}

.last-radio .last-status-unknown {
  color: #e9b766;
  background: rgba(233, 183, 102, .10);
  border: 1px solid rgba(233, 183, 102, .3);
}

/* Radio Memorabil - melodie pe card */
.card-song {
  margin-top: 10px;
  padding: 9px 11px;
  border-left: 2px solid #d8a34d;
  border-radius: 0 8px 8px 0;
  background: rgba(216, 163, 77, 0.08);
  color: #eac17d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.5;
  overflow-wrap: anywhere;
}

.card-song:empty {
  display: none;
}

/* RADIO MEMORABIL - PLAYER TELEFOANE MICI */
@media (max-width: 380px) {
  .playerin {
    gap: 6px;
  }

  .playing {
    gap: 7px;
    min-width: 0;
  }

  .plogo {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
  }

  .playing > div:last-child {
    min-width: 0;
  }

  .playing b {
    font-size: 11px;
  }

  .pcontrols {
    gap: 5px;
  }

  .pcontrols #play {
    width: 44px;
    height: 44px;
  }

  .pcontrols #stop {
    width: 36px;
    height: 36px;
  }
}

/* RADIO MEMORABIL - CARDURI MOBILE PREMIUM */
@media (max-width: 520px) {
  .card {
    min-width: 0;
    padding: 18px;
  }

  .ctop {
    align-items: flex-start;
    min-width: 0;
  }

  .ctop > div:last-child {
    min-width: 0;
    flex: 1;
  }

  .card h3 {
    overflow-wrap: anywhere;
    line-height: 1.4;
  }

  .card-song {
    max-width: 100%;
    overflow-wrap: anywhere;
    line-height: 1.6;
  }

  .cbottom .btn.primary {
    flex: 1;
    min-height: 44px;
  }

  .cbottom [data-fav] {
    min-width: 46px;
    min-height: 44px;
  }
}

/* RADIO MEMORABIL - NAVIGARE MOBILA */
@media (max-width: 520px) {
  .nav {
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0;
  }

  .brand {
    width: 100%;
  }

  .nav nav {
    display: flex;
    width: 100%;
    gap: 5px;
    justify-content: space-between;
  }

  .nav nav a,
  .nav nav a:nth-child(2),
  .nav nav a:nth-child(3) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    min-width: 0;
    padding: 11px 3px;
    font-size: 12px;
    text-align: center;
    border-radius: 8px;
    background: #191b21;
    border: 1px solid #393026;
  }

  .nav nav a:hover {
    color: #ffbf49;
    border-color: #b58037;
  }
}

/* RADIO MEMORABIL - MENIU ACTIV */
.nav nav a.nav-active {
  color: #ffbf49;
  font-weight: 800;
}

.nav nav a.nav-active::after {
  transform: scaleX(1);
}

@media (max-width: 520px) {
  .nav nav a.nav-active {
    background: linear-gradient(135deg, #ffd17a, #e99127);
    color: #211408;
    border-color: #ffc15c;
    box-shadow: 0 4px 16px rgba(255,166,44,.25);
  }
}

/* RADIO MEMORABIL - SORTARE PREMIUM */
.sortbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin: 0 0 22px;
}

.sortbar label {
  color: #b9b4aa;
  font-size: 13px;
}

.sortbar select {
  background: #17191f;
  color: #ffc15c;
  border: 1px solid #735128;
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 13px;
  cursor: pointer;
}

.sortbar select:focus {
  outline: 2px solid #ffc15c;
  outline-offset: 2px;
}

@media (max-width: 520px) {
  .sortbar {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .sortbar select {
    width: 100%;
    min-height: 44px;
  }
}

/* Radio Memorabil V8 — Mod Noapte */
body.night-mode {
  background: #030405;
  color: #d8d4cc;
}

body.night-mode header,
body.night-mode .player {
  background: #050608;
  border-color: #211b14;
}

body.night-mode .hero {
  background: linear-gradient(145deg, #08090b, #030405);
}

body.night-mode .card,
body.night-mode .panel,
body.night-mode .metric {
  background: #0a0b0e;
  border-color: #201d19;
  box-shadow: none;
}

body.night-mode .btn:not(.primary) {
  background: #111216;
  color: #bdb7ac;
  border-color: #29241e;
}

body.night-mode .playing,
body.night-mode .track {
  opacity: 0.8;
}

/* Mod Noapte V2 — contrast vizibil */
body.night-mode {
  background: #000 !important;
  color: #b7b2aa;
}

body.night-mode header,
body.night-mode .player {
  background: #020202 !important;
  border-color: #17120c;
}

body.night-mode .hero {
  background: #030303 !important;
}

body.night-mode .card,
body.night-mode .panel,
body.night-mode .metric {
  background: #050505 !important;
  border-color: #151515 !important;
  box-shadow: none !important;
}

body.night-mode .logo,
body.night-mode .plogo {
  filter: brightness(0.55);
}

body.night-mode .brand img {
  filter: brightness(0.55);
  box-shadow: none;
}

body.night-mode .btn.primary,
body.night-mode .pcontrols #play {
  filter: brightness(0.65);
}

body.night-mode .eyebrow,
body.night-mode .metric b,
body.night-mode .track b {
  color: #a88755;
}

body.night-mode .hero h1,
body.night-mode .page h1,
body.night-mode .toolbar h2 {
  filter: brightness(0.7);
}

body.night-mode .card:hover {
  transform: none;
  border-color: #30251a !important;
}