/* VKM Raven — Canlı CSS (otomatik üretildi) */

/* ===== user #8 ===== */
/* Genel */
/* ileride kolaylık olması adına --dk-red tanımlamasını, fikstürdeki renk koduyla aynı olacak şekilde tanımladım*/

body.vkm-dk2026-page {
    --dk-red: #ff3131;
}

/* Başlık büyütüldü */
.vkm-dk-grup-hero-sub {
    color: white;
    font-size: 28px;
    font-weight: 700;
}

/* Sekmelerin isimleri gizlendi */
.vkm-dk-grup-hero-title {
    display: none !important;
}

/*gradientli block tek renk (siyah) yapıldı*/
.vkm-dk-grup-hero{
background : linear-gradient(110deg, #0f1014 0%);
}

/*box shadow rengi değiştirildi*/
.vkm-dk-years .vkm-dk-year.active {
    box-shadow: inset 0 -3px 0 var(--dk-red);
}

/* Mevcut icon gizlenip, ticker da ki logo ile değiştirildi*/
.vkm-dk-grup-hero-logo img {
    display: none;
}

.vkm-dk-grup-hero-logo {
    width: 48px;
    height: 64px;
    background: url('https://vkmspor.com/wp-content/uploads/2026/05/worldcup_kupa.png') center center / contain no-repeat;
}

/* grupların yanında bulunan ok renkleri, tanımlı kırmızı rengımız ıle degıstırıldı*/
.vkm-dk-ov-arrow {
    color: var(--dk-red);
}

/* ===== user #5 ===== */
/* Genel */
#vkm-scores {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

#vkm-standings {
    margin-top: 10px;
}

.vkm-dk2026-page .cs-site-content.cs-sidebar-disabled.cs-metabar-enabled {
	margin-top: 10px !important;
}

/* AdquarterzSinpasChatbot */
#chatWidget > div.chat-powered-bar > a > img {
	transform: translateY(-25%);
}

/* GCMForeksLogo */
#vkm-scores {
	margin-top: -10px;
    margin-bottom: 10px;
}

/* DunyaKupasiLink */
/* ============================================================
   Dünya Kupası menü öğesi — gökkuşağı yazı + resmi 2026 amblemi.
   Kalıcı amblem rozeti (yazının solunda, BEYAZ-26 — koyu menü) +
   hover'da süzülen FUTBOL TOPLARI.
   Menü öğesi class'ı: vkm-worldcup  (td-demo-header-menu)
   ============================================================ */

@keyframes vkmWorldcupRainbow { to { background-position: 200% center; } }

@keyframes vkmWorldcupFloat {
	0%   { opacity: 0; transform: translateY(6px)  scale(.55) rotate(-12deg); }
	45%  { opacity: 1; transform: translateY(-2px) scale(1)   rotate(8deg); }
	100% { opacity: 0; transform: translateY(-12px) scale(.6) rotate(0deg); }
}

@keyframes vkmWorldcupGlow {
	0%, 100% { filter: drop-shadow(0 0 2px rgba(255,255,255,.45)); }
	50%      { filter: drop-shadow(0 0 9px rgba(255,255,255,.95)); }
}

/* Yazı: açık tonlu akan gökkuşağı (harf içine kırpılı) */
.cs-menu-primary__nav li.vkm-worldcup > a span,
.cs-menu-mobile__nav  li.vkm-worldcup > a span,
.cs-menu-mobile__nav  li.vkm-worldcup > a {
	background-image: linear-gradient(90deg,#ff8fb1,#ffc36b,#fff27a,#9dff8a,#7afcff,#9db8ff,#e29bff,#ff8fb1);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	animation: vkmWorldcupRainbow 4s linear infinite;
	font-weight: 700;
}

/* Kalıcı 2026 amblem rozeti — yazının solunda (span::before).
   Daha büyük ama menüyü genişletmesin diye margin küçük + dikeyde ortalı. */
.cs-menu-primary__nav li.vkm-worldcup > a span::before,
.cs-menu-mobile__nav  li.vkm-worldcup > a span::before {
	content: "";
	display: inline-block;
	width: 1.65em;
	height: 1.65em;
	margin-right: 6px;
	vertical-align: middle;
	background: url("https://vkmspor.com/wp-content/uploads/2026/wc2026-emblem-white.png") center/contain no-repeat;
	-webkit-text-fill-color: initial;
}

/* İkon katmanları (futbol topları) — yalnız masaüstü üst menü, absolute → layout'u
   etkilemez (menüyü genişletmez). Hover'da süzülerek belir-kaybol. */
.cs-menu-primary__nav li.vkm-worldcup > a { position: relative; }

.cs-menu-primary__nav li.vkm-worldcup > a::before,
.cs-menu-primary__nav li.vkm-worldcup > a::after {
	content: "";
	position: absolute;
	inset: -10px -16px;
	pointer-events: none;
	opacity: 0;
	background-repeat: no-repeat;
	filter: drop-shadow(0 0 2px rgba(255,255,255,.5));
}

/* 1. küme: 4 futbol topu (köşelerde) */
.cs-menu-primary__nav li.vkm-worldcup > a::before {
	background-image:
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='29'%20fill='%23ffffff'%20stroke='%23222222'%20stroke-width='3'/%3E%3Cpath%20fill='%23222222'%20d='M32%2016l11%208-4.2%2013H25.2L21%2024z'/%3E%3Cg%20stroke='%23222222'%20stroke-width='3'%20fill='none'%3E%3Cpath%20d='M32%2016V5'/%3E%3Cpath%20d='M43%2024l10.5-3.5'/%3E%3Cpath%20d='M38.8%2037l6.5%209.5'/%3E%3Cpath%20d='M25.2%2037l-6.5%209.5'/%3E%3Cpath%20d='M21%2024l-10.5-3.5'/%3E%3C/g%3E%3Cg%20fill='%23222222'%3E%3Ccircle%20cx='32'%20cy='5'%20r='3.5'/%3E%3Ccircle%20cx='55'%20cy='20'%20r='3.5'/%3E%3Ccircle%20cx='46'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='18'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='9'%20cy='20'%20r='3.5'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='29'%20fill='%23ffffff'%20stroke='%23222222'%20stroke-width='3'/%3E%3Cpath%20fill='%23222222'%20d='M32%2016l11%208-4.2%2013H25.2L21%2024z'/%3E%3Cg%20stroke='%23222222'%20stroke-width='3'%20fill='none'%3E%3Cpath%20d='M32%2016V5'/%3E%3Cpath%20d='M43%2024l10.5-3.5'/%3E%3Cpath%20d='M38.8%2037l6.5%209.5'/%3E%3Cpath%20d='M25.2%2037l-6.5%209.5'/%3E%3Cpath%20d='M21%2024l-10.5-3.5'/%3E%3C/g%3E%3Cg%20fill='%23222222'%3E%3Ccircle%20cx='32'%20cy='5'%20r='3.5'/%3E%3Ccircle%20cx='55'%20cy='20'%20r='3.5'/%3E%3Ccircle%20cx='46'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='18'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='9'%20cy='20'%20r='3.5'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='29'%20fill='%23ffffff'%20stroke='%23222222'%20stroke-width='3'/%3E%3Cpath%20fill='%23222222'%20d='M32%2016l11%208-4.2%2013H25.2L21%2024z'/%3E%3Cg%20stroke='%23222222'%20stroke-width='3'%20fill='none'%3E%3Cpath%20d='M32%2016V5'/%3E%3Cpath%20d='M43%2024l10.5-3.5'/%3E%3Cpath%20d='M38.8%2037l6.5%209.5'/%3E%3Cpath%20d='M25.2%2037l-6.5%209.5'/%3E%3Cpath%20d='M21%2024l-10.5-3.5'/%3E%3C/g%3E%3Cg%20fill='%23222222'%3E%3Ccircle%20cx='32'%20cy='5'%20r='3.5'/%3E%3Ccircle%20cx='55'%20cy='20'%20r='3.5'/%3E%3Ccircle%20cx='46'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='18'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='9'%20cy='20'%20r='3.5'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='29'%20fill='%23ffffff'%20stroke='%23222222'%20stroke-width='3'/%3E%3Cpath%20fill='%23222222'%20d='M32%2016l11%208-4.2%2013H25.2L21%2024z'/%3E%3Cg%20stroke='%23222222'%20stroke-width='3'%20fill='none'%3E%3Cpath%20d='M32%2016V5'/%3E%3Cpath%20d='M43%2024l10.5-3.5'/%3E%3Cpath%20d='M38.8%2037l6.5%209.5'/%3E%3Cpath%20d='M25.2%2037l-6.5%209.5'/%3E%3Cpath%20d='M21%2024l-10.5-3.5'/%3E%3C/g%3E%3Cg%20fill='%23222222'%3E%3Ccircle%20cx='32'%20cy='5'%20r='3.5'/%3E%3Ccircle%20cx='55'%20cy='20'%20r='3.5'/%3E%3Ccircle%20cx='46'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='18'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='9'%20cy='20'%20r='3.5'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 15px 15px, 16px 16px, 12px 12px, 13px 13px;
	background-position: 2% 12%, 96% 18%, 16% 92%, 84% 88%;
}

/* 2. küme: 3 futbol topu (gecikmeli → sürekli kıpır kıpır) */
.cs-menu-primary__nav li.vkm-worldcup > a::after {
	background-image:
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='29'%20fill='%23ffffff'%20stroke='%23222222'%20stroke-width='3'/%3E%3Cpath%20fill='%23222222'%20d='M32%2016l11%208-4.2%2013H25.2L21%2024z'/%3E%3Cg%20stroke='%23222222'%20stroke-width='3'%20fill='none'%3E%3Cpath%20d='M32%2016V5'/%3E%3Cpath%20d='M43%2024l10.5-3.5'/%3E%3Cpath%20d='M38.8%2037l6.5%209.5'/%3E%3Cpath%20d='M25.2%2037l-6.5%209.5'/%3E%3Cpath%20d='M21%2024l-10.5-3.5'/%3E%3C/g%3E%3Cg%20fill='%23222222'%3E%3Ccircle%20cx='32'%20cy='5'%20r='3.5'/%3E%3Ccircle%20cx='55'%20cy='20'%20r='3.5'/%3E%3Ccircle%20cx='46'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='18'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='9'%20cy='20'%20r='3.5'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='29'%20fill='%23ffffff'%20stroke='%23222222'%20stroke-width='3'/%3E%3Cpath%20fill='%23222222'%20d='M32%2016l11%208-4.2%2013H25.2L21%2024z'/%3E%3Cg%20stroke='%23222222'%20stroke-width='3'%20fill='none'%3E%3Cpath%20d='M32%2016V5'/%3E%3Cpath%20d='M43%2024l10.5-3.5'/%3E%3Cpath%20d='M38.8%2037l6.5%209.5'/%3E%3Cpath%20d='M25.2%2037l-6.5%209.5'/%3E%3Cpath%20d='M21%2024l-10.5-3.5'/%3E%3C/g%3E%3Cg%20fill='%23222222'%3E%3Ccircle%20cx='32'%20cy='5'%20r='3.5'/%3E%3Ccircle%20cx='55'%20cy='20'%20r='3.5'/%3E%3Ccircle%20cx='46'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='18'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='9'%20cy='20'%20r='3.5'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3E%3Ccircle%20cx='32'%20cy='32'%20r='29'%20fill='%23ffffff'%20stroke='%23222222'%20stroke-width='3'/%3E%3Cpath%20fill='%23222222'%20d='M32%2016l11%208-4.2%2013H25.2L21%2024z'/%3E%3Cg%20stroke='%23222222'%20stroke-width='3'%20fill='none'%3E%3Cpath%20d='M32%2016V5'/%3E%3Cpath%20d='M43%2024l10.5-3.5'/%3E%3Cpath%20d='M38.8%2037l6.5%209.5'/%3E%3Cpath%20d='M25.2%2037l-6.5%209.5'/%3E%3Cpath%20d='M21%2024l-10.5-3.5'/%3E%3C/g%3E%3Cg%20fill='%23222222'%3E%3Ccircle%20cx='32'%20cy='5'%20r='3.5'/%3E%3Ccircle%20cx='55'%20cy='20'%20r='3.5'/%3E%3Ccircle%20cx='46'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='18'%20cy='48'%20r='3.5'/%3E%3Ccircle%20cx='9'%20cy='20'%20r='3.5'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 16px 16px, 13px 13px, 15px 15px;
	background-position: 50% 0%, 6% 64%, 94% 54%;
}

/* HOVER: futbol topları belirip süzülsün + yazı ışıldasın */
.cs-menu-primary__nav li.vkm-worldcup > a:hover::before {
	animation: vkmWorldcupFloat 1.6s ease-in-out infinite;
}
.cs-menu-primary__nav li.vkm-worldcup > a:hover::after {
	animation: vkmWorldcupFloat 1.6s ease-in-out infinite;
	animation-delay: .8s;
}
.cs-menu-primary__nav li.vkm-worldcup > a:hover span {
	animation: vkmWorldcupRainbow 4s linear infinite, vkmWorldcupGlow 1.4s ease-in-out infinite;
}

/* Hareketi azalt tercihinde animasyonları durdur */
@media (prefers-reduced-motion: reduce) {
	.cs-menu-primary__nav li.vkm-worldcup > a span,
	.cs-menu-mobile__nav  li.vkm-worldcup > a span,
	.cs-menu-primary__nav li.vkm-worldcup > a:hover::before,
	.cs-menu-primary__nav li.vkm-worldcup > a:hover::after { animation: none; }
}

/* ===== user #11 ===== */
/* Genel */
/* === VKM WC2026 header outline (Murat) -- baslangic === */
/* Recap + child breakpoint gecisleri:
   1200px ustu  : desktop inner gorunur -> gradient gosterilir
   992-1200px   : desktop inner gorunur; child temasi background-image:none ile
                  gradyani olduruyordu -> !important ile geri aciyoruz
   769-991px    : mobil (burger) inner gorunur -> gradient gosterilir
   768px ve alti: tam-dark telefon -> RENKLENDIRME YOK (kullanici istegi)
   Outline yalniz 769px ustunde, o an gorunur olan bara uygulanir.
   Her bar zaten yuvarlak (radius 14px); background-clip onu izler. */
@media (min-width: 769px) {
  .wp-child-theme-recap-child .cs-header__inner-desktop,
  .wp-child-theme-recap-child .cs-header__inner-mobile {
    box-sizing: border-box;
    border: 5px solid transparent;
    background-image:
      linear-gradient(#1a1a1d, #1a1a1d),
      linear-gradient(20deg, #f90000 0 25%, #08e8ec 25% 50%, #79cb03 50% 75%, #894bc8 75% 100%) !important;
    background-origin: border-box;
    background-clip: padding-box, border-box;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 100%, 100% 100%;
  }
}
/* === VKM WC2026 header outline (Murat) -- bitis === */