/* ============================================================
   Tema ek stilleri
   theme.css'te bulunmayan, bu sürümde eklenen bileşenler.
   ============================================================ */

/* ---- Aktif menü vurgusu ---- */
.menua.aktif { background: #8c8783; color: #ffffff; }

/* ---- Breadcrumb (site haritası izi) ---- */
.breadcrumbs {
    font-size: 12px;
    color: #999999;
    padding: 8px 0;
    margin: 0 0 5px;
}
.breadcrumbs a { color: #356579; }
.breadcrumbs a:hover { text-decoration: underline !important; }
.breadcrumbs strong { color: #333333; font-weight: 600; }
.breadcrumbs .glyphicon { font-size: 10px; color: #bbbbbb; padding: 0 2px; }

/* ---- Fiyat kademesi vurgusu ---- */
.fiyatlab.aktifkademe {
    background: #eef5f8;
    color: #356579;
    font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
}
.fiyatlab.toplamlab {
    background: #356579;
    color: #ffffff;
    padding: 7px 8px;
    margin-top: 8px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
}
.fiyatlab.toplamlab span { color: #ffffff; font-size: 15px; }

/* ---- Konum seçici: lokasyonlar doğrudan listelenir ---- */
.openselector .konumcity { display: block; margin-bottom: 5px; }
.openselector .konum-sec.secili { font-weight: bold; color: #356579; }
.openselector .konum-sec .glyphicon { color: #356579 !important; }

/* Salt okunur seçim alanlarında metin seçimi olmasın (tıklayınca mavi boyanmasın) */
#setalistext, #setdonustext, .datepicker {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

/* ---- Uyarı kutuları ---- */
.uyari {
    padding: 12px 16px;
    border-radius: 3px;
    margin-bottom: 15px;
    border-left: 4px solid;
    font-size: 13px;
}
.uyari-basari { background: #e7f6ec; border-color: #2e9c4a; color: #1d6b32; }
.uyari-hata   { background: #fdeceb; border-color: #c0392b; color: #90271c; }
.uyari-bilgi  { background: #e8f1f5; border-color: #356579; color: #24485a; }

/* ---- Sayfalama ---- */
.sayfalama { text-align: center; padding: 20px 0; }
.sayfalama a, .sayfalama span {
    display: inline-block;
    padding: 7px 13px;
    margin: 0 2px;
    background: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    color: #333333;
    font-size: 13px;
}
.sayfalama a:hover { background: #356579; color: #ffffff !important; border-color: #356579; }
.sayfalama .aktif { background: #356579; color: #ffffff; border-color: #356579; font-weight: bold; }
.sayfalama .bosluk { border: none; background: none; }

/* ---- İletişim sayfası ---- */
.guvenlik-soru {
    display: inline-block;
    padding: 11px 18px;
    background: #f2f2f2;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    font-size: 18px;
    letter-spacing: 1px;
    color: #356579;
}
.bigicon { font-size: 34px !important; color: #356579; display: block; padding-bottom: 8px; }
.subcont h3 { font-size: 16px; margin: 0 0 8px; font-weight: 300; }

/* ---- Statik iç sayfa afişlerinde başlık düzeni ---- */
.banner.static h2 { font-size: 22px; }
.banner.static .container { position: relative; z-index: 2; }

/* ---- Sözleşme kutusundaki açıklama metni ---- */
.sozlesmebox .context { color: #777777; font-size: 12.5px; padding-top: 8px; margin: 0; }

/* ---- Kata (yan sütun bağlantısı) aktif durumu ---- */
.kata.aktif { font-weight: bold; }

/* ---- Araç listesinde başlık bağlantıları ---- */
.araclisting h3 {
    margin: 0;
    padding: 0 0 15px;
    font-size: 24px;
    font-weight: 300;
    color: #333333;
}
.araclisting h3 a { color: #333333; }
.araclisting h4 {
    margin: 0;
    padding: 0 0 15px;
    font-size: 13px;
    font-weight: 300;
    color: #999999;
}
.popcol h3 a { color: #333333; }
.haber h3 {
    margin: 0;
    padding: 0 0 10px;
    font-size: 18px;
    font-weight: 300;
    color: #356579;
}
.haber h3 a, .haber h2 a { color: #356579; }

/* ---- Tablolarda sağa hizalı tutar sütunu ---- */
.table .rtext { text-align: right; }

/* ---- Yazdırma ---- */
@media print {
    .headbar, .midbar, .menubar, .footbar, .fooaltbar, .shortcut_container, .btn, .banner { display: none !important; }
    body { background: #ffffff; }
}

/* ---- Haber kartlari: kart basina tek baglanti (SEO) ---- */
.haber .haberkart {
    display: block;
    color: #333333;
    height: 100%;
}
.haber .haberkart h2,
.haber .haberkart h3 { color: #356579; }
.haber .haberkart:hover h2,
.haber .haberkart:hover h3 { text-decoration: underline !important; }
.haber .haberkart .btn { cursor: pointer; }

/* ---- Ana sayfaya ic linkleme bloklari ---- */
.seolinkler {
    padding: 12px 0 4px;
    border-top: 1px solid #333333;
    margin-top: 12px;
    text-align: center;
    font-size: 12px;
    color: #8c8783;
}
.seolinkler a {
    display: inline-block;
    color: #f2f2f2;
    padding: 3px 10px;
    margin: 2px;
    border: 1px solid #333333;
    border-radius: 3px;
}
.seolinkler a:hover { background: #356579; color: #ffffff; border-color: #356579; }

/* ============================================================
   ARAMA FORMU - yan sutun / panel surumu (.rezyan)
   .rezinner afis uzeri icin absolute konumlandirilmistir;
   bu surum normal akista, tam genislikte calisir.
   ============================================================ */
.rezyan { width: 100%; }
.rezyan .form-group { margin-bottom: 12px; }
.rezyan .form-group:last-child { margin-bottom: 0; }
.rezyan .form-group > strong {
    display: block;
    padding-bottom: 5px;
    font-size: 13px;
    font-weight: 600;
    color: #356579;
}
.rezyan .input-group { width: 100%; }
.rezyan .form-control {
    background: #ffffff !important;
    cursor: pointer;
}
.rezyan .datepicker { cursor: pointer; }
.rezyan .input-group-addon {
    background: #356579;
    border-color: #356579;
    color: #ffffff;
    width: 42px;
}
.rezyan .input-group-addon .glyphicon { color: #ffffff; }
.rezyan .btn.rezbig {
    width: 100%;
    font-size: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #356579;
}
.rezyan .btn.rezbig:hover { background: #24485a; }
.rezyan .openselector { top: 100%; }

/* ---- Rezervasyon sayfasindaki "tarih / lokasyon degistir" paneli ---- */
.tarihpanel {
    background: #f2f2f2;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    padding: 15px;
    margin-top: 10px;
}
.tarihpanel .rezyan { display: flex; flex-wrap: wrap; gap: 0 15px; }
.tarihpanel .rezyan .form-group { width: calc(50% - 8px); }
.tarihpanel .rezyan .form-group.gonder { width: 100%; margin-top: 3px; }
.tarihpanel-baslik {
    display: block;
    width: 100%;
    text-align: left;
    background: #356579;
    color: #ffffff !important;
    border: none;
    border-radius: 3px;
    padding: 11px 15px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.tarihpanel-baslik:hover, .tarihpanel-baslik:focus { background: #24485a; color: #ffffff !important; }
.tarihpanel-baslik .glyphicon { padding-right: 6px; }
.tarihpanel-baslik .ok { float: right; transition: 200ms; }
.tarihpanel-baslik.acik .ok { transform: rotate(180deg); }

@media (max-width: 992px) {
    .tarihpanel .rezyan .form-group { width: 100%; }
}

/* ---- Dil seçici ---- */
.langselector .dilacilir { min-width: 160px; }
.langselector .dilacilir a {
    display: flex !important;
    align-items: center;
    gap: 8px;
    padding: 8px 12px !important;
    text-align: left !important;
}
.langselector .dilacilir a em {
    font-style: normal;
    font-size: 12px;
    color: #ffffff;
}
.langselector .dilacilir a.aktifdil { background: #24485a; font-weight: bold; }
.langselector .dilacilir img { width: 22px; height: 16px; margin: 0; flex: 0 0 auto; }

/* ---------------------------------------------------- HABER GÖRSELLERİ */
/* theme.css'teki ".blogres img { height:100px }" kuralı, detay sayfasındaki
   kapak görselini 640x100'e ezip görüntüyü bozuyordu. .blogres yalnızca haber
   detayında kullanıldığı için kural burada güvenle geri alınır. */
.blogres {
    margin-bottom: 16px;
}
.blogres img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-right: 0;
    border-radius: 6px;
}

/* Kart görselleri 140x100 kutuya oturur; kaynak 16:9 olsa bile ezilmez. */
.haber img {
    object-fit: cover;
}
/* Görsel kaynak künyesi (CC BY atıf satırı) */
.gorsel-kunye {
    margin: 6px 0 0;
    font-size: 12px;
    color: #8c8783;
    text-align: right;
    line-height: 1.5;
}
.gorsel-kunye a { color: #8c8783; text-decoration: underline; }
.gorsel-kunye a:hover { color: #356579; }

/* Logo yazi olarak (adminden site adi) */
.logo .logoyazi {
    display: inline-block; line-height: 100px; font-size: 34px; font-weight: 700;
    color: #356579; text-decoration: none; letter-spacing: .5px; white-space: nowrap;
}
.logo .logoyazi:hover { color: #ff7200; text-decoration: none; }

/* Arac karti hizli iletisim butonlari */
.kartiletisim { display: flex; gap: 6px; margin-top: 6px; }
.kartiletisim .btn {
    flex: 1 1 0; padding: 7px 4px; font-size: 12px; font-weight: 600;
    border: 0; border-radius: 3px; color: #fff; text-align: center; white-space: nowrap;
}
.kartiletisim .kartara { background: #356579; }
.kartiletisim .kartara:hover { background: #2a4f60; color: #fff; }
.kartiletisim .kartwp { background: #25d366; }
.kartiletisim .kartwp:hover { background: #1eb855; color: #fff; }
@media (max-width: 480px) { .kartiletisim { flex-direction: column; } }

/* Anasayfa SSS */
.sss { margin-top: 6px; }
.sssoge {
    border: 1px solid #e2e2e2; border-radius: 4px;
    margin-bottom: 8px; background: #fff;
}
.sssoge > summary {
    cursor: pointer; padding: 12px 14px; font-weight: 600;
    color: #356579; list-style: none; position: relative; padding-right: 34px;
}
.sssoge > summary::-webkit-details-marker { display: none; }
.sssoge > summary::after {
    content: '+'; position: absolute; right: 14px; top: 10px;
    font-size: 20px; font-weight: 400; color: #8c8783;
}
.sssoge[open] > summary::after { content: '\2013'; }
.sssoge > summary:hover { color: #ff7200; }
.sssoge > p { margin: 0; padding: 0 14px 14px; font-size: 14px; line-height: 24px; color: #555; }
[dir="rtl"] .sssoge > summary { padding-right: 14px; padding-left: 34px; }
[dir="rtl"] .sssoge > summary::after { right: auto; left: 14px; }