[class*=ct-container]>article.post {
    padding-top: 170px !important;
}

.sub-menu{
    z-index: 999999 !important;
}

article.post h1{
    font-size: clamp(1.75rem, 2.5vw + 0.75rem, 2.75rem) !important;
}

@media screen and (max-width: 767px) {
.mobile-centered {
  text-align: center !important;
	margin: 0 auto !important;
}
	}


.high-z-index {
   	z-index: 100000 !important;
}

/*
 * Fluid typography — clamp tabanlı, Blocksy'nin breakpoint sistemini tamamlar.
 * Scope: .ct-container — ürün kartları, widget'lar ve WooCommerce bileşenleri hariç.
 * Viewport range 360px–1280px baz alındı.
 */
.ct-container h1:not(.woocommerce-loop-product__title):not(.widget-title) { font-size: clamp(1.75rem, 3.5vw + 0.625rem, 3.5rem); line-height: 1.15; }
.ct-container h2:not(.woocommerce-loop-product__title):not(.widget-title) { font-size: clamp(1.5rem,  2.5vw + 0.6rem,   2.625rem); line-height: 1.2;  }
.ct-container h3:not(.woocommerce-loop-product__title):not(.widget-title) { font-size: clamp(1.375rem, 1.5vw + 0.6rem,  2rem);    line-height: 1.25; }
.ct-container h4:not(.widget-title) { font-size: clamp(1.1875rem, 0.8vw + 0.75rem, 1.5rem); line-height: 1.3; }
.ct-container h5:not(.widget-title) { font-size: clamp(1rem,      0.4vw + 0.7rem,  1.25rem); line-height: 1.4; }
.ct-container h6:not(.widget-title) { font-size: clamp(0.875rem,  0.2vw + 0.6rem,  1rem);    line-height: 1.4; }

/* Ürün kartı başlıklarını Blocksy'nin cardProductTitleFont ayarına bırak */
.ct-container .woocommerce-loop-product__title,
.ct-container .ct-woo-card-extra .product-title,
.ct-container ul.products .woocommerce-loop-product__title { font-size: unset; line-height: unset; }



/* === 1. MENÜ ÇİZGİLERİ (STANDART) === */
#header .menu > li {
    display: inline-flex !important;
    align-items: center;
    position: relative;
    margin: 0 !important; /* Temanın boşluklarını sıfırla */
}

#header .menu > li::after {
    content: "|";
    display: block;
    margin-left: 20px;   /* Sol boşluk */
    margin-right: 20px;  /* Sağ boşluk */
    color: var(--theme-palette-color-4);
    opacity: 0.6;
    line-height: 1;
}

#header .menu > li:last-child::after {
    display: none;
}

#header [data-items]>* {
  	margin: 0;
}

#header-menu-2 {
  	margin-right:20px !important;
}



.hero-texts {
	    z-index: 2;
}

/* 1. Kapsayıcı Ayarları */
.hero-effect {
    position: relative;
    overflow: hidden;
}

/* 2. Güçlendirilmiş Gradyan Katmanı */
.hero-effect::before {
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 1;

    /* RADYAL GRADYAN AYARLARI */
    background: radial-gradient(
        ellipse at center,

        /* 1. Adım: Tam Merkez (Şeffaf) */
        rgba(0,0,0,0) 0%,

        /* 2. Adım: Aydınlık Alanın Bittiği Yer (%20) */
        /* Bu değeri küçültürsen (örn: %10) aydınlık alan daralır */
        rgba(0,0,0,0) 50%,

        /* 3. Adım: Rengin Tamamen Hakim Olduğu Yer (%75) */
        /* %100 yerine %75 yaptık ki kenarlara varmadan simsiyah olsun */
        var(--theme-palette-color-2) 75%,

        /* 4. Adım: En Dış Kenarlar (Tamamen Koyu) */
        var(--theme-palette-color-2) 100%
    );

    opacity: 1; /* Tam görünürlük */
    mix-blend-mode: normal !important;
}

/* 3. Ekstra Güçlendirme: İç Gölgelendirme (Box-Shadow) */
/* Eğer gradyan yetmezse, kenarları bu kod ayrıca karartır */
.hero-effect::after {
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 2;
    /* İçeri doğru çok yumuşak ama kalın bir gölge atar */
    box-shadow: inset 0 0 100px 50px var(--theme-palette-color-2);
    pointer-events: none; /* Tıklamaları engellemez */
}

/* 4. İçerik (Yazı, Buton) Efektin Üstünde Kalsın */
.hero-effect .wp-block-cover__inner-container {
    position: relative;
    z-index: 10;
}

/* 5. WordPress Varsayılanlarını Sıfırla */
.hero-effect .wp-block-cover__gradient-background,
.hero-effect.has-background-dim::before {
    display: none !important;
}








hr.wp-block-separator.rotated {
	    transform: rotate(90deg);       /* 90 derece saat yönünde döndür */
    transform-origin: center;       /* Kendi merkezinden dönsün */

    /* Dönme işlemi sırasında oluşabilecek bulanıklığı engeller */
    -webkit-backface-visibility: hidden;
    width: 40px !important;  /* Çizginin uzunluğu (Dikey boyu olacak) */
    margin: 40px auto;        /* Üstten alttan boşluk bırakarak ortala */
    border: none;             /* Varsayılan border'ı sil */

    /* Kendi stilinize göre çizgi rengi ve kalınlığı */
    border-top: 2px solid var(--theme-palette-color-3);

    /* Pozisyonu sabitlemek gerekebilir çünkü dönünce yer kayabilir */
    display: block;
}






/* --- FOOTER DÜZENLEMELERİ --- */

/* 1. SITEMAP: Liste Noktalarını (Dots) Kaldırma */
#footer .wp-block-list {
    list-style-type: none !important; /* Noktaları siler */
    padding-left: 0 !important;       /* Soldaki girintiyi sıfırlar */
    margin-left: 0 !important;
}

/* 2. CONTACT US: Yazı Boyutlarını Küçültme */
/* Başlık (Phone, Address vb.) ayarı */
#footer .ct-contact-info-block .contact-title {
    font-size: 15px !important;       /* Başlık boyutu */
    font-weight: 600;                 /* Kalınlık */
    margin-bottom: 5px;
    display: block;
}

/* İçerik (Numara, Adres metni) ayarı */
#footer .ct-contact-info-block .contact-text,
#footer .ct-contact-info-block .contact-text a {
    font-size: 13px !important;       /* Metin boyutu (Daha küçük) */
    line-height: 1.5;                 /* Satır aralığı */
    opacity: 0.9;                     /* Hafif yumuşatma */
}

/* 3. BAŞLIKLAR: Altına Çizgi (Border) Ekleme */
/* Not: HTML içinde 'border: none' inline style olduğu için !important kullanıyoruz */
#footer h4.wp-block-heading {
    position: relative;
    /* Çizgi Rengi ve Kalınlığı */
    border-bottom: 3px solid var(--theme-palette-color-1) !important;

    /* Çizgi ile yazı arasındaki boşluk */
    padding-bottom: 10px;
    margin-bottom: 20px;

    /* Çizgi sadece yazı kadar uzun olsun istersen bunu kullan: */
    display: inline-block;
    /* Çizgi sütun boyunca boydan boya olsun istersen 'display: block;' yap */
}

/* (Opsiyonel) Eğer Sitemap listesindeki linklerin alt çizgisi varsa kaldırmak için */
#footer .wp-block-list li a {
    text-decoration: none;
    box-shadow: none;
}




/* 1. Top Row içindeki "Follow Us" paragrafını esnek kutu yapıyoruz */
[data-row="top"] .ct-header-text .entry-content p {
    display: flex;
    align-items: center; /* Çizgiyi ve yazıyı dikeyde ortalar */
    margin: 0;           /* Varsayılan boşlukları sıfırlar */
}

/* 2. Yazının hemen sağına çizgiyi ekliyoruz */
[data-row="top"] .ct-header-text .entry-content p::after {
    content: "";              /* Boş bir element oluşturur */
    display: inline-block;
    width: 35px;              /* Çizginin uzunluğu (Tasarımınıza göre artırıp azaltabilirsiniz) */
    height: 1px;              /* Çizginin kalınlığı */
    background-color: #ffffff; /* Çizgi rengi (Beyaz) */
    opacity: 0.5;             /* Şeffaflık (Tasarımda silik durduğu için %50 yaptık) */
    margin-left: 15px;        /* Yazıdan ne kadar uzakta olacağı */
    margin-right: 15px;       /* Sosyal ikonlardan ne kadar uzakta olacağı */
}







/* 1. Varsayılan liste işaretlerini kaldırıyoruz */
.red-dot-items ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 2. Liste öğelerine alan açıyoruz */
.red-dot-items ul li {
    position: relative;      /* Noktayı buna göre hizalayacağız */
    padding-left: 20px;      /* Yazıyı sağa itip nokta için yer açıyoruz */
    margin-bottom: 8px;      /* Maddeler arası boşluk */
    line-height: 1.5;        /* Satır yüksekliği */
}

/* 3. Kırmızı Noktayı (Dot) oluşturuyoruz */
.red-dot-items ul li::before {
    content: "";
    position: absolute;      /* Serbest konumlandırma */
    left: 0;                 /* En sola yapıştır */
    top: 50%;                /* Dikeyde ortaya getir */
    transform: translateY(-50%); /* Tam merkezlemek için ayar */

    /* Noktanın Boyutu */
    width: 7px;
    height: 7px;

    /* Rengi ve Şekli */
    background-color: var(--theme-palette-color-1, #A81C1C); /* Tema Kırmızısı */
    border-radius: 50%;      /* Yuvarlak yapar */
}









/* --- ROCKET DECORATION SİSTEMİ (GÜNCELLENMİŞ) --- */

/* 1. TEMEL AYARLAR (Varsayılan Boyut: 70px) */
div[class*="-rocket"] {
    position: relative;
    --rocket-size: 80px;       /* Varsayılan Boyut */
    --rocket-offset: -30px;    /* Varsayılan Taşma */
}

/* 2. ROCKET GÖRSELİ OLUŞTURMA */
div[class*="-rocket"]::after {
    content: "";
    position: absolute;
    width: var(--rocket-size);
    height: var(--rocket-size);
    background-image: url('https://venturewarrior.org/wp-content/uploads/2026/05/venture-warrior-content-icon-1-optimized.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
    pointer-events: none;
    opacity: 0.9;
}

/* 3. KONUMLANDIRMA */
.left-top-rocket::after     { top: var(--rocket-offset); left: var(--rocket-offset); }
.right-top-rocket::after    { top: var(--rocket-offset); right: var(--rocket-offset); }
.left-bottom-rocket::after  { bottom: var(--rocket-offset); left: var(--rocket-offset); }
.right-bottom-rocket::after { bottom: var(--rocket-offset); right: var(--rocket-offset); }

/* --- 4. BOYUTLANDIRMA SINIFLARI (Öncelik Sorunu Çözüldü) --- */

/* Küçük Roket (50px) */
div[class*="-rocket"].rocket-sm {
    --rocket-size: 50px;
    --rocket-offset: 0;
}

/* Büyük Roket (120px) */
div[class*="-rocket"].rocket-lg {
    --rocket-size: 120px;
    --rocket-offset: 0;
}

/* Dev Roket (200px) */
div[class*="-rocket"].rocket-xl {
    --rocket-size: 200px; /* Görseldeki dev boyut */
    --rocket-offset: 0; /* İyice dışarı taşsın */
}

/* --- ROCKET COLOR VARIANT: WHITE --- */

/* "rocket-white" sınıfı eklendiğinde devreye girer */
div[class*="-rocket"].rocket-white::after {
    /* 1. RENK DÖNÜŞÜMÜ (Sihirli Kısım) */
    /* Önce görseli simsiyah yap (brightness 0), sonra tersine çevir (invert 1) -> Sonuç: Beyaz */
    filter: brightness(0) invert(1);

    /* 2. Görünürlük Ayarı */
    /* Beyaz renk koyu zeminde çok parlayabilir, opaklığı buradan ayarlayabilirsiniz */
    opacity: 0.8;
}

/* Sol Orta */
.left-center-rocket::after {
    top: 50%;
    left: var(--rocket-offset);
    transform: translateY(-50%); /* Dikey eksende tam ortalar */
}

/* Sağ Orta */
.right-center-rocket::after {
    top: 50%;
    right: var(--rocket-offset);
    transform: translateY(-50%); /* Dikey eksende tam ortalar */
}

/* --- 5. RESPONSIVE AYARLAR (TABLET & MOBİL) --- */

/* Tablet (Maksimum 1024px) - Yaklaşık %25 Küçültme */
@media screen and (max-width: 1024px) {
    /* Varsayılan Roket */
    div[class*="-rocket"] {
        --rocket-size: 60px;     /* 80px'den 60px'e */
        --rocket-offset: -20px;  /* Taşma mesafesini azalttık */
    }

    /* Küçük Roket */
    div[class*="-rocket"].rocket-sm {
        --rocket-size: 40px;     /* 50px'den 40px'e */
    }

    /* Büyük Roket */
    div[class*="-rocket"].rocket-lg {
        --rocket-size: 90px;     /* 120px'den 90px'e */
    }

    /* Dev Roket */
    div[class*="-rocket"].rocket-xl {
        --rocket-size: 150px;    /* 200px'den 150px'e */
    }
}

/* Mobil (Maksimum 767px) - Yaklaşık %40-50 Küçültme */
@media screen and (max-width: 767px) {
    /* Varsayılan Roket */
    div[class*="-rocket"] {
        --rocket-size: 50px;     /* 80px'den 50px'e */
        --rocket-offset: -10px;  /* Mobilde çok dışarı taşmasın, kaydırma çubuğu çıkabilir */
    }

    /* Küçük Roket */
    div[class*="-rocket"].rocket-sm {
        --rocket-size: 30px;     /* 50px'den 30px'e */
    }

    /* Büyük Roket */
    div[class*="-rocket"].rocket-lg {
        --rocket-size: 70px;     /* 120px'den 70px'e */
    }

    /* Dev Roket */
    div[class*="-rocket"].rocket-xl {
        --rocket-size: 100px;    /* 200px'den 100px'e (Yarı yarıya) */
    }
}



.light-border {
    border: 1px solid white;
    padding-top: var(--wp--preset--spacing--30);
    padding-right: var(--wp--preset--spacing--30);
    padding-bottom: var(--wp--preset--spacing--30);
    padding-left: var(--wp--preset--spacing--30);
}








/* --- SPARKLE DECORATION (ÇİFT YÖNLÜ ÇÖZÜM) --- */

/* 1. Kapsayıcı Ayarı */
div[class*="sparkle-"] {
    position: relative;
}

/* 2. Ortak Görsel Ayarları (HEM BEFORE HEM AFTER İÇİN) */
/* Burası çok önemli: İkisini de kapsayacak şekilde yazdık */
div[class*="sparkle-"]::before,
div[class*="sparkle-"]::after {
    content: "";
    position: absolute;
    z-index: 0; /* En arkada */
    pointer-events: none;
    background-repeat: no-repeat;
    background-size: contain;

    /* İkisine de varsayılan bir boyut verelim */
    width: 400px;
    height: 400px;
}

/* İçeriklerin (Yazı, Buton) üstte kalması için */
div[class*="sparkle-"] > * {
    position: relative;
}

/* --- 3. POZİSYONLAR --- */

/* SOL ÜST (Bunu ::before yaptık) */
div[class*="sparkle-"].sparkle-left-top::before {
    top: 0;
    left: 0;
    background-image: url('https://venturewarrior.org/wp-content/uploads/2026/05/sparkle-left-top-3-optimized.svg');
    background-position: left top;
}

/* SAĞ ALT (Bunu ::after yaptık - Kalsın) */
div[class*="sparkle-"].sparkle-right-bottom::after {
    bottom: 0;
    right: 0;
    background-image: url('https://venturewarrior.org/wp-content/uploads/2026/05/sparkle-right-bottom-optimized.svg');
    background-position: right bottom;
}

/* --- 4. BEYAZ VARYANT --- */
/* Hem before hem after'ı beyaza boyaması lazım */
div[class*="sparkle-"].sparkle-white::before,
div[class*="sparkle-"].sparkle-white::after {
    filter: brightness(0) invert(1);
    opacity: 0.9;
}













/* --- MOBİL MENÜ ÖZELLEŞTİRMESİ --- */

.ct-panel-content-inner {
    margin: 25px 0 0 0 !important;
	  padding: 0 !important;
}

/* 2. Alt Menüsü Olan Ana Başlıklar (Kırmızı Bant) */
/* "Training", "Community" gibi açılır menülerin başlık kutusu */
.mobile-menu li.menu-item-has-children > .ct-sub-menu-parent {
    background-color: var(--theme-palette-color-1, #A81C1C); /* Tema Kırmızısı */
    color: #ffffff; /* Yazı Rengi Beyaz */
    padding: 10px 30px; /* İç boşluk */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Ana Başlık Link Rengi */
.mobile-menu li.menu-item-has-children > .ct-sub-menu-parent > a {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize; /* Baş harfleri büyük */
}

/* Açma/Kapama Oku (Chevron) Rengi */
.mobile-menu li.menu-item-has-children > .ct-sub-menu-parent > button {
    color: #ffffff !important;
}
.mobile-menu li.menu-item-has-children > .ct-sub-menu-parent > button svg {
    fill: #ffffff !important;
}

/* 3. Alt Menü Listesi (Beyaz Alan) */
.mobile-menu .sub-menu {
    background-color: #ffffff;
    padding: 10px 10px;
    margin: 0;
}

/* Alt Menü Öğeleri (Adoption, Rookie Troop vb.) */
.mobile-menu .sub-menu li {
    border-bottom: 1px solid #f0f0f0; /* Maddeler arasına ince çizgi */
    margin: 0;
}

.mobile-menu .sub-menu li:last-child {
    border-bottom: none;
}

/* Alt Menü Link Stilleri */
.mobile-menu .sub-menu li a {
    color: #444444 !important; /* Koyu Gri Yazı */
    padding: 12px 12px; /* Biraz içeriden başlasın */
    font-size: 16px;
    font-weight: 400;
    display: block;
    transition: all 0.3s ease;
}


/* 4. Normal (Alt menüsü olmayan) Linkler için Ayar */
/* Örneğin "Home" linki */
.mobile-menu > ul > li:not(.menu-item-has-children) > a {
	    background-color: var(--theme-palette-color-1, #A81C1C);
    font-weight: 600;
    padding: 15px 30px;
    display: block;
}

.woocommerce-checkout-payment#payment {
    color: var(--theme-palette-color-2);
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px;
}

/* Fix: wp-block-embed width in flex groups (align-items:flex-start collapses wrapper width, breaking aspect-ratio padding trick)  */
.wp-block-group.is-layout-flex .wp-block-embed,
.wp-block-group.is-layout-flex .wp-block-embed__wrapper {
    width: 100%;
}