/*
Theme Name:  Kulüp Child
Template:    Impreza
Description: Futbol kulübü şablonu için Impreza child teması. Görünümün neredeyse tamamı Impreza Theme Options, Header Builder, Grid Builder, Page Templates ve Reusable Blocks ile yapılır; bu dosyada yalnızca Impreza'nın karşılamadığı küçük ekler bulunur.
Version:     0.2.6
Text Domain: kulup-child
*/

/* Dev, içi boş başlık: WPBakery'de bir başlığa "kc-kontur" sınıfı vererek kullanılır. */
.kc-kontur { color: transparent !important; -webkit-text-stroke: 2px var(--color-content-primary); }

/* Kayan şerit: bir Row'a "kc-serit" sınıfı, içindeki metne "kc-serit-ic" sınıfı verilir. */
.kc-serit { overflow: hidden; background: var(--color-content-primary); color: var(--color-content-bg); transform: rotate(-2deg); }
.kc-serit-ic { display: flex; width: max-content; white-space: nowrap; gap: 40px; animation: kc-kay 5s linear 1; }
@keyframes kc-kay { to { transform: translateX(-50%); } }

/* Scroll ile beliren bölümler (2027 tarayıcıları: animation-timeline). Row'a "kc-belir" sınıfı verilir. */
@supports (animation-timeline: view()) {
	.kc-belir { animation: kc-belir linear both; animation-timeline: view(); animation-range: entry 0% entry 45%; }
	@keyframes kc-belir { from { opacity: 0; transform: translateY(60px); } to { opacity: 1; transform: none; } }
}
@media (prefers-reduced-motion: reduce) {
	.kc-serit-ic, .kc-belir { animation: none; }
}

/* Mobil kulüp menüsü: Impreza tam ekran menüsünün görsel tamamlayıcısı.
 * Açma/kapatma, klavye ve alt menüler temanın yerel davranışını kullanır. */
@media (max-width: 1100px) {
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 {
    padding: calc(var(--header-height, 72px) + 36px) 24px 30px;
    background: linear-gradient(to bottom, var(--color-content-primary, #1A70B8) 0, var(--color-content-primary, #1A70B8) var(--header-height, 72px), #07141F var(--header-height, 72px), #07141F 100%);
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
    column-gap: 12px;
    text-align: left;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #1A70B8 #07141F;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > .w-nav-item {
    width: 100%;
    flex: 0 0 100%;
    border-bottom: 1px solid rgba(185, 219, 243, .18);
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-anchor.level_1 {
    min-height: 60px;
    padding: 18px 38px 18px 24px;
    line-height: 1.4;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .035em;
    border-radius: 0;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-anchor.level_1::before {
    content: '';
    position: absolute;
    left: 2px;
    top: 26px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3AA7EF;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_2 {
    padding: 4px 8px 10px 16px;
    border-left: 2px solid #1A70B8;
    margin: 0 0 12px 3px;
    width: calc(100% - 3px);
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-anchor.level_2 {
    min-height: 44px;
    padding: 12px 14px;
    line-height: 1.45;
    font-weight: 400;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 > .kc-menu-action {
    flex: 0 0 calc(50% - 6px);
    width: calc(50% - 6px);
    border: 0;
    margin-top: 28px;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .kc-menu-action > .w-nav-anchor.level_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 56px;
    padding: 15px 8px;
    border: 1px solid #4B86AF;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: .025em;
    text-align: center;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .kc-menu-action > .w-nav-anchor::before { content: none; }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .kc-menu-match > .w-nav-anchor.level_1 { background: #1A70B8; border-color: #1A70B8; }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1::after {
    content: 'BİR ŞEHİR. TEK YÜREK.';
    display: block;
    flex: 0 0 100%;
    padding-top: 30px;
    color: #8BA8BB;
    font-size: 10px;
    letter-spacing: .2em;
    text-align: center;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-close {
    position: fixed;
    top: 0;
    right: 4px;
    width: 56px;
    height: var(--header-height, 72px);
    z-index: 7;
    background: transparent;
    color: #FFFFFF;
  }
  .l-header .w-text { position: relative; z-index: 5; }
  .l-header .w-nav.type_mobile .w-nav-anchor:focus-visible,
  .l-header .w-nav.type_mobile .w-nav-control:focus-visible,
  .l-header .w-nav.type_mobile .w-nav-item-toggle:focus-visible,
  .l-header .w-nav.type_mobile .w-nav-close button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: -3px; }
}
@media (min-width: 1101px) {
  .l-header .kc-menu-contact { display: none; }
}

@media (max-width: 1100px) {
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1::before {
    content: '';
    position: fixed;
    inset: 0 0 auto;
    height: var(--header-height, 72px);
    background: var(--color-content-primary, #1A70B8);
    z-index: 4;
    pointer-events: none;
  }
  .l-header .w-nav.type_mobile.m_layout_fullscreen .w-nav-anchor.level_1 {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }
}

/* Anasayfa: yinelenen shortcode boşluklarını dengeli bir ölçeğe indirir. */
.home .kcv-hero { min-height: 0; padding-top: 36px; padding-bottom: 40px; }
.home .kc-next-feature--hero { margin-top: 32px; }
.home .kcv-serit-alan { height: 150px; margin-top: 16px; margin-bottom: 20px; }
.home .kcv-yildizlar { padding-top: 56px; }
.home .kcv-deste { margin-top: 28px; }
.home .kcv-sayaclar { margin-top: 48px; }
.home .kcv-sayaclar-ic { padding-top: 48px; padding-bottom: 48px; }
.home .kcv-cagri { margin-top: 48px; margin-bottom: 12px; padding-top: 40px; padding-bottom: 40px; }
@media (max-width: 900px) {
  .home .kcv-hero { min-height: 0; padding-top: 100px; padding-bottom: 28px; }
  .home .kcv-hero-gorsel::after { background: linear-gradient(180deg, rgba(255,255,255,.15) 0, rgba(255,255,255,.9) 135px, #FFFFFF 520px); }
  .home .kc-next-feature--hero { margin-top: 24px; }
  .home .kcv-dev-baslik { margin-top: 12px; padding-top: 0; }
  .home .kcv-serit-alan { height: 126px; margin-top: 8px; margin-bottom: 12px; }
  .home .kcv-match-overview { gap: 28px; }
  .home .kcv-yildizlar { padding-top: 36px; }
  .home .kcv-deste { margin-top: 24px; }
  .home .kcv-sayaclar { margin-top: 36px; }
  .home .kcv-sayaclar-ic { padding-top: 32px; padding-bottom: 32px; }
  .home .kcv-cagri { margin-top: 32px; margin-bottom: 8px; padding-top: 28px; padding-bottom: 28px; }
}