/* =============================================================================
   MARKALI SİTE KABUĞU — başlık ve alt kısım (2026-09-29)
   Hem açılış sayfası hem rezervasyon akışı (transfer.php) kullanır. Sayfanın kendi
   stiline dokunmasın diye tüm kurallar .m-ust / .m-alt altındadır.
   ========================================================================== */
.m-ust,.m-alt{--m-cizgi:#E6E3DC;--m-yazi:#17150F;--m-soluk:#5F5A50;--m-r-k:8px;
    --m-acik:color-mix(in srgb,var(--m-vurgu,#C99600) 7%,#fff);
    font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;box-sizing:border-box}
.m-ust *,.m-alt *{box-sizing:border-box}
.m-ust .m-kap,.m-alt .m-kap{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}
.m-ust img,.m-alt img{display:block;max-width:100%}
/* ---- Başlık ---- */
.m-ust{background:#fff;border-bottom:1px solid var(--m-cizgi)}
.m-ust__ic{display:flex;align-items:center;justify-content:space-between;height:72px}
.m-logo img{height:54px;width:auto}
.m-dil{position:relative}
.m-dil summary{list-style:none;display:flex;align-items:center;gap:6px;cursor:pointer;padding:8px 10px;font-weight:600;font-size:.9rem;border-radius:var(--m-r-k)}
.m-dil summary::-webkit-details-marker{display:none}
.m-dil summary:hover{background:var(--m-acik)}
.m-dil summary svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.m-dil ul{position:absolute;inset-inline-end:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--m-cizgi);border-radius:var(--m-r-k);min-width:170px;z-index:40}
.m-dil a{display:block;padding:9px 12px;border-radius:6px;color:var(--m-yazi);text-decoration:none;font-size:.95rem}
.m-dil a:hover{background:var(--m-acik)}
.m-dil a[aria-current]{font-weight:700}

/* ---- Alt ---- */
.m-alt{background:var(--m-acik);border-top:1px solid var(--m-cizgi)}
.m-alt__ic{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding-top:26px;padding-bottom:26px;font-size:.88rem;color:var(--m-soluk)}
.m-alt .m-alt__ic{padding-top:18px;padding-bottom:18px}
.m-alt__ic img{height:34px;width:auto}
.m-alt__ic p{margin:0;flex:1 1 280px}
.m-alt nav{display:flex;gap:18px}
.m-alt a{color:var(--m-yazi);text-decoration:none;font-weight:600}
.m-alt a:hover{text-decoration:underline}

@media (max-width:760px){
    .m-ust__ic{height:62px}
    .m-logo img{height:46px}
}
/* Telefonda alt kısım ortalı: logo, metin, bağlantılar alt alta */
@media (max-width:640px){
    .m-alt__ic{flex-direction:column;justify-content:center;text-align:center;gap:12px;padding-top:24px;padding-bottom:24px}
    .m-alt__ic p{flex:0 0 auto;max-width:32ch}
    .m-alt nav{justify-content:center}
}

/* ---- Dil ve para birimi: başlık düğmesi + pencere (ana sitedeki locale-modal'ın karşılığı) ---- */
.m-dp-ac{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--m-cizgi);border-radius:6px;background:#fff;font:inherit;font-size:.8rem;font-weight:500;color:var(--m-yazi);cursor:pointer;letter-spacing:.01em}

.m-dp-ac__bayrak{display:inline-flex;width:16px;height:16px;border-radius:50%;overflow:hidden}
.m-dp-ac__bayrak svg,.m-dp-ac__bayrak img{width:100%;height:100%;display:block}
.m-dp-ac__ayrac{width:1px;height:12px;background:var(--m-cizgi)}

.m-dp{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#17150F;
    --m-cizgi:#E6E3DC;--m-soluk:#5F5A50}
.m-dp[aria-hidden="true"]{display:none}
.m-dp *{box-sizing:border-box}
.m-dp__perde{position:absolute;inset:0;background:rgba(10,10,10,.45)}
.m-dp__pano{position:relative;width:min(640px,calc(100% - 32px));max-height:min(86vh,720px);display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden}
.m-dp__bas{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--m-cizgi)}
.m-dp__bas h2{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}
.m-dp__kapat{width:36px;height:36px;border:0;border-radius:50%;background:transparent;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--m-soluk)}
.m-dp__kapat:hover{background:#F4F2EE}
.m-dp__govde{padding:6px 22px 18px;overflow-y:auto}
.m-dp__govde h3{margin:16px 0 10px;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--m-soluk)}
.m-dp__izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.m-dp__kart{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border:1px solid var(--m-cizgi);border-radius:10px;background:#fff;font:inherit;text-align:start;cursor:pointer;color:inherit;min-width:0}
.m-dp__kart:hover{border-color:#CFCAC0}
.m-dp__kart.is-aktif{border-color:var(--m-vurgu,#C99600);box-shadow:inset 0 0 0 1px var(--m-vurgu,#C99600);background:color-mix(in srgb,var(--m-vurgu,#C99600) 7%,#fff)}
.m-dp__kart strong{font-size:.95rem;font-weight:600}
.m-dp__kart small{font-size:.8rem;color:var(--m-soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.m-dp__kart--dil{flex-direction:row;align-items:center;gap:10px}
.m-dp__kart--dil > span:last-child{display:flex;flex-direction:column;min-width:0}
.m-dp__bayrak{display:inline-flex;width:24px;height:24px;border-radius:50%;overflow:hidden;flex:none}
.m-dp__bayrak svg,.m-dp__bayrak img{width:100%;height:100%;display:block}
.m-dp__alt{padding:14px 22px;border-top:1px solid var(--m-cizgi)}
.m-dp__kaydet{width:100%;height:48px;border:0;border-radius:10px;background:var(--m-ana,#0A0A0A);color:#fff;font:inherit;font-weight:700;cursor:pointer}

@media (max-width:640px){
    .m-dp{align-items:flex-end}
    .m-dp__pano{width:100%;max-height:88vh;border-radius:18px 18px 0 0}
    .m-dp__izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
    .m-dp-ac{padding:0 8px;gap:5px;height:32px}
}

/* ---- Rota alanı: rezervasyon sayfasındaki düzenleme penceresi ve rota çubuğu ---- */
.m-rota{display:grid;gap:12px;margin:0 0 14px;font-family:inherit;flex:1 1 100%}
.m-rota *{box-sizing:border-box}
.m-rota__yon{display:flex;border:1px solid #CFCAC0;border-radius:8px;overflow:hidden}
.m-rota__yon button{flex:1;border:0;background:#fff;font:inherit;font-weight:600;font-size:.88rem;padding:10px 8px;color:#5F5A50;cursor:pointer;line-height:1.25}
.m-rota__yon button + button{border-inline-start:1px solid #CFCAC0}
.m-rota__yon button.is-aktif{background:color-mix(in srgb,var(--m-vurgu,#C99600) 12%,#fff);color:#17150F;box-shadow:inset 0 0 0 1.5px var(--m-vurgu,#C99600)}
/* Markalı sitede üzerine gelince renk değişmez (sitenin genel hover kuralı burada geçersiz) */
html body .m-rota__yon button:not(.is-aktif):hover{background:#fff!important;color:#5F5A50!important;box-shadow:none!important;border-color:#CFCAC0!important}
html body .m-rota__yon button.is-aktif:hover{background:color-mix(in srgb,var(--m-vurgu,#C99600) 12%,#fff)!important;color:#17150F!important;box-shadow:inset 0 0 0 1.5px var(--m-vurgu,#C99600)!important}
.m-rota__alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.m-rota__alan > span{font-size:.8rem;font-weight:600;color:#17150F}
.m-rota__alan select{height:46px;width:100%;padding:0 12px;border:1px solid #CFCAC0;border-radius:8px;background:#fff;font:inherit;font-size:16px;color:#17150F}
.m-rota__sabit{display:flex;flex-direction:column;justify-content:center;min-height:46px;padding:6px 12px;border:1px solid #E6E3DC;border-radius:8px;background:color-mix(in srgb,var(--m-vurgu,#C99600) 7%,#fff);line-height:1.25}
.m-rota__sabit strong{font-weight:600;color:#17150F}
.m-rota__sabit small{font-size:.8rem;color:#5F5A50}

/* ---- Ortaklık imzası: logo solda, yanında gri "In partnership with transferrunner.com" — logoyla dikey ortalı ---- */
.m-ust__ic{height:88px}
.m-ust__sol{display:flex;align-items:center;gap:20px;min-width:0}
.m-logo img{height:68px}
.m-ortak{align-self:center;display:flex;flex-direction:column;justify-content:center;gap:3px;padding-inline-start:20px;border-inline-start:1px solid #D6D0C2;line-height:1.05;min-width:0;color:#8A857B}
.m-ortak small{font-size:.9rem;font-weight:500;white-space:nowrap;color:inherit}
.m-ortak__ad{font-size:1.18rem;font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:#77726A}
.m-ortak__ad span{font-size:.62em;font-weight:500;letter-spacing:0;margin-inline-start:1px}
@media (max-width:640px){
    .m-ust__ic{height:72px}
    .m-logo img{height:52px}
    .m-ust__sol{gap:12px}
    .m-ortak{padding-inline-start:12px}
    .m-ortak small{font-size:.72rem}
    .m-ortak__ad{font-size:.95rem}
}

/* ---- Havalimanı seçici (marka/hava-secici.php) — açılış sayfası ve rezervasyon penceresi ---- */
.m-hs{position:relative;width:100%;font-family:inherit}
.m-hs__btn{display:flex;align-items:center;gap:10px;width:100%;height:52px;padding:0 14px;border:1px solid #CFCAC0;border-radius:8px;background:#fff;font:inherit;font-size:1rem;color:#17150F;cursor:pointer;text-align:start}
.m-hs__btn:focus-visible,.m-hs.is-acik .m-hs__btn{border-color:var(--m-ana,#0A0A0A);outline:0}
.m-hs__ucak{color:var(--m-vurgu,#C99600);flex:none}
.m-hs__ad{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-hs__kod{font-size:.78rem;font-weight:600;letter-spacing:.04em;color:#5F5A50;padding:3px 7px;border-radius:5px;background:#F4F2EE}
.m-hs__ok{color:#5F5A50;flex:none;transition:transform .2s}
.m-hs.is-acik .m-hs__ok{transform:rotate(180deg)}
.m-hs__liste{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid #E6E3DC;border-radius:10px;box-shadow:0 10px 30px -12px rgba(23,21,15,.25)}
.m-hs__liste[hidden]{display:none}
.m-hs__liste li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;outline:0}
.m-hs__liste li:hover,.m-hs__liste li:focus{background:#F7F5F0}
.m-hs__liste li[aria-selected=true]{background:color-mix(in srgb,var(--m-vurgu,#C99600) 10%,#fff)}
.m-hs__ikon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,var(--m-vurgu,#C99600) 14%,#fff);flex:none}
.m-hs__metin{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.m-hs__metin strong{font-weight:600;color:#17150F}
.m-hs__metin small{font-size:.78rem;color:#5F5A50;letter-spacing:.04em}
.m-rota .m-hs__btn{height:46px}

/* ---- Araç kartındaki imkân listesi (marka_arac_imkanlari) ---- */
.m-imkan{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:3px;font-size:12.5px;color:#3F3B33}
.m-imkan li{display:flex;align-items:flex-start;gap:5px;min-width:0;line-height:1.3}
.m-imkan svg{color:var(--m-vurgu,#C99600);flex:none;margin-top:1px}