/* =====================================================================
   Korkmaz Elektrik Mühendislik — v3 düzenlemeleri (en son yüklenir)
   ===================================================================== */

/* ---------- Görseller: tek parça sprite yerine ayrı, hafif dosyalar ---------- */
.photo{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.photo-0{background-image:url('/assets/photos/hizmet-1.jpg')}
.photo-1{background-image:url('/assets/photos/hizmet-2.jpg')}
.photo-2{background-image:url('/assets/photos/hizmet-3.jpg')}
.photo-3{background-image:url('/assets/photos/hizmet-4.jpg')}
.photo-4{background-image:url('/assets/photos/hizmet-5.jpg')}
.photo-5{background-image:url('/assets/photos/hizmet-6.jpg')}
.tile{background-image:url('/assets/photos/hizmet-1.jpg');background-size:cover}
.hero-one{background-image:linear-gradient(90deg,#10182ba6,#10182b30),url('/assets/hero.jpg')}
.hero-two{background-image:linear-gradient(90deg,#10182ba6,#10182b30),url('/assets/photos/hizmet-5.jpg');background-size:auto,cover!important;background-position:center,center!important}
.h3_service_area{background:linear-gradient(#f5ecd9ed,#f5ecd9ed),url('/assets/hero.jpg') center/cover}
.sidebar-visual{background:linear-gradient(#1e2547e3,#1e2547e3),url('/assets/hero.jpg') center/cover!important}
.project-banner{background:linear-gradient(90deg,#151c38f0,#1e2547c0),url('/assets/hero.jpg') center/cover}
/* Panelden yüklenen (inline) görseller her zaman öncelikli */
[style*="background-image"]{background-size:cover!important}

/* ---------- Üst bilgi çubuğu ---------- */
.header_top_area .col-12{display:flex;align-items:center;justify-content:space-between;gap:20px}
.header_top_area .header_left i{margin-right:7px;color:#dfc379!important}
.topbar-social{display:flex;align-items:center;gap:8px}
.topbar-social a{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ffffff14;color:#fff;transition:background .2s,color .2s}
.topbar-social a:hover{background:#ba9247;color:#fff}
.topbar-social svg{width:14px;height:14px;display:block}
@media(max-width:991px){.topbar-social{display:none}.header_top_area .col-12{justify-content:center}}

/* ---------- Logo (şeffaf PNG; beyaz zemin CSS ile eklenir) ---------- */
.brand-logo{object-view-box:none!important;object-fit:contain!important;padding:0!important}
.site_logo_area{width:auto!important;background:transparent!important;box-shadow:none!important;display:inline-flex}
.site_logo_area .main_logo{display:flex!important;align-items:center}
.site_logo_area .brand-logo{width:auto!important;height:86px!important;max-width:none}
.site_logo_area.logo-plate .main_logo{background:#fff;padding:7px 16px;border-radius:0 0 12px 12px;box-shadow:0 10px 28px #0b10242e}
.main_menu_area.sticky .site_logo_area .brand-logo{height:66px!important}
.main_menu_area.sticky .site_logo_area.logo-plate .main_logo{padding:5px 12px;border-radius:0 0 10px 10px}
.mobile_logo_area .brand-logo{width:auto!important;height:62px!important}
.mobile-logo-link{display:inline-flex;align-items:center;padding:4px 0}
.footer_logo{background:none!important;padding:0!important;display:inline-block}
.footer_logo .brand-logo{width:auto!important;height:120px!important}
@media(max-width:1199px){.site_logo_area .brand-logo{height:76px!important}}

/* ---------- Ana menü ---------- */
.desktop-sub-toggle{display:none!important}
.inner_main_nav_area .has-submenu>a{padding-right:0!important}
.inner_main_nav_area>ul>li.has-submenu>a::after{content:''!important;display:inline-block!important;position:static!important;width:6px!important;height:6px!important;border:0!important;border-right:1.6px solid currentColor!important;border-bottom:1.6px solid currentColor!important;background:none!important;transform:rotate(45deg) translateY(-3px)!important;margin-left:7px!important;opacity:.8}
.inner_main_nav_area>ul>li>a{transition:color .2s}
.inner_main_nav_area>ul>li:hover>a,.inner_main_nav_area>ul>li.active>a{color:#dfc379!important}
.main_menu_area .sub_menu li a.current{background:#f5ecd9!important}
.mobile-nav a.current{color:#ba9247!important}

/* ---------- İç sayfalar: başlık alanı artık menünün altına binmez ---------- */
.inner-page .main_menu_area{position:relative!important;top:auto!important;background:#1e2547}
.inner-page .main_menu_area.sticky{position:fixed!important;top:0!important;left:0;right:0}
.fgpage-title.page-title{padding:72px 0 64px!important;background:linear-gradient(#1e2547cc,#1e2547cc),url('/assets/hero.jpg') center 45%/cover!important}
.fgpage-title.page-title h1{font-size:38px!important;line-height:1.25;margin-bottom:14px!important}
.fgpage-title.page-title>div>div{font-size:14px}
@media(max-width:767px){.fgpage-title.page-title{padding:44px 0 40px!important}.fgpage-title.page-title h1{font-size:26px!important}}

/* ---------- Dağınık görünen süs öğeleri kaldırıldı ---------- */
.about_left_shap,.about_down_shap,.about_right_shap,.feature_shap,.blog_left_shap,.blog_shap,.brand_shap,.counter_shap,.testi_shap,img.decor{display:none!important}
.g_btn a:before,.g_btn a:after{display:none!important}
.g_btn a{transition:background .2s,color .2s}
.g_btn a:hover{background:#1e2547!important;color:#fff!important}

/* ---------- Sabit iletişim butonları ---------- */
.fixed-contact a{transition:transform .2s}
.fixed-contact a:hover{transform:translateX(3px)}
.fixed-contact a.fixed-phone{background:#1e2547!important}
.fixed-contact a.fixed-whatsapp{background:#25a85a!important}
@media(max-width:767px){
 .fixed-contact{left:auto!important;right:12px!important;bottom:14px!important;gap:8px!important}
 .fixed-contact a{width:46px!important;height:46px!important;border-radius:50%!important;box-shadow:0 6px 18px #0003!important}
 .fixed-contact a.fixed-quote,.fixed-contact a.fixed-instagram{display:none!important}
 .scroll-top{bottom:130px!important;right:16px!important}
}

/* ---------- İletişim sayfası bilgi kutuları + harita ---------- */
.contact-info-v2{padding:80px 0 30px}
.contact-info-v2 .contact-info-head{text-align:center;max-width:720px;margin:0 auto 40px}
.contact-info-v2 .contact-info-head h2{font-size:34px;color:#1e2547;margin-bottom:12px}
.contact-info-v2 .contact-info-head p{color:#5d6475}
.contact-info-v2 .contact-info-row{row-gap:24px}
.contact-info-v2 .contact-info{height:100%;background:#fff;border:1px solid #eceff4;border-top:3px solid #ba9247;padding:30px 26px;box-shadow:0 12px 34px #10182b0f;border-radius:6px}
.contact-info-v2 .contact-info i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f5ecd9;color:#ba9247;font-size:22px;margin-bottom:16px}
.contact-info-v2 .contact-info h3{font-size:18px;color:#1e2547;margin-bottom:10px}
.contact-info-v2 .contact-info a,.contact-info-v2 .contact-info p{display:block;color:#4a5160;font-size:15px;line-height:1.7;margin:0;word-break:break-word}
.contact-info-v2 .contact-info a:hover{color:#ba9247}
.contact-info-v2 .contact-info a.map-link{margin-top:10px;color:#ba9247;font-weight:600}
.contact-map{margin-top:40px;border-radius:8px;overflow:hidden;box-shadow:0 12px 34px #10182b14;line-height:0}
.contact-map iframe{width:100%;height:420px;border:0}
@media(max-width:767px){.contact-info-v2{padding:50px 0 10px}.contact-map iframe{height:300px}}

/* ---------- Footer ---------- */
.v3-footer .footer-social a{display:inline-grid;place-items:center}
.v3-footer .footer-social svg{width:16px;height:16px}
.footer-hours{opacity:.85}
.copy_right_menu a+a{margin-left:18px}

/* ---------- Genel ---------- */
html,body{overflow-x:hidden}
.contact-info-v2 .contact-info{min-height:0!important}
.contact-info-v2 .contact-info a[href^="mailto"]{font-size:14px;overflow-wrap:anywhere}
@media(min-width:992px){.inner_main_nav_area>ul>li.has-submenu{margin-right:4px}}
.contact-info-v2 .contact-info{margin:0!important}@media(max-width:767px){.contact-info-v2 .contact-info{height:auto;padding:24px 22px}}

/* ---------- Bölge sayfası ikonları (SVG) ---------- */
.ico{display:block;width:1em;height:1em;flex:none}
.district-symbol{display:inline-grid!important;place-items:center;font-size:0!important;line-height:0!important}
.district-symbol .ico{width:20px;height:20px;color:#ba9247}
.ico-wrap{display:inline-grid!important;place-items:center;font-size:0!important;line-height:0!important;vertical-align:middle}
.ico-wrap .ico{width:17px;height:17px}
.district-card-head .ico-wrap{color:#ba9247;transition:transform .2s}
.district-card:hover .district-card-head .ico-wrap{transform:translate(2px,-2px)}
.street-pin{display:inline-grid!important;place-items:center;font-size:0!important;line-height:0!important;vertical-align:middle;margin-right:6px}
.street-pin .ico{width:15px;height:15px;color:#ba9247}
.search-ico{display:inline-grid!important;place-items:center;font-size:0!important;line-height:0!important}
.search-ico .ico{width:19px;height:19px;color:#8a8f9c}
.skip-link{top:0!important;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:none}

/* ---------- Galeri büyütme penceresi (ortada açılır) ---------- */
dialog#lightbox{position:fixed!important;inset:0!important;margin:auto!important;width:min(960px,calc(100% - 32px))!important;max-width:none;height:fit-content!important;max-height:calc(100vh - 40px)!important;padding:0!important;border:0;border-radius:14px;overflow:hidden!important;background:#fff;box-shadow:0 30px 100px #0007}
dialog#lightbox[open]{display:flex;flex-direction:column;animation:lbIn .25s ease}
dialog#lightbox::backdrop{background:#0b1024e0;backdrop-filter:blur(3px)}
#lightbox-content{display:flex;flex-direction:column;min-height:0}
#lightbox-content .photo{aspect-ratio:16/10!important;width:100%;max-height:calc(100vh - 200px);flex:none}
#lightbox-content h2{font-size:22px!important;margin:20px 28px 6px!important;color:#1e2547}
#lightbox-content p{margin:0 28px 24px!important;font-size:14px;color:#6b7280}
#lightbox .close-dialog{position:absolute!important;top:12px!important;right:12px!important;z-index:3;width:42px;height:42px;border-radius:50%;background:#fff!important;color:#1e2547!important;font-size:26px!important;line-height:40px;box-shadow:0 6px 20px #0004;cursor:pointer;display:grid;place-items:center;padding:0}
#lightbox .close-dialog:hover{background:#ba9247!important;color:#fff!important}
@keyframes lbIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@media(max-width:767px){#lightbox-content h2{font-size:18px!important;margin:16px 18px 4px!important}#lightbox-content p{margin:0 18px 18px!important}}
html:has(dialog#lightbox[open]){overflow:hidden}
#lightbox-content{width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}
#lightbox-content h2,#lightbox-content p{box-sizing:border-box;width:auto;max-width:none;margin-left:0!important;margin-right:0!important;padding:0 28px}
@media(max-width:767px){#lightbox-content h2,#lightbox-content p{padding:0 18px}}
#cms-lightbox-note:empty{display:none}#lightbox-content h2{margin-bottom:22px!important}#lightbox-content h2:has(+#cms-lightbox-note:not(:empty)){margin-bottom:6px!important}
.photo[style*="kosk-direk-trafo"]{background-position:center 30%!important}.photo[style*="trafo-kurulumu"]{background-position:center 40%!important}
#lightbox-content .photo{background-size:contain!important;background-position:center!important;background-color:#10162e;aspect-ratio:auto!important;height:min(68vh,640px)}@media(max-width:767px){#lightbox-content .photo{height:58vh}}