/* ==========================================================================
   Diyetisyen Antalya: uc mulkte ayni calisan bilesenler
   --------------------------------------------------------------------------
   Ana site (Blazor) ve iki Ghost (Solo, Taste) bu dosyayi yukler. Ana site
   App.razor'dan (?v= VarlikSurumu), Ghost'lar kod enjeksiyonunun head
   kismindan (?v= icerik ozeti, araclar/ghost-yayinla.sh).

   YALNIZCA PX. Kok yazi boyutu ana sitede 12/14px, Ghost'larda 10px
   (README: "rem tuzagi"). rem ya da em yazilan her olcu uc mulkte uc ayri
   fiziksel boyuta cozulur.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Mobil alt iletisim seridi (.da-serit)
   --------------------------------------------------------------------------
   Tasarim danismasi, 14.11.2026: dort gorusun dordu de ayni kusuru gordu.
   Sag kenardaki yuzen uc renkli ikon (Instagram, Haritalar, WhatsApp)
   mobilde metnin ve gorsellerin ustune biniyordu (hero metni, tarifte
   "Pisirme" satiri). Siralari da tersti: asil eylem en altta, Instagram en
   ustteydi. Renkli marka logolari da sitenin paletini eziyordu.

   992px altinda ikonlarin yerini ekranin altina sabit bir serit aliyor:
     WhatsApp'tan yazin (dolu yesil, genis) · Ara · Yol tarifi
   Basparmagin altinda, icerigin ustune binmiyor (govdeye ayni yukseklikte
   alt dolgu veriliyor). Instagram footer'in iletisim listesine indi.
   992 ve ustunde yuzen ikonlar oldugu gibi kaliyor.

   Olcum: data-track degerleri (whatsapp / phone / maps) olcum.js ve ana
   sitedeki script.js'in zaten taniyip donusum olarak bildirdigi turler.
   Govdeye bagli dinleyici sonradan eklenen ogeyi de yakaliyor.

   CLS: sabit konumlu oge akisi itmiyor; govdenin alt dolgusu ilk boyamada
   CSS'ten geliyor. */

.da-serit {
    display: none;
}

@media (max-width: 991px) {
    .da-serit {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        /* Ghost temalarinda hero icerigi z-index 20 ile basiliyor; yuzen
           ikonlar 25'teydi. Acik menu cok daha yukarida (3999999). */
        z-index: 30;
        display: grid;
        /* WhatsApp kalan genisligi aliyor, kucuk iki dugme iceriginden.
           Onceki 2fr/1fr/1fr'de 390px'te "WhatsApp'tan Yazin" sigmiyordu. */
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 8px;
        padding: 8px 12px max(8px, env(safe-area-inset-bottom));
        background: #fff;
        border-top: 1px solid #e4e4e4;
        box-shadow: 0 -6px 20px rgba(0, 0, 0, .07);
        font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
    }

    .da-serit > a {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-width: 0;
        min-height: 48px;
        padding: 0 8px;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        background: #fff;
        color: #3a3a3a !important;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.15;
        letter-spacing: 0;
        text-align: center;
        text-decoration: none !important;
        text-transform: none;
        white-space: nowrap;
        -webkit-tap-highlight-color: transparent;
        transition: background-color .2s, border-color .2s, color .2s;
    }

    /* Kucuk iki dugme: ikon ustte, ad altta. 390px'te 87px genislik
       kaliyor; yan yana ikon + "Yol Tarifi" sigmiyordu. */
    .da-serit > a:not(.da-serit-wa) {
        flex-direction: column;
        gap: 2px;
        min-width: 72px;
        padding: 0 10px;
        font-size: 12px;
    }

    .da-serit > a > svg {
        flex: none;
        width: 20px;
        height: 20px;
        fill: currentColor;
    }

    .da-serit > a:not(.da-serit-wa) > svg {
        width: 18px;
        height: 18px;
        color: #8aaf15;
    }

    .da-serit > a.da-serit-wa {
        border-color: #8aaf15;
        background: #8aaf15;
        color: #fff !important;
        font-size: 14px;
    }

    /* Temalarin a:hover { opacity: .8 } kurali iptal; hover dili butonun
       kendi dili (zemin tonu). */
    .da-serit > a:hover,
    .da-serit > a:focus-visible {
        opacity: 1;
        border-color: #8aaf15;
    }

    .da-serit > a.da-serit-wa:hover,
    .da-serit > a.da-serit-wa:focus-visible {
        border-color: #799a12;
        background: #799a12;
    }

    .da-serit > a:focus-visible {
        outline: 2px solid #3a3a3a;
        outline-offset: 2px;
    }

    /* Govde seridin altinda kalmasin. 48 + 2x8 dolgu + 1 cizgi = 65;
       72 yuvarlak pay. Klavyeyle gezerken odaklanan oge de seridin altinda
       kalmasin (WCAG 2.2, 2.4.11). */
    html {
        scroll-padding-bottom: 72px;
    }

    body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
    }

    /* Yuzen ikonlar bu genislikte seridin yerine. */
    .floatingactionbutton,
    .da-yuzen {
        display: none !important;
    }

    /* Acik menude serit de gizli: tam ekran menunun dibinde ikinci bir
       eylem satiri olmasin. Ana site govdeye .menu-acik, Ghost katmani
       .da-menu-acik ekliyor. */
    body.menu-acik .da-serit,
    body.da-menu-acik .da-serit {
        display: none;
    }
}

/* 360px ve altinda "WhatsApp'tan Yazin" genis dugmeye sigmiyor; ek kisim
   dusuyor, "WhatsApp" kaliyor. */
@media (max-width: 374px) {
    .da-serit-ek {
        display: none;
    }
}

@media print {
    .da-serit {
        display: none !important;
    }
}