/* Nora Palace Hotel — Roberto temasi uzerine proje ek stilleri.
   Tema dosyasi (style.css) degistirilmez; tum ozellestirmeler buraya yazilir. */

/* Renk semasi otelin logosundan alindi: siyah zemin + altin yazi.
   tema.css icindeki turkuaz aksan (#1cc3b2) toplu olarak #9c7c2f'e cevrildi;
   asagidaki katman da buyuk yuzeyleri (header, footer, butonlar) siyah-altin
   kombinine gecirir. */
:root {
    /* Logodaki altin degrade: acik uc, orta ton, koyu uc */
    --altin-acik: #e8d18a;
    --altin: #c9a227;
    --altin-koyu: #9c7c2f;

    /* Logo zemini */
    --siyah: #0e0e0e;
    --siyah-yumusak: #1a1a1a;
    --siyah-cizgi: #2a2a2a;

    --koyu: #1c1c1c;
    --gri: #f7f7f7;
}

/* ============================================================
   HEADER — logo koyu zeminli oldugu icin ust bant da koyu
   ============================================================ */

.top-header-area {
    background-color: var(--siyah) !important;
    border-bottom: 1px solid var(--siyah-cizgi);
}

.top-header-area .top-header-content > a,
.top-header-area .top-header-content .top-social-area a {
    color: rgba(255, 255, 255, .72);
}

.top-header-area .top-header-content > a:hover,
.top-header-area .top-header-content > a:focus,
.top-header-area .top-header-content .top-social-area a:hover {
    color: var(--altin-acik);
}

.header-area {
    background-color: var(--siyah) !important;
}

.main-header-area {
    background-color: var(--siyah-yumusak) !important;
}

/* Menu baglantilari koyu zeminde okunur olsun.
   NOT: tema seçicisi ".classy-nav-container .classy-navbar .classynav ul li a" oldugu icin
   ozgullugu asmak adina ayni zincire .breakpoint-off ekleniyor - !important gerekmiyor. */
.classy-nav-container.breakpoint-off .classy-navbar .classynav ul li a {
    color: rgba(255, 255, 255, .85);
}

.classy-nav-container.breakpoint-off .classy-navbar .classynav ul li a:hover,
.classy-nav-container.breakpoint-off .classy-navbar .classynav ul li a:focus,
.classy-nav-container.breakpoint-off .classy-navbar .classynav ul li.active > a {
    color: var(--altin-acik);
}

/* Ok isaretleri de yaziyla ayni renkte */
.classy-nav-container.breakpoint-off .classynav ul li.has-down > a::after {
    color: rgba(255, 255, 255, .85);
}

/* Acilir menu de koyu kalsin */
.classy-nav-container.breakpoint-off .classy-navbar .classynav ul li .dropdown {
    background-color: var(--siyah-yumusak);
    border-top: 2px solid var(--altin);
}

.classy-nav-container.breakpoint-off .classy-navbar .classynav ul li .dropdown li a {
    color: rgba(255, 255, 255, .8);
}

/* --- Mobil / tablet menu ---
   Tema bu panelin zeminini beyaz, ikonlarini koyu gri yapiyor. Header'i
   siyaha cevirdigimiz icin ikonlar zeminde kayboluyordu; seciciler tema
   ozgullugune esitlenip (otel.css sonra yuklendigi icin kazanir) hepsi
   koyu zemine gore yeniden boyandi. */

/* Panelin TAMAMI koyu olmali. Menu 6 ogeden ibaret oldugu icin ic kutu
   panelden kisa kaliyor, alt bosluktan arkadaki sayfa goruluyordu:
   .classynav panel yuksekligine yayiliyor. */
.classy-nav-container.breakpoint-on .classy-navbar .classy-menu {
    background-color: var(--siyah-yumusak);
}

.classy-nav-container.breakpoint-on .classy-navbar .classynav {
    background-color: var(--siyah-yumusak);
    min-height: 100%;
    padding-bottom: 40px;
}

.classy-nav-container.breakpoint-on .classy-navbar .classynav ul li a {
    color: rgba(255, 255, 255, .85);
    border-bottom: 1px solid var(--siyah-cizgi);
}

.classy-nav-container.breakpoint-on .classy-navbar .classynav ul li a:hover,
.classy-nav-container.breakpoint-on .classy-navbar .classynav ul li.active > a {
    color: var(--altin-acik);
}

/* Hamburger ikonu - tema #2a303b veriyordu, siyah header'da kontrast 1.31 idi */
.classy-navbar-toggler .navbarToggler span {
    background-color: var(--altin-acik);
}

/* Kapatma (X) ikonu - tema #232323 veriyordu, koyu panelde kontrast 1.11 idi */
.classycloseIcon .cross-wrap span {
    background: var(--altin-acik);
}

/* "Rezervasyon" butonu: dolu altin + koyu yazi (kontrast ~8:1) */
.main-header-area .book-now-btn a {
    background-color: var(--altin) !important;
    color: var(--siyah) !important;
    font-weight: 600;
}

.main-header-area .book-now-btn a:hover,
.main-header-area .book-now-btn a:focus {
    background-color: var(--altin-acik) !important;
    color: var(--siyah) !important;
}

/* ============================================================
   LOGO — dikey/kare logolar da bozulmadan otursun
   ============================================================ */

.nav-brand {
    display: flex;
    align-items: center;
    height: 80px;
    flex: 0 0 auto;
}

.nav-brand img {
    max-height: 62px;
    max-width: 190px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.footer-logo img {
    max-height: 96px;
    max-width: 200px;
    width: auto;
    height: auto;
    display: block;
    margin-bottom: 18px;
}

.metin-logo {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 22px;
    letter-spacing: 2px;
    color: var(--altin-acik);
    text-transform: uppercase;
    white-space: nowrap;
    line-height: 1.15;
}

.footer-logo .metin-logo {
    font-size: 20px;
}

/* ============================================================
   MENU KAYMASI — 1200px ustunde de nefes payi birakilir
   (1199 altinda hamburger menu devreye giriyor, bkz. active.js)
   ============================================================ */

.classy-navbar {
    flex-wrap: nowrap;
    min-height: 80px;
}

.breakpoint-off .classynav {
    flex-wrap: nowrap;
}

.breakpoint-off .classynav > ul {
    flex-wrap: nowrap;
}

.breakpoint-off .classynav ul li a {
    white-space: nowrap;
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .classy-nav-container.breakpoint-off .classy-navbar .classynav ul li a {
        padding: 0 12px;
        font-size: 13px;
    }

    .main-header-area .book-now-btn {
        margin-left: 14px !important;
    }

    .main-header-area .book-now-btn a {
        padding: 0 18px;
        font-size: 13px;
    }

    .nav-brand img {
        max-width: 150px;
    }
}

/* ============================================================
   BUTONLAR — altin cerceve, hover'da dolu altin
   ============================================================ */

.roberto-btn {
    background-color: transparent;
    border: 2px solid var(--altin);
    color: var(--altin-koyu);
    font-weight: 600;
}

.roberto-btn:hover,
.roberto-btn:focus {
    background-color: var(--altin) !important;
    border-color: var(--altin) !important;
    color: var(--siyah) !important;
}

/* Koyu/gorselli zeminlerdeki ikincil buton */
.roberto-btn.btn-2 {
    background-color: var(--altin);
    border-color: var(--altin);
    color: var(--siyah);
}

.roberto-btn.btn-2:hover,
.roberto-btn.btn-2:focus {
    background-color: var(--altin-acik) !important;
    border-color: var(--altin-acik) !important;
    color: var(--siyah) !important;
}

/* Form icindeki tam genislikli butonlar dolu altin dursun */
.hotel-search-form .roberto-btn,
.ozet-kutusu .roberto-btn,
.odeme-kutusu .roberto-btn {
    background-color: var(--altin);
    border-color: var(--altin);
    color: var(--siyah);
}

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

.footer-area {
    background-color: var(--siyah) !important;
}

.footer-area .widget-title,
.footer-area h4 a,
.footer-area h4 {
    color: var(--altin-acik);
}

/* Tema #636a76 veriyordu; lacivert footer'da yeterliydi ama siyahta soluk
   kaliyor (3.4:1). Govde metniyle ayni tona cekildi. */
.single-footer-widget .footer-nav li a {
    color: #b3b7bf;
}

.single-footer-widget .footer-nav li a:hover,
.single-footer-widget .footer-nav li a:focus {
    color: var(--altin-acik);
}

.footer-area .footer-nav li a:hover {
    color: var(--altin-acik);
}

.copywrite-content {
    border-top: 1px solid var(--siyah-cizgi);
}

/* ============================================================
   VURGULAR
   ============================================================ */

.section-heading h6 {
    color: var(--altin-koyu);
    letter-spacing: 2px;
}

.oda-fiyat {
    background: var(--siyah) !important;
    color: var(--altin-acik);
    border-left: 2px solid var(--altin);
}

.rezervasyon-no {
    background: var(--siyah);
    color: var(--altin-acik);
}

.sayfa-basligi {
    background-color: var(--siyah);
}

.hizmet-karti i {
    color: var(--altin-koyu);
}

.ozet-toplam {
    color: var(--siyah);
}

/* Kose yuvarlatma yok - proje standardi */
.form-control,
.btn,
.card,
.oda-karti,
.uyari,
.ozet-kutusu,
.rozet,
.whatsapp-buton,
.odeme-kutusu,
input,
select,
textarea {
    border-radius: 0 !important;
}

/* --- Uyari kutulari --- */
.uyari-kutusu {
    position: relative;
    z-index: 20;
}

.uyari {
    padding: 14px 18px;
    margin-bottom: 12px;
    font-size: 14px;
    border-left: 3px solid;
}

.uyari-basarili {
    background: #eef7ee;
    border-color: #3c9d3c;
    color: #256b25;
}

.uyari-hata {
    background: #fdeeee;
    border-color: #c0392b;
    color: #922b21;
}

.uyari-bilgi {
    background: #eef4fa;
    border-color: #2c74b3;
    color: #1d4e78;
}

/* --- Arama formu --- */
.hotel-search-form label {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888;
    margin-bottom: 6px;
}

.hotel-search-form .form-control {
    height: 48px;
}

/* --- Oda kartlari --- */
.oda-karti {
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .06);
}

.oda-karti .oda-gorsel {
    position: relative;
    height: 250px;
    background-size: cover;
    background-position: center;
    background-color: #ddd;
}

.oda-karti .oda-fiyat {
    position: absolute;
    right: 0;
    bottom: 0;
    background: var(--koyu);
    color: #fff;
    padding: 10px 18px;
    font-size: 15px;
}

.oda-karti .oda-fiyat small {
    display: block;
    font-size: 11px;
    opacity: .7;
}

.oda-karti .oda-icerik {
    padding: 24px;
}

.oda-karti h4 {
    font-size: 20px;
    margin-bottom: 10px;
}

.oda-karti h4 a {
    color: var(--koyu);
}

.oda-ozet {
    font-size: 13px;
    color: #888;
    margin-bottom: 12px;
}

.oda-ozet span {
    margin-right: 14px;
}

.oda-durum-dolu {
    color: #c0392b;
    font-size: 13px;
    font-weight: 600;
}

.oda-durum-son {
    color: #d68910;
    font-size: 13px;
}

.oda-secim {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
}

.oda-secim select {
    width: 90px;
    height: 42px;
}

/* --- Rezervasyon ozeti --- */
.ozet-kutusu {
    background: var(--gri);
    padding: 26px;
    position: sticky;
    top: 20px;
}

.ozet-kutusu h5 {
    font-size: 17px;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e2e2e2;
}

.ozet-satir {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    padding: 7px 0;
    color: #555;
}

.ozet-toplam {
    display: flex;
    justify-content: space-between;
    font-size: 19px;
    font-weight: 700;
    padding-top: 14px;
    margin-top: 10px;
    border-top: 1px solid #e2e2e2;
    color: var(--koyu);
}

/* --- Formlar --- */
.form-bolum {
    margin-bottom: 26px;
}

.form-bolum h5 {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.form-grup {
    margin-bottom: 18px;
}

.form-grup label {
    font-size: 13px;
    color: #666;
    margin-bottom: 6px;
    display: block;
}

.form-grup .form-control {
    height: 46px;
}

.form-grup textarea.form-control {
    height: auto;
}

.field-validation-error,
.validation-summary-errors ul {
    color: #c0392b;
    font-size: 13px;
    list-style: none;
    padding: 0;
    margin: 6px 0 0;
}

.input-validation-error {
    border-color: #c0392b !important;
}

.sozlesme-onay {
    background: var(--gri);
    padding: 16px;
    font-size: 13px;
    line-height: 1.8;
}

.sozlesme-onay a {
    color: var(--altin);
    text-decoration: underline;
}

/* --- Odeme --- */
.odeme-kutusu {
    background: #fff;
    border: 1px solid #eee;
    padding: 30px;
}

.odeme-guvenlik {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #666;
    background: var(--gri);
    padding: 12px 16px;
    margin-bottom: 24px;
}

.odeme-guvenlik i {
    color: #3c9d3c;
    font-size: 18px;
}

.kart-rozetleri {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.rozet {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, .25);
    padding: 4px 10px;
    font-size: 11px;
    letter-spacing: 1px;
}

.odeme-logolari span {
    font-size: 12px;
    color: #999;
}

/* --- Sonuc sayfasi --- */
.sonuc-kutusu {
    text-align: center;
    padding: 50px 30px;
    background: #fff;
    border: 1px solid #eee;
}

.sonuc-ikon {
    font-size: 56px;
    margin-bottom: 20px;
}

.sonuc-ikon.basarili {
    color: #3c9d3c;
}

.sonuc-ikon.hata {
    color: #c0392b;
}

.sonuc-ikon.bekleme {
    color: #d68910;
}

.rezervasyon-no {
    display: inline-block;
    background: var(--koyu);
    color: #fff;
    padding: 10px 22px;
    letter-spacing: 2px;
    font-size: 18px;
    margin: 14px 0 26px;
}

.detay-tablo {
    width: 100%;
    text-align: left;
    font-size: 14px;
}

.detay-tablo th {
    color: #888;
    font-weight: 400;
    width: 40%;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

.detay-tablo td {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
}

/* --- Yasal sayfalar --- */
.yasal-icerik {
    font-size: 15px;
    line-height: 1.9;
    color: #555;
}

.yasal-icerik h3 {
    font-size: 19px;
    margin: 32px 0 14px;
    color: var(--koyu);
}

.yasal-icerik ul,
.yasal-icerik ol {
    padding-left: 22px;
    margin-bottom: 18px;
}

.yasal-icerik li {
    margin-bottom: 8px;
}

.tablo-yasal {
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
}

.tablo-yasal th {
    text-align: left;
    width: 35%;
    padding: 10px;
    background: var(--gri);
    border: 1px solid #eee;
    font-weight: 600;
}

.tablo-yasal td {
    padding: 10px;
    border: 1px solid #eee;
}

/* --- Hizmet kartlari --- */
.hizmet-karti {
    text-align: center;
    padding: 40px 24px;
    background: #fff;
    margin-bottom: 30px;
    transition: all .3s;
}

.hizmet-karti:hover {
    box-shadow: 0 4px 30px rgba(0, 0, 0, .08);
}

.hizmet-karti i {
    font-size: 40px;
    /* Beyaz kart zemininde acik altin (--altin) 2.4:1 kaliyordu, koyu ton 4.6:1 */
    color: var(--altin-koyu);
    margin-bottom: 18px;
    display: block;
}

.hizmet-karti h5 {
    font-size: 17px;
    margin-bottom: 12px;
}

.hizmet-karti p {
    font-size: 14px;
    color: #888;
    margin: 0;
}

/* --- Galeri --- */
.galeri-oge {
    display: block;
    height: 250px;
    background-size: cover;
    background-position: center;
    margin-bottom: 30px;
    background-color: #eee;
}

/* --- WhatsApp --- */
.whatsapp-buton {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 54px;
    height: 54px;
    /* WhatsApp'in koyu marka yesili - acik yesilde beyaz ikon 2:1'de kaliyordu */
    background: #128c7e;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    z-index: 999;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

.lisans {
    opacity: .6;
    font-size: 11.5px;
    margin-left: 8px;
}

.lisans a {
    color: var(--altin-acik);
}

.lisans .tema-atif {
    opacity: .55;
}

/* --- Sayfa basligi --- */
.sayfa-basligi {
    padding: 140px 0 70px;
    background: var(--koyu) center/cover no-repeat;
    position: relative;
    text-align: center;
}

.sayfa-basligi:before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .55);
}

.sayfa-basligi .container {
    position: relative;
}

.sayfa-basligi h2 {
    color: #fff;
    font-size: 38px;
    margin: 0;
}

.sayfa-basligi p {
    color: rgba(255, 255, 255, .7);
    margin: 10px 0 0;
    font-size: 14px;
}

@media (max-width: 767px) {
    .sayfa-basligi {
        padding: 110px 0 50px;
    }

    .sayfa-basligi h2 {
        font-size: 27px;
    }

    .ozet-kutusu {
        position: static;
    }
}