/* Consolidated Copilot / override styles
   Moved from inline <style> blocks in index.html
   Purpose: make header/menu area fully #0b1220 and keep buttons/menu readable
*/

/* --- custom-header-darken (broad header overrides) --- */
.elementor-element-265b08d,
.elementor-element-265b08d .e-con-inner,
.elementor-element-265b08d .e-con,
.elementor-element-265b08d .e-con-inner > .elementor-element,
.elementor-element-265b08d .elementor-widget-container,
.elementor-element-265b08d .wpr-nav-menu-container,
.elementor-element-265b08d .wpr-nav-menu-horizontal,
.elementor-element-265b08d .wpr-mobile-nav-menu-container,
.elementor-element-265b08d .wpr-mobile-toggle-wrap {
    background-image: none !important;
    background: #0b1220 !important;
    background-color: #0b1220 !important;
    box-shadow: none !important;
    border: none !important;
}
.elementor-element-265b08d hr,
.elementor-element-265b08d .wpr-nav-menu:before,
.elementor-element-265b08d .wpr-nav-menu:after {
    display: none !important;
}
.elementor-element-265b08d .wpr-nav-menu a,
.elementor-element-265b08d .elementor-button,
.elementor-element-265b08d a,
.elementor-element-265b08d .wpr-button-text {
    color: #ffffff !important;
}
.elementor-element-265b08d .elementor-widget-image,
.elementor-element-265b08d .elementor-widget-image img {
    background: transparent !important;
}
.wpr-main-menu-align-center .wpr-nav-menu-container,
.wpr-nav-menu-container,
.wpr-nav-menu-horizontal,
.wpr-main-menu-align--tabletright,
.wpr-main-menu-align--laptopleft {
    background: #0b1220 !important;
}
header, .header, .site-header {
    background: #0b1220 !important;
}

/* --- copilot-header-fix2 (defensive pseudo-element & z-index fixes) --- */
.elementor-element-265b08d,
.elementor-element-265b08d *,
.elementor-element-265b08d *::before,
.elementor-element-265b08d *::after,
.elementor-element-265b08d .e-con,
.elementor-element-265b08d .e-con-inner,
.elementor-element-265b08d .e-con-boxed {
    background-image: none !important;
    background-color: #0b1220 !important;
    background: #0b1220 !important;
    box-shadow: none !important;
    border: none !important;
}
.elementor-element-265b08d > .e-con-inner > .elementor-element,
.elementor-element-265b08d .wpr-nav-menu-container,
.elementor-element-265b08d .wpr-nav-menu-horizontal {
    background: #0b1220 !important;
}
.elementor-element-265b08d *::before,
.elementor-element-265b08d *::after {
    background: transparent !important;
    background-image: none !important;
    content: none !important;
}
.elementor-element-265b08d {
    position: relative !important;
    z-index: 9999 !important;
}
.elementor.elementor-689 > .elementor-element-265b08d,
body .elementor-element-265b08d {
    background: #0b1220 !important;
}

/* --- copilot-header-overlay (full-cover overlay but allow clicks through) --- */
.elementor-element-265b08d {
    position: relative !important;
}
.elementor-element-265b08d::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: #0b1220 !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
.elementor-element-265b08d .elementor-widget-image,
.elementor-element-265b08d .wpr-nav-menu-container,
.elementor-element-265b08d .wpr-mobile-nav-menu-container,
.elementor-element-265b08d .elementor-widget-container,
.elementor-element-265b08d nav,
.elementor-element-265b08d .wpr-button-wrap {
    position: relative !important;
    z-index: 2 !important;
}
.elementor-element-265b08d *::before,
.elementor-element-265b08d *::after {
    background: transparent !important;
    background-image: none !important;
}

/* --- copilot-phone-button-fix (phone button styling) --- */
.elementor-element-265b08d .elementor-button,
.elementor-element-265b08d .elementor-button.elementor-size-sm,
.elementor-element-265b08d .elementor-element-188b214 .elementor-button,
.elementor-element-265b08d .wpr-button-wrap .wpr-button,
.elementor-element-265b08d .wpr-button {
    background: #0b1220 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: none !important;
}
.elementor-element-265b08d .elementor-button .e-font-icon-svg path,
.elementor-element-265b08d .wpr-button .e-font-icon-svg path {
    fill: #ffffff !important;
}
.elementor-element-265b08d .elementor-button,
.elementor-element-265b08d .wpr-button-wrap {
    position: relative !important;
    z-index: 3 !important;
}
.elementor-element-265b08d .elementor-button:before,
.elementor-element-265b08d .elementor-button:after,
.elementor-element-265b08d .wpr-button:before,
.elementor-element-265b08d .wpr-button:after {
    display: none !important;
    content: none !important;
}

/* --- copilot-header-force-all (aggressive fallback) --- */
.elementor-element-265b08d *:not(img):not(svg):not(path):not(.wpr-button-text) {
    background-color: #0b1220 !important;
    background: #0b1220 !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}
.elementor-element-265b08d .wpr-nav-menu,
.elementor-element-265b08d .wpr-nav-menu li,
.elementor-element-265b08d .wpr-nav-menu a,
.elementor-element-265b08d .wpr-mobile-nav-menu,
.elementor-element-265b08d .wpr-mobile-nav-menu li {
    background: #0b1220 !important;
}
.elementor-element-265b08d a,
.elementor-element-265b08d .wpr-button-text,
.elementor-element-265b08d .elementor-button-text {
    color: #ffffff !important;
}

/* End of custom-overrides.css */

/* --- Contact card (ct-saraytesisat-contact) dark theme overrides --- */
/* Make the contact card match the near-black site background while keeping text/buttons readable */
.ct-saraytesisat-contact .ct-card {
    background: #0b1220 !important;
    background-image: none !important;
    border: 1px solid rgba(255,255,255,0.03) !important;
    box-shadow: 0 6px 22px rgba(2,6,23,0.6) !important;
}
.ct-saraytesisat-contact .ct-title {
    color: #f3f4f6 !important; /* light title */
}
.ct-saraytesisat-contact .ct-sub {
    color: #94a3b8 !important; /* muted light */
}
.ct-saraytesisat-contact .ct-link,
.ct-saraytesisat-contact .ct-link:visited {
    color: #ffffff !important;
}
.ct-saraytesisat-contact .ct-icon{
    background:#0f1724 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
    color: #ffffff !important;
}
.ct-saraytesisat-contact .ct-btn-call{
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    box-shadow: none !important;
}
.ct-saraytesisat-contact .ct-btn-wp{
    /* keep green WhatsApp feel but reduce glow for dark background */
    background: linear-gradient(90deg,#16a34a,#059669) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(5,150,105,0.12) !important;
}

@media (max-width:768px){
  .ct-saraytesisat-contact .ct-card{padding:16px !important}
}

/* --- Kayan Bant: Özel Siteler Bölümü Stilleri (kullanıcı sağladığı) --- */
.ozel-siteler-banner {
    width: 100%;
    position: relative;
    z-index: 10050 !important;
    transition: all 0.3s ease;
    padding: 10px 0;
    overflow: hidden;
    will-change: transform;
    background-color: transparent !important;
    backdrop-filter: none !important;
    border-top: 1px solid rgba(255, 255, 255, 0.03);
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.ozel-siteler-banner.fixed {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
    transition: all ease 0.4s;
}

.kayan-bant-spacer { display:none; height:62px }
.kayan-bant-spacer.active { display:block }

.ozel-siteler-container { width:100%; margin:0 auto; position:relative; overflow:hidden }
.ozel-siteler-slider { display:flex; gap:15px; padding:5px 0; overflow:hidden; position:relative; width:100% }

/* Continuous marquee: move half the duplicated track every cycle for seamless looping */
@keyframes marquee-desktop { 0% { transform: translateX(0%);} 100% { transform: translateX(-50%);} }
@keyframes marquee-mobile { 0% { transform: translateX(0%);} 100% { transform: translateX(-50%);} }

.slider-content { display:flex; gap:40px; padding:5px 0; white-space:nowrap; width:max-content; position:relative; will-change:transform; animation: marquee-desktop 25s linear infinite !important; animation-play-state: running !important; }

/* Visibility helpers to ensure the slider isn't hidden by other layers */
.ozel-siteler-banner, .slider-content, .site-item { display:block !important; visibility:visible !important; opacity:1 !important }
.ozel-siteler-banner { min-height:56px !important }

.site-item { display:inline-flex; align-items:center; padding:6px 12px; border-radius:10px; background-color: rgba(255,255,255,0.95) !important; transition: transform 0.12s ease; text-decoration:none; position:relative; overflow:hidden; --band-color:#FF9900; --band-color-rgb:255,153,0 }
.site-item:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(90deg, transparent 10%, rgba(var(--band-color-rgb), 0.08) 60%, rgba(var(--band-color-rgb), 0.15) 100%); z-index:-1; transition: opacity 0.18s ease }
.site-item:hover { background-color: rgba(255,255,255,1) !important; transform: translateY(-2px) }
.site-item:hover:before{ opacity:0.25 }
.site-item img{ height:40px; width:auto; margin-right:10px; border-radius:5px }
.giris-btn{ background:#ffffff !important; text-align:center; border-radius:30px; height:30px; font-size:12px; font-weight:bold; padding:0 15px; display:flex; align-items:center; justify-content:center; color:#000000 !important; white-space:nowrap; transition: transform 0.12s ease }
.site-item:hover .giris-btn{ transform: scale(1.02) }

@media (max-width:768px){
    .ozel-siteler-banner{ padding:6px 0 }
    .ozel-siteler-banner.fixed{ top:70px }
    .kayan-bant-spacer{ height:52px }
    .slider-content{ gap:15px; animation: marquee-mobile 25s linear infinite }
    .site-item{ padding:3px 10px }
    .site-item img{ height:30px; margin-right:8px }
    .giris-btn{ padding:3px 8px; font-size:10px }
}

@media (max-width:480px){
    .ozel-siteler-banner.fixed{ top:50px }
    .site-item img{ height:25px; margin-right:6px }
    .slider-content{ animation: marquee-mobile 25s linear infinite }
}

@media (prefers-reduced-motion: reduce){ .slider-content{ animation:none !important } }

/* --- Kuvvetli override: kayan bantın YATAY ve merkezlenmiş görünmesi için --- */
/* Bu kurallar diğer eklenti/elementor stillerini geçersiz kılmak üzere !important kullanır */
.ozel-siteler-banner {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 8px 0 !important;
    box-sizing: border-box !important;
}
.ozel-siteler-container {
    display: block !important;
     /* Make the container span the full viewport so the banner is full-bleed */
     max-width: 100% !important;
     width: 100% !important;
     margin: 0 !important;
     padding: 0 8px !important;
    overflow: visible !important;
}
.ozel-siteler-slider {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
}
.slider-content {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    /* ensure slider uses its intrinsic width (max-content) so duplication/translate -50% works */
    /* removed forced 100vw/margin-left which broke seamless looping */
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 24px !important;
    width: max-content !important;
    margin: 0 auto !important;
    padding: 6px 0 !important;
}
.site-item {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 6px 12px !important;
    border-radius: 10px !important;
}
.site-item img { height: 48px !important; width: auto !important; margin: 0 !important; }
.ozel-siteler-banner .giris-btn { margin-left: 8px !important; }

/* site-item label (text instead of logo) */
.site-item-label { display:inline-block; font-weight:600; font-size:16px; margin-right:12px; color:#000000 !important; }

/* Logo text replacement styling */
.site-logo-text {
    color: #fff !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    letter-spacing: 0.5px !important;
}

/* Mobilde biraz daha sıkışık görünmemesi için ayarlar */
@media (max-width:768px){
    .slider-content{ gap:12px !important }
    .site-item img{ height:34px !important }
    .site-item{ padding:4px 8px !important }
}

/* Mobile: center the header logo for small screens */
@media (max-width:768px){
    /* center the image widget that contains the logo */
    .elementor-element-dd08540 .elementor-widget-container,
    .elementor-element-265b08d .elementor-widget-image { text-align: center !important; }
    .elementor-element-dd08540 .elementor-widget-container img,
    .elementor-element-265b08d .elementor-widget-image img { display: inline-block !important; margin: 0 auto !important; }
}

/* More aggressive: parent flex container centering for mobile */
@media (max-width:768px){
    .elementor-element-7b5dbbf.e-con-full.e-flex,
    .elementor-element-265b08d .e-con-inner,
    .elementor-element-265b08d .e-con {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    /* ensure nav/menu below keeps its spacing by forcing flex-direction column on small screens */
    .elementor-element-265b08d .e-con-inner { flex-direction: column !important; gap: 12px !important; }
}

/* Ensure text inside items is dark to match white buttons */
.ozel-siteler-banner .site-item,
.ozel-siteler-banner .site-item * { color: #000 !important; }

/* Prevent hover from pausing the marquee */
.slider-content:hover { animation-play-state: running !important; }