/* ═══════════════════════════════════════════════════════════════ sifirdanmusteri.com — ortak header/footer (ortak-ust.css) Kendi stili olan eski sayfalar (sorular, 404, yasal metinler) bu dosyayı yükler. Sayfanın kendi düzenine dokunmamak için HİÇBİR taban seçici (body, p, h1…) yok; sadece .sm-* ile başlayan kendi sınıfları ve palet burada sabit yazılı. ═══════════════════════════════════════════════════════════════ */ /* ── Eski sayfa tokenları ── Eski sayfaların gövde stilleri renkleri --accent/--line/--muted gibi adlarla ve mor bir yedek değerle (#5d4b9e) çağırıyor. Token tanımı sayfanın kendi 'indeydi; o blok kaybolduğunda bağlantılar mora dönüyordu. Değerler sayfaların kendi :root bloklarıyla birebir aynı. */ :root{ --bg:#f5f7f6; --card:#ffffff; --ink:#0d1b17; --muted:#4a5a54; --accent:#0e7a5f; --accent-deep:#0b6049; --line:rgba(13,27,23,.1); } /* ── Eski sayfa iskeleti ── Bu dosyayı yükleyen sayfalar kendi taban stillerini gövde içinde taşıyordu; sitenin üretim betikleri bir sayfanın 'ini yenilediğinde o blok kaybolabiliyor (sorular.html'de yaşandı). Değerler o sayfaların kendi kurallarıyla birebir aynı, bu yüzden üzerine yazması bir şeyi kaydırmaz — yalnız eksikse doldurur. */ .wrap{max-width:780px;margin:0 auto;padding:0 24px} main{padding:48px 0 72px} .kick{ display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.1em; text-transform:uppercase;color:#0e7a5f;background:rgba(14,122,95,.1); padding:5px 12px;border-radius:6px;margin-bottom:14px; } .updated{color:rgba(13,27,23,.66);font-size:.88rem;margin-top:10px} .card{background:#fff;border:1px solid rgba(13,27,23,.1);border-radius:14px;padding:24px 26px;margin-top:22px} .site-header{ position:sticky;top:0;z-index:120; background:rgba(245,247,246,.9); backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); border-bottom:1px solid rgba(13,27,23,.1); font-family:'IBM Plex Sans',system-ui,-apple-system,sans-serif; } .site-header::after{ content:"";position:absolute;left:0;bottom:-1px;height:2px; width:var(--okuma,0%);background:linear-gradient(90deg,#0e7a5f,#8fd9c4); transition:width .12s linear; } .site-header .ust-bar{ display:flex;align-items:center;gap:20px;height:70px; max-width:1120px;margin:0 auto;padding:0 24px; } .site-header .logo{ display:inline-flex;align-items:baseline;gap:2px;text-decoration:none; color:#0d1b17;font-weight:700;font-size:1.05rem;letter-spacing:-.02em;flex:0 0 auto; } .site-header .logo .nokta{color:#0e7a5f} .site-header .navlinks{display:flex;align-items:center;gap:4px;margin-left:auto} .site-header .navlinks a{ color:rgba(13,27,23,.66);text-decoration:none;font-size:.9rem;font-weight:500; padding:8px 11px;border-radius:7px;white-space:nowrap; transition:color .18s ease,background-color .18s ease; } .site-header .navlinks a:hover{color:#0d1b17;background:rgba(13,27,23,.05)} .site-header .navlinks a.aktif{color:#0e7a5f;background:rgba(14,122,95,.09)} .site-header .navlinks a.cta{ background:#0e7a5f;color:#fff;padding:10px 18px;margin-left:8px; box-shadow:0 8px 18px -10px rgba(14,122,95,.8); } .site-header .navlinks a.cta:hover{background:#0b6049;color:#fff} .site-header .nav-ac{ display:none;background:none;border:1px solid rgba(13,27,23,.18);border-radius:8px; width:44px;height:44px;cursor:pointer;padding:0;margin-left:auto; align-items:center;justify-content:center;flex-direction:column;gap:5px; } .site-header .nav-ac span{display:block;width:18px;height:2px;background:#0d1b17;border-radius:2px;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s ease} .site-header .nav-ac[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)} .site-header .nav-ac[aria-expanded="true"] span:nth-child(2){opacity:0} .site-header .nav-ac[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} .site-footer{ padding:52px 0 38px;border-top:1px solid rgba(13,27,23,.1);background:#f5f7f6; font-family:'IBM Plex Sans',system-ui,-apple-system,sans-serif; } .site-footer .icerik{max-width:1120px;margin:0 auto;padding:0 24px} .site-footer .footer-ic{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px;align-items:start} .site-footer .logo{ display:inline-flex;align-items:baseline;gap:2px;text-decoration:none; color:#0d1b17;font-weight:700;font-size:1rem;letter-spacing:-.02em; } .site-footer .logo .nokta{color:#0e7a5f} .site-footer .aciklama{font-size:.85rem;margin:10px 0 0;max-width:280px;color:rgba(13,27,23,.66);line-height:1.6} .site-footer .f-baslik{ font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.68rem;letter-spacing:.12em; text-transform:uppercase;color:rgba(13,27,23,.66);margin-bottom:12px;font-weight:500; } .site-footer ul{list-style:none;margin:0;padding:0} .site-footer li{margin-bottom:8px} .site-footer li a{color:rgba(13,27,23,.66);text-decoration:none;font-size:.88rem;transition:color .18s ease} .site-footer li a:hover{color:#0e7a5f} .site-footer .footer-not{display:block;font-size:.78rem;color:rgba(13,27,23,.66);margin-top:4px;line-height:1.5} .site-footer .telif{ margin-top:34px;padding-top:18px;border-top:1px solid rgba(13,27,23,.1); font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:.72rem;color:rgba(13,27,23,.66); display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:space-between; } .site-footer .telif a{color:inherit;text-decoration:none} .site-footer .telif a:hover{color:#0e7a5f} @media (max-width:900px){ .site-footer .footer-ic{grid-template-columns:1fr 1fr;gap:28px} .site-header .nav-ac{display:flex} .site-header .navlinks{ display:none;position:absolute;left:0;right:0;top:100%; flex-direction:column;align-items:stretch;gap:0;margin:0; background:#f5f7f6;border-bottom:1px solid rgba(13,27,23,.1); padding:10px 24px 22px;max-height:calc(100vh - 70px);overflow-y:auto; box-shadow:0 14px 36px -20px rgba(13,27,23,.24); } .site-header .navlinks.open{display:flex} .site-header .navlinks a{padding:13px 4px;border-bottom:1px solid rgba(13,27,23,.1);border-radius:0;font-size:.98rem;color:#0d1b17} .site-header .navlinks a.cta{margin:16px 0 0;border-bottom:none;border-radius:8px;padding:14px;text-align:center;justify-content:center} } @media (max-width:520px){ .site-header .ust-bar,.site-footer .icerik{padding:0 18px} .site-footer .footer-ic{grid-template-columns:1fr} .site-footer .telif{flex-direction:column;gap:8px} } @media (prefers-reduced-motion:reduce){ .site-header::after,.site-header .nav-ac span,.site-header .navlinks a{transition:none} }