/* =========================================================
   SEO MAKİNESİ - GLOBAL FONT SİSTEMİ FİNAL
   Dosya: /assets/font-standard.css

   Ana font:
   - Yerel sistem fontları
   - Dış font isteği yoktur
   - Sayfa açılışında font değişimi oluşturmaz
   - Türkçe karakter uyumludur
   - Gece / gündüz modundan bağımsız çalışır
========================================================= */
/* =========================================================
   GLOBAL DEĞİŞKENLER
========================================================= */

:root{
    --sm-font-main:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;

    --sm-font-weight-regular:400;
    --sm-font-weight-medium:500;
    --sm-font-weight-semibold:600;
    --sm-font-weight-bold:700;
    --sm-font-weight-extrabold:800;
}

/* =========================================================
   TEMEL FONT
========================================================= */

html,
body{
    font-family:var(--sm-font-main)!important;
}

body{
    font-weight:var(--sm-font-weight-regular);
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-synthesis:none;
}

/* =========================================================
   FORM VE ETKİLEŞİM ELEMANLARI
========================================================= */

button,
input,
select,
textarea,
option{
    font-family:var(--sm-font-main)!important;
}

button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
    font-weight:var(--sm-font-weight-semibold);
}

input,
select,
textarea{
    font-weight:var(--sm-font-weight-regular);
}

a,
button{
    -webkit-font-smoothing:antialiased;
}

/* =========================================================
   GENEL BAŞLIK SİSTEMİ
========================================================= */

h1,
h2,
h3,
h4,
h5,
h6{
    font-family:var(--sm-font-main)!important;
    text-rendering:optimizeLegibility;
}

h1{
    font-weight:var(--sm-font-weight-bold)!important;
    letter-spacing:-.035em;
}

h2{
    font-weight:var(--sm-font-weight-bold)!important;
    letter-spacing:-.025em;
}

h3,
h4{
    font-weight:var(--sm-font-weight-semibold)!important;
    letter-spacing:-.015em;
}

h5,
h6{
    font-weight:var(--sm-font-weight-semibold)!important;
    letter-spacing:-.008em;
}

/* =========================================================
   NORMAL METİNLER
========================================================= */

p,
li,
label{
    font-family:var(--sm-font-main)!important;
    font-weight:var(--sm-font-weight-regular);
}

p,
li{
    line-height:1.7;
}

small{
    font-family:var(--sm-font-main)!important;
    font-weight:var(--sm-font-weight-regular);
}

/* =========================================================
   HEADER VE MASAÜSTÜ MENÜ
========================================================= */

.ks27ph-header,
.ks27ph-brand,
.ks27ph-nav,
.ks27ph-actions,
.ks27ph-phone,
.ks27ph-cta,
.ks27ph-nav-link,
.ks27ph-drop-trigger,
.ks27ph-drop-panel,
.ks27ph-drop-panel a{
    font-family:var(--sm-font-main)!important;
}

.ks27ph-brand,
.ks27ph-nav-link,
.ks27ph-drop-trigger,
.ks27ph-drop-panel a,
.ks27ph-phone,
.ks27ph-cta{
    font-weight:var(--sm-font-weight-semibold);
}

/* =========================================================
   HEADER SİSTEM FONTU ÖLÇÜ VE BOŞLUK DÜZELTMESİ
   Sadece masaüstünde çalışır.
========================================================= */

@media (min-width:1181px){

    .ks27ph-inner{
        min-height:74px!important;
        column-gap:24px!important;
    }

    .ks27ph-logo{
        flex:0 0 auto!important;
        min-width:max-content!important;
    }

    .ks27ph-logo-main{
        font-family:var(--sm-font-main)!important;
        font-size:24px!important;
        line-height:1!important;
        font-weight:var(--sm-font-weight-extrabold)!important;
        letter-spacing:-.040em!important;
        white-space:nowrap!important;
    }

    .ks27ph-nav{
        flex:1 1 auto!important;
        min-width:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
    }

    .ks27ph-drop{
        flex:0 0 auto!important;
    }

    .ks27ph-nav-link,
    .ks27ph-drop-trigger{
        min-height:44px!important;
        padding:0 12px!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        font-size:15px!important;
        line-height:1!important;
        font-weight:var(--sm-font-weight-semibold)!important;
        letter-spacing:-.012em!important;
        white-space:nowrap!important;
    }

    .ks27ph-actions{
        flex:0 0 auto!important;
        min-width:max-content!important;
        gap:10px!important;
    }

    .ks27ph-phone{
        min-height:46px!important;
        padding:0 18px!important;
        font-size:14px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }

    .ks27ph-cta{
        min-height:46px!important;
        padding:0 20px!important;
        font-size:14px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
}

/* Orta genişlikte taşmayı önleyen dengeli ölçüler */

@media (min-width:1181px) and (max-width:1450px){

    .ks27ph-inner{
        column-gap:15px!important;
    }

    .ks27ph-nav{
        gap:2px!important;
    }

    .ks27ph-nav-link,
    .ks27ph-drop-trigger{
        padding:0 8px!important;
        font-size:14px!important;
    }

    .ks27ph-actions{
        gap:7px!important;
    }

    .ks27ph-phone{
        padding:0 13px!important;
        font-size:13px!important;
    }

    .ks27ph-cta{
        padding:0 15px!important;
        font-size:13px!important;
    }
}

/* =========================================================
   MOBİL MENÜ
========================================================= */

.ks27ph-mobile,
.ks27ph-mobile-head,
.ks27ph-mobile-row,
.ks27ph-mobile-row > a,
.ks27ph-mobile-trigger,
.ks27ph-mobile-panel,
.ks27ph-mobile-panel a,
.ks27ph-mobile-contact{
    font-family:var(--sm-font-main)!important;
}

.ks27ph-mobile-row > a,
.ks27ph-mobile-trigger,
.ks27ph-mobile-panel a{
    font-weight:var(--sm-font-weight-semibold);
}

/* =========================================================
   ANA SAYFA
========================================================= */

.smv6-main,
.smv6-hero,
.smv6-solutions,
.smv6-packages,
.smv6-services,
.smv6-blog,
.smv6-faq,
.smv6-final-cta,
.smv6-modal{
    font-family:var(--sm-font-main)!important;
}

.smv6-main :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    button,
    input,
    select,
    textarea
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   ORTAK HİZMET / SİSTEM / PAKET DETAYLARI
========================================================= */

body.is-common-detail,
.smcore-page,
.smcore-main,
.smcore-hero,
.smcore-premium-main,
.smcore-section,
.smcore-sidebar,
.smcore-lead-card,
.smcore-cta-band{
    font-family:var(--sm-font-main)!important;
}

body.is-common-detail main :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    span,
    strong,
    small,
    li,
    label,
    button,
    input,
    select,
    textarea
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   ESKİ HİZMET VE DETAY ŞABLONLARI
========================================================= */

.sm27-hizmet-detail,
.sm27-detail-page,
.smkdet-page,
.sm27-hizmet-hero,
.sm27-hizmet-content,
.sm27-hizmet-side-card,
.smkdet-hero,
.smkdet-content{
    font-family:var(--sm-font-main)!important;
}

.sm27-hizmet-detail :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    button,
    input,
    select,
    textarea
),
.sm27-detail-page :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    button,
    input,
    select,
    textarea
),
.smkdet-page :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    button,
    input,
    select,
    textarea
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   İLETİŞİM SAYFASI
========================================================= */

body.is-contact-page,
.smc-contact-page,
.smc-contact-hero,
.smc-contact-main,
.smc-contact-panel,
.smc-contact-form{
    font-family:var(--sm-font-main)!important;
}

body.is-contact-page :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    label,
    button,
    input,
    select,
    textarea
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   KANITLAR SAYFASI
========================================================= */

.smk-kanit-page,
.smk-kanit-hero,
.smk-kanit-benefits,
.smk-kanit-content,
.smk-kanit-box{
    font-family:var(--sm-font-main)!important;
}

.smk-kanit-page :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    summary,
    button
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   BLOG LİSTE VE BLOG DETAY
========================================================= */

body.is-blog-list,
body.is-blog-detail,
.ks27-blog-list-page,
.ks27-seo-guide-page,
.is-blog-list main,
.is-blog-detail main{
    font-family:var(--sm-font-main)!important;
}

.ks27-blog-list-page :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    time,
    button
),
.is-blog-detail main :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    a,
    span,
    strong,
    small,
    li,
    blockquote,
    button
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   SİTE HARİTASI
========================================================= */

.smk-sitemap-page,
.smk-sitemap-hero,
.smk-sitemap-content,
.smk-sitemap-card,
.smk-sitemap-cta{
    font-family:var(--sm-font-main)!important;
}

.smk-sitemap-page :is(
    h1,
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    button
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   MODAL
========================================================= */

.smv6-modal,
.smv6-modal-box,
.smv6-modal-head,
.smv6-modal-form,
.smv6-modal-submit,
.smv6-modal-close{
    font-family:var(--sm-font-main)!important;
}

.smv6-modal :is(
    h2,
    p,
    span,
    strong,
    label,
    button,
    input
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   FOOTER
========================================================= */

footer,
footer .ks27-footer,
footer .footer-container,
footer .footer-column,
footer .footer-links,
footer .footer-bottom{
    font-family:var(--sm-font-main)!important;
}

footer :is(
    h2,
    h3,
    h4,
    p,
    a,
    span,
    strong,
    small,
    li,
    button
){
    font-family:var(--sm-font-main)!important;
}

/* =========================================================
   MENÜ, BUTON VE KISA VURGULAR
========================================================= */

.ks27ph-nav-link,
.ks27ph-drop-trigger,
.ks27ph-mobile-row > a,
.ks27ph-mobile-trigger,
.smv6-modal-submit,
.smcore-btn,
.smc-contact-btn-primary,
.smc-contact-submit,
.smk-kanit-btn-main,
.smk-sitemap-cta > a,
.ks27-blog-list-btn{
    font-weight:var(--sm-font-weight-semibold)!important;
}

/* =========================================================
   BAŞLIK AĞIRLIKLARI
========================================================= */

.smv6-main h1,
.smcore-hero h1,
.smc-contact-hero h1,
.smk-kanit-page h1,
.ks27-blog-list-page h1,
.smk-sitemap-page h1{
    font-weight:var(--sm-font-weight-bold)!important;
}

.smv6-main h2,
.smcore-main h2,
.smc-contact-main h2,
.smk-kanit-page h2,
.ks27-blog-list-page h2,
.smk-sitemap-page h2{
    font-weight:var(--sm-font-weight-bold)!important;
}

.smv6-main h3,
.smcore-main h3,
.smc-contact-main h3,
.smk-kanit-page h3,
.ks27-blog-list-page h3,
.smk-sitemap-page h3{
    font-weight:var(--sm-font-weight-semibold)!important;
}

/* =========================================================
   MOBİL DENGELEME
========================================================= */

@media (max-width:767px){

    h1{
        letter-spacing:-.030em;
    }

    h2{
        letter-spacing:-.022em;
    }

    h3,
    h4{
        letter-spacing:-.012em;
    }

    p,
    li{
        line-height:1.65;
    }
}

/* =========================================================
   SAYFA YENİLEME / FONT KAYMASI ÖNLEME
   - Harici font yüklemesi yoktur.
   - İlk çizim ve son görünüm aynı font ailesini kullanır.
   - Font kaynaklı CLS ve satır kırılması değişimini azaltır.
========================================================= */

html{
    font-family:var(--sm-font-main)!important;
    font-size:100%;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
}

body{
    min-width:320px;
}

html,
body,
button,
input,
select,
textarea{
    font-kerning:normal;
    font-variant-ligatures:common-ligatures;
}

.ks27ph-logo-main,
.ks27ph-nav-link,
.ks27ph-drop-trigger,
.ks27ph-phone,
.ks27ph-cta,
.smv6-copy h1,
.smv6-lead,
.smv6-kicker,
.smv6-btn,
.smv6-focus li{
    font-family:var(--sm-font-main)!important;
}