
/* V201 - Uygulama / iOS / anket / istek / soru alanlarını aktif site temasına bağlar */
body.rg-app-player-page,
body.rg-app-section-page,
body.rg-app-quiz-page,
body.rg-ios-player-page{
  --rg-theme-dark:var(--dark,#07111f);
  --rg-theme-navy:var(--navy,#102440);
  --rg-theme-gold:var(--gold,#f4b740);
  --rg-theme-red:var(--red,#e54646);
  --rg-theme-text:var(--text,#101828);
  --rg-theme-muted:var(--muted,#667085);
  --rg-theme-bg:var(--bg,#f6f7fb);
  --rg-theme-white:var(--white,#fff);
  --rg-app-grad:radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--rg-theme-gold) 24%,transparent),transparent 26%),
                radial-gradient(circle at 86% 12%,color-mix(in srgb,var(--rg-theme-red) 18%,transparent),transparent 24%),
                linear-gradient(135deg,var(--rg-theme-dark),var(--rg-theme-navy) 58%,color-mix(in srgb,var(--rg-theme-red) 42%,var(--rg-theme-dark)));
  --rg-app-card:linear-gradient(135deg,color-mix(in srgb,var(--rg-theme-white) 15%,transparent),color-mix(in srgb,var(--rg-theme-white) 7%,transparent));
  --rg-app-border:color-mix(in srgb,var(--rg-theme-white) 15%,transparent);
  --rg-app-soft:color-mix(in srgb,var(--rg-theme-white) 10%,transparent);
  --rg-app-accent:linear-gradient(135deg,var(--rg-theme-gold),var(--rg-theme-red));
  --rg-app-button:linear-gradient(135deg,var(--rg-theme-gold),var(--rg-theme-red) 54%,var(--rg-theme-navy));
}
@supports not (color:color-mix(in srgb,#fff 50%,transparent)){
  body.rg-app-player-page,
  body.rg-app-section-page,
  body.rg-app-quiz-page,
  body.rg-ios-player-page{
    --rg-app-grad:linear-gradient(135deg,var(--rg-theme-dark),var(--rg-theme-navy) 58%,var(--rg-theme-red));
    --rg-app-card:rgba(255,255,255,.10);
    --rg-app-border:rgba(255,255,255,.14);
    --rg-app-soft:rgba(255,255,255,.10);
    --rg-app-accent:linear-gradient(135deg,var(--rg-theme-gold),var(--rg-theme-red));
    --rg-app-button:linear-gradient(135deg,var(--rg-theme-gold),var(--rg-theme-red));
  }
}
body.rg-app-player-page,
body.rg-app-section-page,
body.rg-app-quiz-page,
body.rg-ios-player-page{
  background:var(--rg-app-grad)!important;
  color:#fff!important;
}
.rg-app-brand-card,
.rg-app-section-brand,
.rg-app-section-card,
.rg-app-quiz-brand,
.rg-app-quiz-card,
.rg-ios-brand,
.rg-ios-card,
.rg-ios-request-card .song-request-card,
.rg-app-istek-page .song-request-card,
.rg-live-poll-card{
  background:var(--rg-app-card)!important;
  border-color:var(--rg-app-border)!important;
  box-shadow:0 18px 54px color-mix(in srgb,var(--rg-theme-dark) 44%,transparent)!important;
}
.rg-app-brand-text p,
.rg-app-section-brand p,
.rg-app-quiz-brand p,
.rg-ios-brand p,
.rg-ios-section-title span,
.rg-live-poll-note,
.rg-app-section-title p,
.rg-ios-request-card .song-request-card p,
.rg-app-istek-page .song-request-card p{
  color:color-mix(in srgb,var(--rg-theme-gold) 58%,#fff)!important;
}
.rg-app-section-title span,
.rg-app-quiz-status.active,
.rg-live-poll-head span,
.rg-play-btn,
.rg-ios-quiz-form button,
.rg-app-quiz-form button,
.rg-app-istek-page .song-request-form button,
.rg-ios-request-card button{
  background:var(--rg-app-accent)!important;
  color:color-mix(in srgb,var(--rg-theme-dark) 88%,#000)!important;
}
.rg-play-btn svg,
.rg-play-btn i{color:inherit!important}
.rg-live-poll-option,
.rg-app-istek-page .song-request-form input,
.rg-app-istek-page .song-request-form textarea,
.rg-ios-request-card input,
.rg-ios-request-card textarea,
.rg-ios-quiz-form input,
.rg-ios-quiz-form textarea,
.rg-app-quiz-form input,
.rg-app-quiz-form textarea{
  border-color:color-mix(in srgb,var(--rg-theme-gold) 26%,rgba(255,255,255,.16))!important;
}
.rg-live-poll-option:hover{
  border-color:var(--rg-theme-gold)!important;
  background:color-mix(in srgb,var(--rg-theme-gold) 13%,transparent)!important;
}
.rg-live-poll-option em,
.rg-app-istek-page .rg-form-result,
.rg-ios-result,
.rg-app-quiz-result{
  color:var(--rg-theme-gold)!important;
}
.rg-live-poll-option i,
.poll-admin-row i{
  background:linear-gradient(90deg,color-mix(in srgb,var(--rg-theme-gold) 34%,transparent),color-mix(in srgb,var(--rg-theme-red) 18%,transparent))!important;
}
.rg-player,
.radio-card,
.rg-player-main{
  background:linear-gradient(135deg,color-mix(in srgb,var(--rg-theme-dark) 90%,#000),color-mix(in srgb,var(--rg-theme-navy) 82%,#000))!important;
}
.rg-player-bottom-sponsor,
.rg-player-ad,
.rg-sponsor-badge{
  border-color:var(--rg-app-border)!important;
}
body.rg-app-player-page.theme-default,
body.rg-app-section-page.theme-default,
body.rg-app-quiz-page.theme-default,
body.rg-ios-player-page.theme-default{
  --rg-theme-dark:#07111f;
  --rg-theme-navy:#102440;
  --rg-theme-gold:#f4b740;
  --rg-theme-red:#e54646;
}

/* iOS kısayol sayfası kutuları da tema rengine bağlanır */
body.rg-app-section-page .card,
body.rg-app-section-page .step,
body.rg-app-section-page .logo{
  background:var(--rg-app-card)!important;
  border-color:var(--rg-app-border)!important;
}
body.rg-app-section-page .num,
body.rg-app-section-page .btn{
  background:var(--rg-app-accent)!important;
  color:color-mix(in srgb,var(--rg-theme-dark) 88%,#000)!important;
}
body.rg-app-section-page h1,
body.rg-app-section-page .step b{
  color:#fff!important;
}
body.rg-app-section-page p,
body.rg-app-section-page .step span,
body.rg-app-section-page .note{
  color:color-mix(in srgb,var(--rg-theme-gold) 52%,#fff)!important;
}


/* V202 - Ana site player ve app-player tema bağlama kesin düzeltme */
body[class*="theme-"] .rg-player,
body[class*="theme-"] .radio-card,
body[class*="theme-"] .radio-card.big,
body[class*="theme-"] .rg-player-card,
body[class*="theme-"] .rg-player-main,
body[class*="theme-"] .rg-player-shell,
body[class*="theme-"] .player-card,
body[class*="theme-"] .player-box,
body[class*="theme-"] .live-player,
body[class*="theme-"] .radio-player,
body[class*="theme-"] .app-player,
body[class*="theme-"] .rg-app-player-card,
body[class*="theme-"] .rg-app-player-shell .radio-card{
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb,var(--gold,#f4b740) 20%, transparent), transparent 30%),
    linear-gradient(135deg, color-mix(in srgb,var(--dark,#07111f) 92%, #000), color-mix(in srgb,var(--navy,#102440) 86%, #000) 58%, color-mix(in srgb,var(--red,#e54646) 46%, var(--dark,#07111f))) !important;
  border-color: color-mix(in srgb,var(--gold,#f4b740) 28%, rgba(255,255,255,.14)) !important;
  box-shadow: 0 22px 70px color-mix(in srgb,var(--dark,#07111f) 55%, transparent) !important;
}

body[class*="theme-"] .rg-player *,
body[class*="theme-"] .radio-card *,
body[class*="theme-"] .radio-card.big *,
body[class*="theme-"] .rg-player-main *,
body[class*="theme-"] .player-card *,
body[class*="theme-"] .radio-player *{
  border-color: color-mix(in srgb,var(--gold,#f4b740) 25%, rgba(255,255,255,.14));
}

body[class*="theme-"] .rg-player h1,
body[class*="theme-"] .rg-player h2,
body[class*="theme-"] .rg-player h3,
body[class*="theme-"] .radio-card h1,
body[class*="theme-"] .radio-card h2,
body[class*="theme-"] .radio-card h3,
body[class*="theme-"] .player-card h1,
body[class*="theme-"] .player-card h2,
body[class*="theme-"] .player-card h3{
  color:#fff !important;
}

body[class*="theme-"] .rg-player p,
body[class*="theme-"] .rg-player small,
body[class*="theme-"] .rg-player span,
body[class*="theme-"] .radio-card p,
body[class*="theme-"] .radio-card small,
body[class*="theme-"] .radio-card span{
  color: color-mix(in srgb,var(--gold,#f4b740) 52%, #fff) !important;
}

body[class*="theme-"] .rg-play-btn,
body[class*="theme-"] .play-btn,
body[class*="theme-"] .player-play-btn,
body[class*="theme-"] .radio-play-btn,
body[class*="theme-"] button.rg-play-btn,
body[class*="theme-"] .rg-player button,
body[class*="theme-"] .radio-card button{
  background: linear-gradient(135deg,var(--gold,#f4b740),var(--red,#e54646)) !important;
  color: color-mix(in srgb,var(--dark,#07111f) 90%, #000) !important;
  border-color: color-mix(in srgb,var(--gold,#f4b740) 45%, transparent) !important;
}

body[class*="theme-"] .live-dot span,
body[class*="theme-"] .rg-live-dot span,
body[class*="theme-"] .source-badge.on,
body[class*="theme-"] .status-dot{
  background: var(--gold,#f4b740) !important;
  box-shadow: 0 0 0 8px color-mix(in srgb,var(--gold,#f4b740) 18%, transparent) !important;
}

body[class*="theme-"] .rg-player-bottom-sponsor,
body[class*="theme-"] .rg-player-ad,
body[class*="theme-"] .sponsor-badge,
body[class*="theme-"] .player-sponsor,
body[class*="theme-"] .rg-sponsor-badge{
  background: color-mix(in srgb,var(--white,#fff) 10%, transparent) !important;
  border-color: color-mix(in srgb,var(--gold,#f4b740) 28%, rgba(255,255,255,.14)) !important;
}

body.rg-app-player-page .rg-app-brand-card,
body.rg-app-player-page .rg-app-player-shell,
body.rg-app-player-page .rg-app-player-card,
body.rg-app-player-page .radio-card,
body.rg-app-player-page .rg-player,
body.rg-app-player-page .rg-player-main{
  background:
    radial-gradient(circle at 18% 12%, color-mix(in srgb,var(--gold,#f4b740) 20%, transparent), transparent 30%),
    linear-gradient(135deg, color-mix(in srgb,var(--dark,#07111f) 92%, #000), color-mix(in srgb,var(--navy,#102440) 86%, #000) 58%, color-mix(in srgb,var(--red,#e54646) 46%, var(--dark,#07111f))) !important;
}

@supports not (color:color-mix(in srgb,#fff 50%,transparent)){
  body[class*="theme-"] .rg-player,
  body[class*="theme-"] .radio-card,
  body[class*="theme-"] .radio-card.big,
  body[class*="theme-"] .rg-player-main,
  body.rg-app-player-page .rg-player,
  body.rg-app-player-page .radio-card{
    background:linear-gradient(135deg,var(--dark,#07111f),var(--navy,#102440) 58%,var(--red,#e54646))!important;
  }
}


/* V203 - Footer alanını aktif tema renklerine bağlama */
body[class*="theme-"] .footer{
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb,var(--gold,#f4b740) 18%, transparent), transparent 28%),
    linear-gradient(135deg, color-mix(in srgb,var(--dark,#07111f) 94%, #000), color-mix(in srgb,var(--navy,#102440) 90%, #000) 58%, color-mix(in srgb,var(--red,#e54646) 36%, var(--dark,#07111f))) !important;
  color:#fff !important;
  border-top:1px solid color-mix(in srgb,var(--gold,#f4b740) 24%, rgba(255,255,255,.12)) !important;
}

body[class*="theme-"] .footer:before,
body[class*="theme-"] .footer:after{
  background:color-mix(in srgb,var(--gold,#f4b740) 16%, transparent) !important;
}

body[class*="theme-"] .footer h1,
body[class*="theme-"] .footer h2,
body[class*="theme-"] .footer h3,
body[class*="theme-"] .footer h4,
body[class*="theme-"] .footer .brand b,
body[class*="theme-"] .footer .footer-brand b{
  color:#fff !important;
}

body[class*="theme-"] .footer p,
body[class*="theme-"] .footer small,
body[class*="theme-"] .footer .brand small,
body[class*="theme-"] .footer .footer-brand small,
body[class*="theme-"] .footer .copyright{
  color:color-mix(in srgb,var(--gold,#f4b740) 42%, #fff) !important;
}

body[class*="theme-"] .footer a{
  color:color-mix(in srgb,var(--gold,#f4b740) 48%, #fff) !important;
}

body[class*="theme-"] .footer a:hover{
  color:var(--gold,#f4b740) !important;
}

body[class*="theme-"] .footer .brand-mark,
body[class*="theme-"] .footer .footer-logo-slot.no-logo,
body[class*="theme-"] .footer-store-badge,
body[class*="theme-"] .footer .store-badge,
body[class*="theme-"] .footer .app-badge{
  background:linear-gradient(135deg,var(--gold,#f4b740),color-mix(in srgb,var(--red,#e54646) 65%, var(--gold,#f4b740))) !important;
  color:color-mix(in srgb,var(--dark,#07111f) 92%, #000) !important;
  border-color:color-mix(in srgb,var(--gold,#f4b740) 34%, rgba(255,255,255,.15)) !important;
  box-shadow:0 14px 34px color-mix(in srgb,var(--gold,#f4b740) 18%, transparent) !important;
}

body[class*="theme-"] .footer-logo-slot.has-logo,
body[class*="theme-"] .footer .brand-logo-slot.has-logo{
  background:color-mix(in srgb,var(--white,#fff) 9%, transparent) !important;
  border-color:color-mix(in srgb,var(--gold,#f4b740) 24%, rgba(255,255,255,.15)) !important;
}

body[class*="theme-"] .foundation-bottom-strip{
  background:
    linear-gradient(135deg, color-mix(in srgb,var(--white,#fff) 92%, var(--bg,#f6f7fb)), color-mix(in srgb,var(--gold,#f4b740) 12%, var(--white,#fff))) !important;
  border-top:1px solid color-mix(in srgb,var(--gold,#f4b740) 18%, #e5e7eb) !important;
  border-bottom:1px solid color-mix(in srgb,var(--gold,#f4b740) 18%, #e5e7eb) !important;
}

body[class*="theme-"] .foundation-brand{
  color:var(--text,#101828) !important;
}

body[class*="theme-"] .foundation-brand strong{
  color:var(--navy,#111b31) !important;
}

body[class*="theme-"] .foundation-brand small{
  color:var(--muted,#667085) !important;
}

body[class*="theme-"] .foundation-brand-logo-wrap{
  background:linear-gradient(135deg,var(--gold,#f4b740),color-mix(in srgb,var(--red,#e54646) 44%, var(--gold,#f4b740))) !important;
  box-shadow:0 12px 30px color-mix(in srgb,var(--gold,#f4b740) 18%, transparent) !important;
}

@supports not (color:color-mix(in srgb,#fff 50%,transparent)){
  body[class*="theme-"] .footer{
    background:linear-gradient(135deg,var(--dark,#07111f),var(--navy,#102440) 58%,var(--red,#e54646))!important;
  }
  body[class*="theme-"] .footer p,
  body[class*="theme-"] .footer small,
  body[class*="theme-"] .footer a,
  body[class*="theme-"] .footer .copyright{
    color:#eaf1fb!important;
  }
  body[class*="theme-"] .foundation-bottom-strip{
    background:var(--bg,#f6f7fb)!important;
  }
}
