/*
Theme Name: SDKCGK Vlog Theme
Theme URI: https://www.youtube.com/@Sdkcgk
Author: Sadık Çağ Karaköse
Author URI: https://www.youtube.com/@Sdkcgk
Description: Sadık Çağ Karaköse (SDKCGK) resmi sinematik vlog ve YouTube WordPress teması (v4.9.7). Tek tıkla demo verilerini kurma, 1 ilk video + 4 yeni yazı slaytı, doğrudan YouTube bağlantılı video kartları, Saf Siyah (Dark OLED) tasarım ve %100 WordPress Yönetim Paneli entegrasyonu.
Version: 4.9.7
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sdkcgk-vlog-theme
Tags: vlog, video, youtube, dark-mode, pure-black, one-click-demo-import, full-width-slider, custom-admin, responsive-layout
*/

:root {
  --sdk-bg: #000000;
  --sdk-text: #ffffff;
  --sdk-card-bg: #000000;
  --sdk-border: #1f1f1f;
  --sdk-primary: #dc2626;
  --sdk-primary-hover: #b91c1c;
}

html, body {
  background-color: #000000 !important;
  color: #ffffff !important;
  color-scheme: dark;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: #ffffff !important;
  font-weight: 800;
  letter-spacing: -0.025em;
}

#page, header, main, footer, #primary, .site-main {
  position: relative;
  z-index: 10;
}

/* Frosted glass backdrop utility */
.sdk-glass {
  background-color: var(--sdk-card-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--sdk-border);
}

/* Sayfa ve Kutucuklar genelindeki sis/gradyan efektlerini kaldırıp saf siyaha çeker */
html.dark body,
body.dark, 
html.dark #page, 
html.dark #wrapper, 
html.dark .infinity-bg,
html.dark .smoke-bg,
html.dark .site-content,
html.dark article,
html.dark .sdk-video-card,
html.dark .sdk-cinema-card,
html.dark .sdk-glass,
html.dark #wp-blog-section article,
html.dark [role="dialog"],
html.dark [role="dialog"] > div {
    background: #000000 !important;
    background-color: #000000 !important;
    background-image: none !important;
    animation: none !important;
}

/* Arka planda canvas veya bağımsız efekt katmanı varsa gizler */
#canvas, 
.particles-js-canvas-el,
.smoke-container,
.pastel-smoke-container,
.neon-smoke-container {
    display: none !important;
}

/* Explicit Dark Mode Overrides (Pure Pitch Black OLED & Crisp High Contrast) */
html.dark, body.dark {
  background-color: #000000 !important;
  color: #ffffff !important;
}
html.dark header, html.dark aside, html.dark section, html.dark main, html.dark footer {
  background-color: #000000 !important;
  border-color: #1a1a1a !important;
}
html.dark .bg-neutral-50, html.dark .bg-white, html.dark .bg-slate-50, html.dark .bg-neutral-100, html.dark .bg-slate-100, html.dark .bg-neutral-800, html.dark .bg-neutral-900, html.dark .bg-neutral-950 {
  background-color: #000000 !important;
}
html.dark .bg-white/80, html.dark .bg-neutral-50/80, html.dark .bg-white/90, html.dark .bg-neutral-50/90, html.dark .bg-white/95, html.dark .bg-neutral-900/90, html.dark .bg-neutral-950/90 {
  background-color: #000000 !important;
}
html.dark .text-neutral-950, html.dark .text-neutral-900, html.dark .text-slate-950, html.dark .text-slate-900,
html.dark .text-neutral-800, html.dark .text-slate-800, html.dark .text-neutral-700, html.dark .text-slate-700,
html.dark .text-neutral-600, html.dark .text-slate-600, html.dark .text-neutral-500, html.dark .text-slate-500,
html.dark .text-neutral-400, html.dark .text-slate-400 {
  color: #ffffff !important;
}
html.dark .border-neutral-100, html.dark .border-neutral-200, html.dark .border-neutral-200/80, html.dark .border-neutral-200/90, html.dark .border-neutral-300, html.dark .border-slate-200, html.dark .border-slate-300, html.dark .border-neutral-700, html.dark .border-neutral-800, html.dark .border-neutral-900 {
  border-color: #1f1f1f !important;
}
html.dark #slider-top-menu, html.dark #slider-top-menu a, html.dark #slider-top-menu button {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #262626 !important;
}
html.dark #floating-social-menu, html.dark #floating-social-menu a {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #1f1f1f !important;
}
html.dark .animate-marquee-infinite, html.dark .animate-marquee-smooth,
html.dark .animate-marquee-infinite *, html.dark .animate-marquee-smooth * {
  color: #ffffff !important;
  background-color: transparent !important;
}

/* Video Format & Kategori Filtre Butonları (Yüksek Kontrast & Kristal Netliğinde Okunabilirlik) */
.sdk-vid-filter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  user-select: none !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

/* Inaktif Buton - Koyu Tema (Varsayılan): Asla bembeyaz olmaz, yüksek kontrastlı metin */
.sdk-vid-filter:not(.active) {
  background: #18181b !important;
  background-color: #18181b !important;
  color: #f4f4f5 !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
.sdk-vid-filter:not(.active) span,
.sdk-vid-filter:not(.active) img {
  color: #f4f4f5 !important;
}
.sdk-vid-filter:not(.active):hover {
  background: #27272a !important;
  background-color: #27272a !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* Aktif Buton: YouTube Kırmızı, Beyaz Parlak Yazı */
.sdk-vid-filter.active {
  background: #dc2626 !important;
  background-color: #dc2626 !important;
  color: #ffffff !important;
  border: 1px solid #ef4444 !important;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.45) !important;
}
.sdk-vid-filter.active span,
.sdk-vid-filter.active img {
  color: #ffffff !important;
}

/* Sayaç Rozeti */
.sdk-vid-filter .sdk-count-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 22px !important;
  height: 20px !important;
  padding: 0 7px !important;
  border-radius: 9999px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  margin-left: 4px !important;
}
.sdk-vid-filter:not(.active) .sdk-count-badge {
  background: rgba(255, 255, 255, 0.12) !important;
  background-color: #27272a !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}
.sdk-vid-filter.active .sdk-count-badge {
  background: rgba(0, 0, 0, 0.38) !important;
  background-color: #991b1b !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

/* Açık Tema Desteği (İsteğe Bağlı) */
html:not(.dark) body:not(.dark):not(.dark-mode) .sdk-vid-filter:not(.active) {
  background: #f1f5f9 !important;
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
html:not(.dark) body:not(.dark):not(.dark-mode) .sdk-vid-filter:not(.active) span,
html:not(.dark) body:not(.dark):not(.dark-mode) .sdk-vid-filter:not(.active) img {
  color: #0f172a !important;
}
html:not(.dark) body:not(.dark):not(.dark-mode) .sdk-vid-filter:not(.active) .sdk-count-badge {
  background: #e2e8f0 !important;
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
  border: 1px solid #cbd5e1 !important;
}
.sdk-cat-filter {
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}
.sdk-cat-filter:not(.active) {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #d1d5db !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.sdk-cat-filter:not(.active):hover {
  background: rgba(255, 255, 255, 0.14) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
}
.sdk-cat-filter.active {
  background: #ffffff !important;
  color: #000000 !important;
  font-weight: 900 !important;
  border: 1px solid #ffffff !important;
}

/* Retro Pixel Marquee Ticker (VLOG LIVE) */
#retro-vlog-ticker,
.retro-vlog-ticker-band {
  background-color: #050505 !important;
  border-top: 2px solid #dc2626 !important;
  border-bottom: 2px solid #dc2626 !important;
}

html.dark #retro-vlog-ticker,
html.dark .retro-vlog-ticker-band,
.dark #retro-vlog-ticker,
.dark .retro-vlog-ticker-band {
  background-color: #000000 !important;
  border-top: 2px solid #ef4444 !important;
  border-bottom: 2px solid #ef4444 !important;
}

#retro-vlog-ticker,
#retro-vlog-ticker *,
.retro-vlog-ticker-band,
.retro-vlog-ticker-band *,
html.light #retro-vlog-ticker,
html.light #retro-vlog-ticker *,
html.light .retro-vlog-ticker-band,
html.light .retro-vlog-ticker-band *,
html:not(.dark) #retro-vlog-ticker,
html:not(.dark) #retro-vlog-ticker *,
html:not(.dark) .retro-vlog-ticker-band,
html:not(.dark) .retro-vlog-ticker-band * {
  color: #ffffff !important;
}

#retro-vlog-ticker .text-red-500,
#retro-vlog-ticker .text-red-400,
.retro-vlog-ticker-band .text-red-500,
.retro-vlog-ticker-band .text-red-400,
html.light #retro-vlog-ticker .text-red-500,
html.light #retro-vlog-ticker .text-red-400,
html:not(.dark) #retro-vlog-ticker .text-red-500,
html:not(.dark) #retro-vlog-ticker .text-red-400 {
  color: #ef4444 !important;
}

#retro-vlog-ticker .text-yellow-400,
.retro-vlog-ticker-band .text-yellow-400,
html.light #retro-vlog-ticker .text-yellow-400,
html:not(.dark) #retro-vlog-ticker .text-yellow-400 {
  color: #facc15 !important;
}

#retro-vlog-ticker button:hover,
#retro-vlog-ticker a:hover,
#retro-vlog-ticker button:hover *,
#retro-vlog-ticker a:hover *,
.retro-vlog-ticker-band button:hover,
.retro-vlog-ticker-band a:hover,
.retro-vlog-ticker-band button:hover *,
.retro-vlog-ticker-band a:hover * {
  color: #facc15 !important;
}
html.light #slider-top-menu a, html.light #slider-top-menu button,
html:not(.dark) #slider-top-menu a, html:not(.dark) #slider-top-menu button {
  color: #09090b !important;
  font-weight: 800 !important;
}

/* Floating Social Media Tooltips - 100% Reliable Pure CSS */
.sdk-float-group {
  position: relative;
}
.sdk-float-tooltip {
  position: absolute;
  right: calc(100% + 10px);
  top: 50%;
  transform: translateY(-50%) translateX(6px);
  display: none;
  pointer-events: none;
  z-index: 99999;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.16, 1, 0.3, 1), transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (min-width: 640px) {
  .sdk-float-group:hover .sdk-float-tooltip {
    display: flex !important;
    opacity: 1 !important;
    transform: translateY(-50%) translateX(0) !important;
  }
}

/* Full Width Cinematic Slider */
#sdk-slider-track {
  display: flex !important;
  height: 100% !important;
  transition: transform 0.7s cubic-bezier(0.25, 1, 0.5, 1) !important;
  will-change: transform;
}
.sdk-slide-item {
  position: relative !important;
  height: 100% !important;
  flex-shrink: 0 !important;
}
.sdk-slide-bg {
  transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.sdk-slide-content {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.sdk-pill {
  transition: all 0.3s ease;
}

/* Full Width Slider */
.sdk-full-slider {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
}

/* White / Light Theme High Contrast Typography (Deep Black Headings & High Contrast Text) */
html.light h1:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *),
html.light h2:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *),
html.light h3:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *),
html.light h4:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *),
html:not(.dark) h1:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *),
html:not(.dark) h2:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *),
html:not(.dark) h3:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *),
html:not(.dark) h4:not(#fullwidth-cinematic-slider *):not(.sdk-cinema-card *):not(.bg-red-600 *):not(.bg-red-700 *):not(.bg-black *) {
  color: #09090b !important;
  font-weight: 800;
}

html.light .text-neutral-950, html:not(.dark) .text-neutral-950 {
  color: #09090b !important;
}
html.light .text-neutral-900, html:not(.dark) .text-neutral-900 {
  color: #09090b !important;
}
html.light .text-neutral-800, html:not(.dark) .text-neutral-800 {
  color: #18181b !important;
}
html.light .text-neutral-700, html:not(.dark) .text-neutral-700 {
  color: #334155 !important;
}
html.light .text-neutral-600, html:not(.dark) .text-neutral-600 {
  color: #475569 !important;
}
html.light .text-neutral-500, html:not(.dark) .text-neutral-500 {
  color: #64748b !important;
}
html.light .text-neutral-400, html:not(.dark) .text-neutral-400 {
  color: #94a3b8 !important;
}

/* Social Media Section and Card High Contrast Guarantees */
#social-media-section .sdk-social-strip a {
  text-decoration: none;
}

html.light #social-media-section .text-neutral-900,
html:not(.dark) #social-media-section .text-neutral-900 {
  color: #09090b !important;
}

html.light #social-media-section .text-neutral-700,
html:not(.dark) #social-media-section .text-neutral-700 {
  color: #1e293b !important;
}

html.light #social-media-section .text-neutral-600,
html:not(.dark) #social-media-section .text-neutral-600 {
  color: #334155 !important;
}

html.light #social-media-section .text-neutral-500,
html:not(.dark) #social-media-section .text-neutral-500 {
  color: #475569 !important;
}

/* Dark Mode Overrides for Social Section & Global */
html.dark #social-media-section {
  background-color: #09090b !important;
}

html.dark #social-media-section .bg-white {
  background-color: #18181b !important;
}

html.dark #social-media-section .bg-neutral-50,
html.dark #social-media-section .bg-neutral-100 {
  background-color: #27272a !important;
}

html.dark #social-media-section h2,
html.dark #social-media-section h3,
html.dark #social-media-section .text-neutral-900,
html.dark #social-media-section .text-slate-950 {
  color: #ffffff !important;
}

html.dark #social-media-section p,
html.dark #social-media-section .text-neutral-700,
html.dark #social-media-section .text-neutral-600,
html.dark #social-media-section .text-neutral-500,
html.dark #social-media-section .text-slate-800,
html.dark #social-media-section .text-slate-700,
html.dark #social-media-section .text-slate-600 {
  color: #e2e8f0 !important;
}

html.dark #social-media-section .border-neutral-200,
html.dark #social-media-section .border-neutral-300 {
  border-color: #27272a !important;
}

/* Dark Mode Overrides (Pure White Headings & Crisp Grays) */
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
  color: #ffffff !important;
}
html.dark .text-neutral-950, html.dark .text-neutral-900 {
  color: #f8fafc !important;
}
html.dark .text-neutral-800 {
  color: #f1f5f9 !important;
}
html.dark .text-neutral-700 {
  color: #e2e8f0 !important;
}
html.dark .text-neutral-600 {
  color: #cbd5e1 !important;
}
html.dark .text-neutral-500 {
  color: #94a3b8 !important;
}
html.dark .text-neutral-400 {
  color: #94a3b8 !important;
}

/* Elements that must always remain crisp pure white on dark cinema background */
#fullwidth-cinematic-slider,
#fullwidth-cinematic-slider *,
.sdk-cinema-card,
.sdk-cinema-card h2,
.sdk-cinema-card a,
.sdk-cinema-card p,
.bg-red-600,
.bg-red-600 *,
.bg-red-700,
.bg-red-700 * {
  color: #ffffff;
}

/* Marquee continuous animations */
@keyframes sdkMarquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee, .animate-marquee-infinite {
  display: flex;
  width: max-content;
  animation: sdkMarquee 65s linear infinite;
  will-change: transform;
}
.animate-marquee:hover, .animate-marquee-infinite:hover {
  animation-play-state: paused;
}

.animate-marquee-smooth {
  display: flex;
  width: max-content;
  animation: sdkMarquee 50s linear infinite;
  will-change: transform;
}
.animate-marquee-smooth:hover {
  animation-play-state: paused;
}

/* Kayan Yazı Beyaz Temada Yüksek Kontrast Garantisi */
html.light .animate-marquee,
html.light .animate-marquee-infinite,
html.light .animate-marquee-smooth,
html:not(.dark) .animate-marquee,
html:not(.dark) .animate-marquee-infinite,
html:not(.dark) .animate-marquee-smooth {
  color: #09090b !important;
}

html.light .animate-marquee a,
html.light .animate-marquee-infinite a,
html.light .animate-marquee-smooth a,
html:not(.dark) .animate-marquee a,
html:not(.dark) .animate-marquee-infinite a,
html:not(.dark) .animate-marquee-smooth a {
  color: #09090b !important;
  font-weight: 700 !important;
}

html.light .animate-marquee a:hover,
html.light .animate-marquee-infinite a:hover,
html.light .animate-marquee-smooth a:hover,
html:not(.dark) .animate-marquee a:hover,
html:not(.dark) .animate-marquee-infinite a:hover,
html:not(.dark) .animate-marquee-smooth a:hover {
  color: #dc2626 !important;
}

/* Custom Scrollbars */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(156, 163, 175, 0.5);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(220, 38, 38, 0.7);
}

/* Yazı İçindeki Gömülü YouTube Player / Iframe'leri Gizle (Üstteki Sinematik Kart Kalır) */
.sdkcgk-post-content iframe[src*="youtube.com"],
.sdkcgk-post-content iframe[src*="youtube-nocookie.com"],
.sdkcgk-post-content iframe[src*="youtu.be"],
.sdkcgk-post-content .wpyt-responsive-video-player,
.sdkcgk-post-content .wp-block-embed-youtube,
.sdkcgk-post-content ytw-player-seek-overlay,
.sdkcgk-post-content .fluid-width-video-wrapper:has(iframe[src*="youtube"]),
.sdkcgk-post-content figure.wp-block-embed.is-type-video {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* Video Format Filtre Butonları (.sdk-vid-filter & .sdk-count-badge) */
.sdk-vid-filter {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.625rem 1.125rem !important;
  border-radius: 0.875rem !important;
  font-size: 0.75rem !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  border: 1px solid #374151 !important;
  background-color: #18181b !important;
  color: #f3f4f6 !important;
  user-select: none !important;
}
html.light .sdk-vid-filter,
html:not(.dark) .sdk-vid-filter {
  background-color: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
.sdk-vid-filter:hover {
  background-color: #27272a !important;
  border-color: #4b5563 !important;
  transform: translateY(-1px) !important;
}
html.light .sdk-vid-filter:hover,
html:not(.dark) .sdk-vid-filter:hover {
  background-color: #e2e8f0 !important;
  border-color: #94a3b8 !important;
}
.sdk-vid-filter.active {
  background-color: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.4) !important;
  transform: scale(1.02) !important;
}
.sdk-count-badge {
  display: inline-block !important;
  padding: 0.125rem 0.5rem !important;
  border-radius: 9999px !important;
  font-size: 0.6875rem !important;
  font-weight: 800 !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
html.light .sdk-vid-filter:not(.active) .sdk-count-badge,
html:not(.dark) .sdk-vid-filter:not(.active) .sdk-count-badge {
  background-color: #e2e8f0 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}
.sdk-vid-filter.active .sdk-count-badge {
  background-color: rgba(0, 0, 0, 0.35) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}