/* AQUA BELLA — modern katman. Yerleşimi değiştirmez; yalnızca yüzey, tipografi, buton, kart ve hareket. html.modern altında çalışır. */
html.modern{--m-ana:#0a5c7f;--m-ana-2:#1491b8;--m-turkuaz:#59c6d4;--m-koyu:#0f2537;--m-metin:#334155;--m-cizgi:#e2ebf1;--m-yuzey:#f6fafc;--m-r:18px;--m-golge:0 1px 2px rgba(15,37,55,.04),0 8px 24px rgba(15,37,55,.06);--m-golge-2:0 2px 4px rgba(15,37,55,.05),0 18px 40px rgba(10,92,127,.14);--m-gecis:.35s cubic-bezier(.2,.7,.2,1)}
html.modern body{color:var(--m-metin);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.modern main h1,html.modern main h2,html.modern main h3{color:var(--m-koyu);letter-spacing:-.02em}
html.modern main .neden-biz-bolum h2,html.modern main .neden-biz-bolum h3,html.modern main .arka-koyu h2,html.modern main .arka-koyu h3,html.modern main .cta-enterprise h2,html.modern main .hs-wrap h1,html.modern main .hs-wrap h2,html.modern main .yazi-cta strong{color:#fff}
html.modern ::selection{background:#bfe7ef;color:var(--m-koyu)}
html.modern :focus-visible{outline:3px solid rgba(89,198,212,.6);outline-offset:3px;border-radius:8px}

/* Üst bar + header: cam efekti, kaydırınca incelme */
html.modern .ust-bar{background:linear-gradient(90deg,#0b2a3d,#0a3d5c)}
html.modern .ana-header{background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(226,235,241,.8);box-shadow:none;transition:box-shadow var(--m-gecis),background var(--m-gecis)}
html.modern.m-kaydi .ana-header{background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(15,37,55,.08)}
html.modern .menu-listesi>li>a{position:relative;font-weight:600;letter-spacing:-.005em;transition:color var(--m-gecis)}
html.modern .menu-listesi>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz));transform:scaleX(0);transform-origin:left;transition:transform var(--m-gecis)}
html.modern .menu-listesi>li:hover>a::after,html.modern .menu-listesi>li.current-menu-item>a::after,html.modern .menu-listesi>li.current-menu-ancestor>a::after{transform:scaleX(1)}
html.modern .menu-listesi .sub-menu{border-radius:16px;border:1px solid var(--m-cizgi);box-shadow:0 24px 50px rgba(15,37,55,.14);padding:8px;overflow:hidden}
html.modern .menu-listesi .sub-menu a{border-radius:10px;transition:background var(--m-gecis),color var(--m-gecis),padding var(--m-gecis)}
html.modern .menu-listesi .sub-menu a:hover{background:var(--m-yuzey);color:var(--m-ana);padding-left:22px}

/* Butonlar: tek dil — degrade, yumuşak gölge, ok kayması, parıltı */
html.modern .teklif-btn,html.modern .btn-hero-ana,html.modern .cta-btn-ana,html.modern .button,html.modern .sk-btn,html.modern .home-all-guides,html.modern .woocommerce a.button,html.modern .woocommerce button.button,html.modern input[type=submit],html.modern button[type=submit]{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--m-ana) 0%,var(--m-ana-2) 100%)!important;color:#fff!important;border:0!important;border-radius:999px!important;font-weight:700!important;letter-spacing:.01em;box-shadow:0 6px 18px rgba(10,92,127,.28),inset 0 1px 0 rgba(255,255,255,.18);transition:transform var(--m-gecis),box-shadow var(--m-gecis),filter var(--m-gecis)!important;text-decoration:none!important}
html.modern .teklif-btn:hover,html.modern .btn-hero-ana:hover,html.modern .cta-btn-ana:hover,html.modern .button:hover,html.modern .sk-btn:hover,html.modern .home-all-guides:hover,html.modern .woocommerce a.button:hover,html.modern input[type=submit]:hover,html.modern button[type=submit]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,92,127,.36),inset 0 1px 0 rgba(255,255,255,.22);filter:saturate(1.1)}
html.modern .teklif-btn::before,html.modern .btn-hero-ana::before,html.modern .cta-btn-ana::before,html.modern .button::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease;pointer-events:none}
html.modern .teklif-btn:hover::before,html.modern .btn-hero-ana:hover::before,html.modern .cta-btn-ana:hover::before,html.modern .button:hover::before{transform:translateX(120%)}
html.modern .btn-hero-ana svg,html.modern .cta-btn-ana svg,html.modern .home-all-guides svg{transition:transform var(--m-gecis)}
html.modern .btn-hero-ana:hover svg,html.modern .cta-btn-ana:hover svg,html.modern .home-all-guides:hover svg{transform:translateX(4px)}
html.modern .btn-hero-ikincil,html.modern .cta-btn-ikincil{border-radius:999px!important;background:rgba(255,255,255,.08)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(255,255,255,.55)!important;color:#fff!important;transition:background var(--m-gecis),transform var(--m-gecis)!important}
html.modern .btn-hero-ikincil:hover,html.modern .cta-btn-ikincil:hover{background:rgba(255,255,255,.18)!important;transform:translateY(-2px)}
html.modern .button:active,html.modern .btn-hero:active{transform:translateY(0) scale(.98)}

/* Giriş slaytı: rozetler cam, başlık gölgesi */
html.modern .hs-rozet-cip{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.25)}
html.modern .hero-baslik{text-shadow:0 2px 24px rgba(0,0,0,.25);letter-spacing:-.03em}
html.modern .hs-ok,html.modern .hws-ok,html.modern .hs-scroll-oku{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform var(--m-gecis),background var(--m-gecis)}
html.modern .hs-ok:hover,html.modern .hws-ok:hover{transform:scale(1.08)}

/* Kartlar: yumuşak köşe, ince çizgi, hover'da kalkma ve görsel yakınlaşma */
html.modern .home-entry-card,html.modern .hizmet-kart-r,html.modern .sektor-kart,html.modern .blog-kart,html.modern .nc-kart,html.modern .neden-oge,html.modern .ilgili-kart,html.modern .woocommerce ul.products li.product{border-radius:var(--m-r)!important;border:1px solid var(--m-cizgi)!important;box-shadow:var(--m-golge)!important;transition:transform var(--m-gecis),box-shadow var(--m-gecis),border-color var(--m-gecis)!important;overflow:hidden}
html.modern .home-entry-card:hover,html.modern .hizmet-kart-r:hover,html.modern .sektor-kart:hover,html.modern .blog-kart:hover,html.modern .nc-kart:hover,html.modern .ilgili-kart:hover,html.modern .woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:var(--m-golge-2)!important;border-color:#cfe4ee!important}
html.modern .neden-oge{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important;backdrop-filter:blur(6px)}
html.modern .hkr-gorsel img,html.modern .sk-gorsel img,html.modern .blog-gorsel img,html.modern .woocommerce ul.products li.product img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
html.modern .hizmet-kart-r:hover .hkr-gorsel img,html.modern .sektor-kart:hover .sk-gorsel img,html.modern .blog-kart:hover .blog-gorsel img,html.modern .woocommerce ul.products li.product:hover img{transform:scale(1.06)}
html.modern .home-entry-card{position:relative}
html.modern .home-entry-card::after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz));transform:scaleX(0);transform-origin:left;transition:transform var(--m-gecis)}
html.modern .home-entry-card:hover::after{transform:scaleX(1)}
html.modern .nc-ikon,html.modern .neden-ikon{transition:transform var(--m-gecis)}
html.modern .nc-kart:hover .nc-ikon,html.modern .neden-oge:hover .neden-ikon{transform:translateY(-3px) rotate(-4deg)}

/* Bölüm başlıkları: küçük renkli çizgi */
html.modern .bolum-baslik h2::after,html.modern #cozumler h2::after{content:"";display:block;width:48px;height:4px;border-radius:4px;margin:14px auto 0;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz))}

/* Sayfa başlık alanı: yumuşak ağ degrade + dalga */
html.modern .page-hero{position:relative;overflow:hidden;background:radial-gradient(1200px 400px at 85% -10%,rgba(89,198,212,.28),transparent 60%),radial-gradient(900px 380px at 0% 120%,rgba(10,92,127,.14),transparent 60%),linear-gradient(180deg,#f2f9fc,#ffffff)!important;border-bottom:0!important}
html.modern .page-hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 28' preserveAspectRatio='none'%3E%3Cpath d='M0 28V14C240 0 480 0 720 12s480 14 720 0v16Z' fill='%23fff'/%3E%3C/svg%3E") center/100% 100% no-repeat}
html.modern .page-hero h1{font-weight:800;letter-spacing:-.03em}
html.modern .breadcrumbs a{text-decoration:none;color:var(--m-ana)}
html.modern .breadcrumbs ol{display:inline-flex;gap:6px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.7);border:1px solid var(--m-cizgi);backdrop-filter:blur(6px)}

/* İçerik: daha okunaklı tipografi */
html.modern .prose{color:var(--m-metin)}
html.modern .prose h2{font-weight:800}
html.modern .prose a{text-decoration-color:rgba(10,92,127,.35);text-decoration-thickness:2px;transition:text-decoration-color var(--m-gecis)}
html.modern .prose a:hover{text-decoration-color:var(--m-ana)}
html.modern .prose table{border-radius:14px;border:1px solid var(--m-cizgi);box-shadow:var(--m-golge)}
html.modern .prose th{background:linear-gradient(180deg,#f2f8fb,#eaf4f8)!important;color:var(--m-koyu)}
html.modern .prose tr:nth-child(even) td{background:#fafcfd}
html.modern .bilgi-kutu{border-left:0!important;border-radius:14px!important;background:linear-gradient(135deg,#ecf8f1,#f3fbf6)!important;box-shadow:inset 4px 0 0 #27ae60}
html.modern .kirec-sss details{border-radius:14px;border-color:var(--m-cizgi);transition:box-shadow var(--m-gecis),border-color var(--m-gecis)}
html.modern .kirec-sss details[open]{box-shadow:var(--m-golge);border-color:#cfe4ee}
html.modern .kirec-sss summary{list-style:none;display:flex;justify-content:space-between;gap:12px}
html.modern .kirec-sss summary::-webkit-details-marker{display:none}
html.modern .kirec-sss summary::after{content:"+";font-size:20px;line-height:1;color:var(--m-ana);transition:transform var(--m-gecis)}
html.modern .kirec-sss details[open] summary::after{transform:rotate(45deg)}
html.modern .yazi-cta{border-radius:22px;background:radial-gradient(600px 200px at 100% 0%,rgba(89,198,212,.35),transparent 60%),linear-gradient(135deg,#0b2a3d,#0a5c7f)}
html.modern .yazi-cta .button{background:#fff!important;color:var(--m-ana)!important}

/* Formlar */
html.modern input[type=text],html.modern input[type=email],html.modern input[type=tel],html.modern select,html.modern textarea{border-radius:12px!important;border:1.5px solid var(--m-cizgi)!important;background:#fbfdfe!important;transition:border-color var(--m-gecis),box-shadow var(--m-gecis)!important}
html.modern input:focus,html.modern select:focus,html.modern textarea:focus{border-color:var(--m-turkuaz)!important;box-shadow:0 0 0 4px rgba(89,198,212,.18)!important;outline:none}

/* Footer */
html.modern .ana-footer{position:relative}
html.modern .ana-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz),var(--m-ana))}
html.modern .footer-menu a{transition:color var(--m-gecis),padding var(--m-gecis)}
html.modern .footer-menu a:hover{padding-left:6px;color:#fff}

/* Sabit butonlar */
html.modern .scta-btn{box-shadow:0 10px 26px rgba(15,37,55,.22)!important;transition:transform var(--m-gecis)!important}
html.modern .scta-btn:hover{transform:translateY(-3px) scale(1.05)}
html.modern .scta-wa{animation:m-nabiz 2.8s ease-out infinite}
@keyframes m-nabiz{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45),0 10px 26px rgba(15,37,55,.22)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0),0 10px 26px rgba(15,37,55,.22)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0),0 10px 26px rgba(15,37,55,.22)}}

/* Kaydırınca beliren bölümler */
html.modern.m-js .m-gorun{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
html.modern.m-js .m-gorun.m-gorundu{opacity:1;transform:none}

/* Üstte ince okuma/kaydırma çizgisi */
html.modern .m-sayfa-ilerleme{position:fixed;left:0;top:0;height:3px;width:0;z-index:3000;background:linear-gradient(90deg,var(--m-ana),var(--m-turkuaz));pointer-events:none}

@media (prefers-reduced-motion:reduce){html.modern *,html.modern *::before,html.modern *::after{animation:none!important;transition:none!important}html.modern.m-js .m-gorun{opacity:1;transform:none}}
html.modern #cozumler{background:radial-gradient(900px 300px at 10% 0%,rgba(89,198,212,.18),transparent 60%),linear-gradient(180deg,#eef5f9,#e2edf3)!important}

/* Footer: koyu zeminde açık renkler */
html.modern .ana-footer .footer-baslik{color:#fff!important}
html.modern .ana-footer,html.modern .ana-footer p,html.modern .ana-footer li,html.modern .ana-footer span,html.modern .ana-footer dt,html.modern .ana-footer dd{color:rgba(255,255,255,.78)}
html.modern .ana-footer a{color:rgba(255,255,255,.85)}
html.modern .ana-footer a:hover{color:#fff}

/* Mobil menü (sağdan açılan koyu panel): masaüstü süslerini kapat, yazıları açık renk yap */
@media (max-width:992px){
html.modern #anaNav .menu-listesi>li>a::after{display:none}
html.modern #anaNav a,html.modern #anaNav span{color:#fff!important}
html.modern #anaNav .sub-menu{border:0!important;box-shadow:none!important;padding:0!important;border-radius:10px!important}
html.modern #anaNav .sub-menu a{color:rgba(255,255,255,.85)!important;padding-left:inherit}
html.modern #anaNav .sub-menu a:hover,html.modern #anaNav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
html.modern #anaNav .current-menu-item>a{color:#59c6d4!important}
}