/* =========================================================
   FilmDepo – GLOBAL UI (MERGED)
   - unified background (NO images)
   - navbar + social bar + footer
   - fd-panel / fd-card / fd-news / stats / seo
   - helpers (scrollbar-hidden, cast scroller, poster skeleton, comments)
========================================================= */

/* =========================
   0) Global base
========================= */
:root{
  --fd-bg-0:#060a10;
  --fd-bg-1:#0a101a;
  --fd-glow-1: rgba(60,130,255,.14);
  --fd-glow-2: rgba(0,255,200,.08);
  --fd-glow-3: rgba(255,0,120,.08);

  --fd-glass: rgba(20,22,28,.45);
  --fd-glass-2: rgba(20,25,35,.65);
  --fd-border: rgba(255,255,255,.08);
}
html{
  background:
    radial-gradient(1100px 520px at 12% 8%, rgba(0,120,255,.38), transparent 62%),
    radial-gradient(900px 520px at 88% 10%, rgba(255,0,120,.26), transparent 64%),
    radial-gradient(1000px 520px at 55% 105%, rgba(0,255,200,.18), transparent 62%),
    radial-gradient(800px 420px at 35% 40%, rgba(255,180,0,.10), transparent 65%),
    linear-gradient(180deg, #0b1119 0%, #060a10 100%);
  min-height: 100%;
}

body{
  background: transparent !important;
  min-height: 100vh;
}

/* accessibility focus */
:focus-visible{
  outline: 2px solid rgba(138,180,255,.55);
  outline-offset: 2px;
}

/* =========================
   1) Navbar + Social unified
========================= */
.fd-navbar{
  background: rgba(14, 18, 26, .72) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.fd-navbar .navbar-brand{
  letter-spacing: .5px;
}
.fd-navbar .nav-link{
  color: rgba(255,255,255,.85);
  font-weight: 600;
}
.fd-navbar .nav-link:hover,
.fd-navbar .nav-link:focus{
  color:#fff;
}
.fd-navbar .nav-link:focus-visible{
  border-radius: 10px;
}

/* Dropdown */
.dropdown-menu-dark .dropdown-item { color: rgba(255, 255, 255, 0.85); }
.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus { color: #000000; }
.dropdown-menu-dark .dropdown-item.active { color: #ffffff; }

/* Admin ikonok (inline style helyett, ha akarod használni) */
.fd-admin-icon{
  font-size: 1.25rem;
  line-height: 1;
}

/* Social bar */
.fd-socialbar{
  background: rgba(14, 18, 26, .55);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.header-social-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 0;
}
.follow-text{
  color:#8ab4ff;
  font-size:14px;
  letter-spacing:1px;
  text-transform:uppercase;
  white-space:nowrap;
  opacity: .95;
}
.header-social{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
}
.header-social a{
  font-size:32px;
  text-decoration:none;
  transition: transform .2s ease, filter .2s ease;
}
.header-social a i{ display:inline-block; }
.header-social a.group{ color:#00c6a7; }
.header-social a.facebook{ color:#1877f2; }
.header-social a.tiktok{ color:#ff4fd8; }
.header-social a:hover{
  transform:scale(1.18);
  filter:drop-shadow(0 0 6px currentColor);
}
@media (max-width:768px){
  .follow-text.right{ display:none; }
}

/* Skip link (optional) */
.fd-skip{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.fd-skip:focus{
  left:12px;
  top:12px;
  width:auto;
  height:auto;
  z-index:9999;
  padding:10px 12px;
  border-radius:12px;
  background: rgba(0,0,0,.85);
  color:#fff;
  border:1px solid rgba(255,255,255,.2);
}

/* Live badge + nav pill */
.live-badge{
  background:red;
  color:#fff;
  font-size:11px;
  padding:2px 6px;
  border-radius:4px;
  margin-left:6px;
}
.nav-live-tv{
  background:#ffc107;
  color:#000 !important;
  font-weight:700;
  border-radius:10px;
  padding:6px 16px;
  box-shadow:0 0 10px rgba(255,193,7,.7);
  transition:all .3s ease;
  animation: livePulse 2s infinite;
}
.nav-live-tv:hover{
  background:#ffca2c;
  box-shadow:0 0 15px rgba(255,193,7,1);
}
@keyframes livePulse{
  0%{ box-shadow:0 0 8px rgba(255,193,7,.6); }
  50%{ box-shadow:0 0 18px rgba(255,193,7,1); }
  100%{ box-shadow:0 0 8px rgba(255,193,7,.6); }
}

/* =========================
   2) Footer (clean)
========================= */
.fd-footer{
  padding: 25px 0 18px;
  background: linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,.25));
  border-top: 1px solid rgba(255,255,255,.08);
  margin-top: 40px;
}
.fd-footer-mini-nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap: 12px 18px;
  margin-bottom: 18px;
}
.fd-footer-mini-nav a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color: rgba(255,255,255,.70);
  font-weight: 600;
  font-size: .95rem;
  transition: color .15s ease, transform .15s ease;
}
.fd-footer-mini-nav a i{
  color: rgba(127,176,255,.9);
  font-size: .9rem;
}
.fd-footer-mini-nav a:hover{
  color:#fff;
  transform: translateY(-1px);
}
.fd-footer-bottom{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  font-size:.95rem;
  color: rgba(255,255,255,.75);
}
.fd-footer-bottom a{ transition: color .15s ease; }
.fd-footer-bottom a:hover{ color:#fff; }
.fd-dot{ opacity:.4; }
@media (max-width: 480px){
  .fd-footer-bottom{ flex-direction:column; gap:6px; }
  .fd-dot{ display:none; }
}

/* =========================
   3) Panels / Cards glass
========================= */
.fd-panel{
  border: 1px solid var(--fd-border);
  background: rgba(20,22,28,.35);
  border-radius: 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.30);
}

/* ha bootstrap card-okat is egységesítenél */
.card.bg-dark{
  background: rgba(20,22,28,.45) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
}

/* =========================
   4) FD SECTION HEAD (Top50 feeling)
========================= */
.fd-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin: 28px 0 12px;
}
.fd-section-title{
  margin:0;
  font-weight: 900;
  letter-spacing: .2px;
}
.fd-section-sub{
  margin: 6px 0 0;
  color: rgba(255,255,255,.65);
  font-size: 13px;
}
.fd-section-actions a{
  text-decoration:none;
  color: rgba(138,180,255,.95);
  font-weight: 800;
}
.fd-section-actions a:hover{ color:#fff; }

/* =========================================================
   5) FD CARD COMPONENT
========================================================= */
.fd-card{
  position: relative;
  border-radius:16px;
  overflow:hidden;
  background:#111;
  box-shadow: 0 10px 24px rgba(0,0,0,.35);
  height: 100%;
  transform: translateZ(0);
}
.fd-poster{
  width:100%;
  aspect-ratio: 2 / 3;
  position: relative;
  overflow: hidden;
  background: rgba(255,255,255,.04);
}
.fd-poster-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}
@media (min-width: 992px){
  .fd-poster{ aspect-ratio: 2 / 3; }
}
.fd-bottom{
  background: rgba(15,15,15,.90);
  padding: 10px 12px 12px;
  min-height: 92px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.fd-title{
  color:#fff;
  font-weight:800;
  font-size:14px;
  line-height:1.25;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.fd-sub{
  margin-top:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:nowrap;
}
.fd-year{
  font-size:14px;
  font-weight:900;
  color:#ffffff;
  opacity: .95;
  padding:2px 10px;
  border-radius:999px;
  background: rgba(255,255,255,.10);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset;
}

.fd-badge{
  position:absolute;
  top:12px;
  display:flex;
  gap:8px;
  z-index:2;
}
.fd-badge.left{ left:10px; }
.fd-badge.right{ right:10px; }

.fd-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  line-height:1;
  user-select:none;
  backdrop-filter: blur(6px);
}

.fd-pill-views{
  background: rgba(0,0,0,.72);
  border: 1px solid rgba(255,255,255,.22);
  color:#fff;
  font-weight: 900;
  text-shadow: 0 2px 6px rgba(0,0,0,.85);
  box-shadow:
    0 10px 18px rgba(0,0,0,.35),
    0 0 0 1px rgba(0,0,0,.25) inset;
}
.fd-pill-views i{
  opacity: .98;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.9));
  background: rgba(255,255,255,.12);
  padding: 3px 6px;
  border-radius: 999px;
}

.fd-pill-imdb{
  background: rgba(255,193,7,.95);
  color:#000;
  border:1px solid rgba(0,0,0,.12);
  box-shadow: 0 10px 18px rgba(0,0,0,.25);
}

/* Genre pill */
.fd-genre{
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
  letter-spacing: .2px;
  color:#fff;
  background:#444;
  box-shadow: 0 0 6px rgba(0,0,0,.55);
}
.fd-genre-drama{ background:linear-gradient(135deg,#0d47a1,#42a5f5); }
.fd-genre-animation{ background:linear-gradient(135deg,#005f73,#00e5ff); color:#000; }

/* Hover */
.fd-card:hover{
  transform: translateY(-2px);
  transition:.15s ease;
}
.fd-card:hover .fd-poster-img{
  filter: grayscale(.35) brightness(.65) contrast(1.05);
  transition: .15s ease;
}

/* Play overlay */
.fd-play-overlay{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.25);
  opacity:0;
  transition: .15s ease;
  pointer-events:none;
}
.fd-card:hover .fd-play-overlay{ opacity:1; }

.fd-play-btn{
  width:64px;
  height:64px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.25);
  box-shadow: 0 12px 26px rgba(0,0,0,.45);
  transform: scale(.92);
  transition: .15s ease;
}
.fd-card:hover .fd-play-btn{ transform: scale(1); }
.fd-play-btn i{
  color:#fff;
  font-size:22px;
  margin-left:2px;
}

/* =========================
   6) News card (glass)
========================= */
.fd-news{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(900px 240px at 20% 0%, rgba(60,130,255,.14), transparent 60%),
    radial-gradient(700px 220px at 90% 20%, rgba(0,255,200,.08), transparent 55%),
    rgba(15,17,22,.55);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
  overflow: hidden;
}
.fd-news-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(90deg, rgba(0,0,0,.18), rgba(0,0,0,0));
}
.fd-news-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight: 950;
  letter-spacing: .2px;
  color:#fff;
  font-size: 18px;
  min-width: 0;
}
.fd-news-ico{
  width:36px;
  height:36px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 25px rgba(0,0,0,.25);
  flex: 0 0 auto;
}
.fd-news-ico i{
  color: rgba(255,255,255,.92);
  font-size: 16px;
}
.fd-news-body{
  padding: 14px 16px 10px;
  color: rgba(255,255,255,.86);
  line-height: 1.65;
  font-size: 15px;
  display:block !important;
  overflow: visible !important;
  max-height: none !important;
  white-space: normal !important;
  text-overflow: unset !important;
}
.fd-news-body p{ margin: 0 0 10px; }
.fd-news-body p:last-child{ margin-bottom: 0; }

.fd-news-foot{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  padding: 10px 16px 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.16));
  color: rgba(255,255,255,.62);
}
.fd-news-date{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight: 800;
  letter-spacing: .1px;
}
.fd-news-date i{ opacity: .9; }

@media (max-width: 576px){
  .fd-news-top{ padding: 12px 12px; }
  .fd-news-title{ font-size: 16px; }
  .fd-news-body{ padding: 12px 12px 8px; font-size: 14px; }
  .fd-news-foot{ padding: 8px 12px 12px; }
}

/* =========================
   7) Stats (HTML átírás nélkül)
========================= */
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center{
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center .card{
  background: rgba(20,22,28,.45) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.35) !important;
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center .card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(600px 120px at 20% 0%, rgba(60,130,255,.12), transparent 60%),
    radial-gradient(500px 120px at 80% 0%, rgba(0,255,200,.08), transparent 55%);
  opacity:.9;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center .card .card-body{
  padding: 18px 12px !important;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center h5{
  color: #fff !important;
  opacity: .92 !important;
  font-weight: 950 !important;
  letter-spacing: .2px;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center small{
  color: rgba(255,255,255,.68) !important;
  font-weight: 700 !important;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center i{
  font-size: 1.75rem !important;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.08);
  margin-bottom: 10px !important;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center .card:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(0,0,0,.45) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.row.row-cols-2.row-cols-md-3.row-cols-lg-5.g-3.my-5.text-center .card[class*="border-"]{
  border-color: rgba(255,255,255,.08) !important;
}

/* =========================
   8) SEO panel (index)
========================= */
.fd-seo-panel{
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(18,22,30,.72), rgba(12,16,22,.55));
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
}
.fd-seo-panel header .h5{ letter-spacing: .2px; }
.fd-seo-panel .text-white-50{
  color: rgba(255,255,255,.72) !important;
}
.fd-seo-badges .badge{
  border-radius: 14px;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  color: rgba(255,255,255,.75) !important;
  padding: .65rem .9rem !important;
}
.fd-seo-badges .badge b{ color:#fff; }
.fd-seo-panel h3.h6{ margin-top: 18px; }
.fd-seo-panel a.text-info{
  color: rgba(138,180,255,.95) !important;
}
.fd-seo-panel a.text-info:hover{
  color:#fff !important;
  text-decoration: underline !important;
}
.fd-seo-panel .rounded-4{
  border-radius: 18px !important;
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
}

/* =========================
   9) Helpers
========================= */
/* Scrollbar hidden */
.scrollbar-hidden::-webkit-scrollbar{ display:none; }
.scrollbar-hidden{ -ms-overflow-style:none; scrollbar-width:none; }

/* Cast scroller */
.cast-wrapper{ position: relative; }
#castScroller{ scroll-behavior:smooth; overflow-x:auto; padding: 0 2.5rem; }
#castScroller::-webkit-scrollbar{ display:none; }
#castScroller{ -ms-overflow-style:none; scrollbar-width:none; }
.cast-arrow{
  position:absolute;
  top:35%;
  transform:translateY(-50%);
  z-index:10;
  opacity:.85;
}
.cast-arrow-left{ left:0; }
.cast-arrow-right{ right:0; }
.cast-arrow:hover{ opacity:1; }

/* Poster skeleton */
.poster-container{
  position: relative;
  overflow: hidden;
  aspect-ratio: 2/3;
  background: rgba(255,255,255,0.02);
  border-radius: 8px;
}
.poster-skeleton{
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(255,255,255,0.02) 0%, rgba(255,255,255,0.08) 50%, rgba(255,255,255,0.02) 100%);
  background-size: 200% 100%;
  animation: shimmer 2s infinite;
}
.poster-premium{
  width:100%;
  height:100%;
  object-fit: cover;
  opacity: 0;
  filter: blur(20px);
  transform: scale(1.1);
  transition: opacity 0.6s ease, filter 0.6s ease, transform 0.6s ease;
}
.poster-premium.loaded{
  opacity:1;
  filter: blur(0);
  transform: scale(1);
}
.poster-premium.loaded ~ .poster-skeleton{
  opacity:0;
  transition: opacity .3s ease;
}
@keyframes shimmer{
  0%{ background-position: 200% 0; }
  100%{ background-position: -200% 0; }
}

/* Player close button */
.btn-close-player{
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.6);
  background: transparent;
  color: #fff;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s, border-color .2s;
}
.btn-close-player:hover{
  background: rgba(255,255,255,.15);
  border-color: #fff;
}

/* Profile BG (ha használod) */
.profile-bg{
  position: fixed;
  inset: 0;
  background: linear-gradient(rgba(15,15,15,.85), rgba(15,15,15,.85)), var(--profile-image) center / cover fixed;
  filter: blur(25px);
  transform: scale(1.1);
  z-index: -1;
}
.profile-content{ position: relative; z-index: 1; }

/* Comments */
.comment-textarea{
  background-color: rgba(255, 255, 255, 0.04);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.comment-textarea::placeholder{ color: rgba(255, 255, 255, 0.4); }

.comment-card{
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  position: relative;
  transition: background 0.2s ease;
}
.comment-card:hover{ background: rgba(255, 255, 255, 0.06); }
.comment-accent{ border-left: 4px solid #0d6efd; padding-left: 6px; }
.comment-avatar{ object-fit: cover; box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.7); }
.comment-author{ font-weight: 600; font-size: 0.95rem; color: #ffffff; }
.comment-date{ font-size: 0.75rem; color: rgba(255, 255, 255, 0.45); white-space: nowrap; }
.comment-text{ margin-top: 4px; font-size: 0.95rem; line-height: 1.65; color: rgba(255, 255, 255, 0.9); word-break: break-word; }

/* Text helper */
.text-justify{ text-align: justify; text-justify: inter-word; }

/* FIX: wrapper ne takarja el a global hátteret */
body > .container,
body > .container-fluid,
main > .container,
main > .container-fluid{
  background: transparent !important;
}
/* ===== REGISTER CTA (Index) ===== */

.fd-register-cta{
  position:relative;
  text-align:center;
  padding:38px 28px;
  border-radius:20px;

  background:
    radial-gradient(600px 200px at 50% 0%, rgba(255,0,60,.25), transparent 70%),
    rgba(20,18,22,.65);

  border:1px solid rgba(255,60,80,.35);

  box-shadow:
    0 0 40px rgba(255,0,60,.15),
    0 20px 60px rgba(0,0,0,.45);

  backdrop-filter: blur(10px);
}

/* ikon */
.fd-register-icon{
  font-size:38px;
  color:#ff3b5c;
  margin-bottom:12px;
}

/* cím */
.fd-register-title{
  font-weight:900;
  color:#fff;
  font-size:22px;
  margin-bottom:10px;
}

/* szöveg */
.fd-register-text{
  color:rgba(255,255,255,.75);
  max-width:520px;
  margin:auto;
  margin-bottom:22px;
  font-size:15px;
}

/* gomb wrapper */
.fd-register-buttons{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

/* REGISTER gomb */
.fd-btn-register{
  background: linear-gradient(135deg,#ff2045,#ff0055);
  color:#fff;
  font-weight:800;
  padding:10px 20px;
  border-radius:999px;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(255,0,60,.45);
  transition:.2s;
}

.fd-btn-register:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 40px rgba(255,0,60,.55);
}

/* LOGIN gomb */
.fd-btn-login{
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  padding:10px 20px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  transition:.2s;
}

.fd-btn-login:hover{
  background:rgba(255,255,255,.08);
}
/* === Radio (FilmDepo) – cards only (NO sticky player) === */

/* rádió kártya alap */
.fd-radio-card{
  border-radius:16px;
  overflow:hidden;
  background: rgba(15,17,22,.55);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 45px rgba(0,0,0,.35);
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}

.fd-radio-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.14);
  background: rgba(18,22,30,.62);
}

/* cím + meta */
.fd-radio-card .fd-radio-title{
  font-weight: 900;
  letter-spacing: .2px;
  line-height: 1.15;
  font-size: 16px;
  color:#fff;
}

.fd-radio-card .fd-radio-meta{
  font-size: 13px;
  color: rgba(255,255,255,.68);
}

/* Web gomb a jobb felső sarokban */
.fd-radio-card a.btn{
  white-space: nowrap;
}

/* Lejátszás gomb */
.fd-radio-card .js-radio-play{
  font-weight: 800;
  letter-spacing: .2px;
  text-transform: uppercase;
  padding: 8px 14px;
  border-radius: 10px;
  box-shadow: 0 10px 26px rgba(13,110,253,.25);
}

.fd-radio-card .js-radio-play:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(13,110,253,.35);
}

/* badge-ek */
.fd-radio-card .fd-radio-badge,
.fd-radio-card .badge{
  font-size: 12px;
  font-weight: 800;
  border-radius: 999px;
  padding: 4px 10px;
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.88);
}

/* badge sor */
.fd-radio-card .fd-radio-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

/* Popup oldal wrapper (marad) */
.fd-radio-popup-wrap{
  max-width: 520px;
  margin: 20px auto;
}
/* ✅ form mezők egységes FilmDepo dark */
.form-control.bg-dark,
.form-select.bg-dark{
  background: rgba(10,16,26,.75) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: rgba(255,255,255,.92) !important;
}
.form-control.bg-dark::placeholder{
  color: rgba(255,255,255,.45) !important;
}
/* =========================
   FilmDepo – Tables (fix brown table-dark)
========================= */
.fd-table{
  --fd-tbg: rgba(10,16,26,.55);
  --fd-tbg2: rgba(10,16,26,.35);
  --fd-tborder: rgba(255,255,255,.08);
  color: rgba(255,255,255,.90);
}

.fd-table thead th{
  background: rgba(0,0,0,.20) !important;
  color: rgba(255,255,255,.70) !important;
  border-bottom: 1px solid var(--fd-tborder) !important;
}

.fd-table tbody td,
.fd-table tbody th{
  background: transparent !important;
  border-top: 1px solid var(--fd-tborder) !important;
}

.fd-table tbody tr{
  background: var(--fd-tbg) !important;
}

.fd-table tbody tr:nth-child(even){
  background: var(--fd-tbg2) !important;
}

.fd-table.table-hover tbody tr:hover{
  background: rgba(60,130,255,.12) !important;
}
/* =========================
   FilmDepo – Radio admin table text fix
========================= */

.fd-table{
  color:#f2f6ff !important;
  font-weight:500;
}

.fd-table tbody td{
  color:#e9f1ff !important;
}

.fd-table tbody td .fw-bold{
  color:#ffffff !important;
}

.fd-table tbody tr{
  background:rgba(10,16,26,.65) !important;
}

.fd-table tbody tr:nth-child(even){
  background:rgba(10,16,26,.45) !important;
}

.fd-table tbody tr:hover{
  background:rgba(80,150,255,.15) !important;
}

/* slug sor */
.fd-table small,
.fd-table .text-white-50{
  color:rgba(255,255,255,.55) !important;
}