body{
    font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
:root{
    --btn-radius: 999px;
    --btn-py: .72rem;
    --btn-px: 1.10rem;

    --btn-shadow: 0 10px 22px rgba(0,0,0,.10);
    --btn-shadow-hover: 0 18px 42px rgba(0,0,0,.18);

    --brand-1: #caa06a;
    --brand-2: #b08b57;
    --ring: 0 0 0 .25rem rgba(176,139,87,.28);
}

#phoneTop,
#phoneTop:hover,
#phoneTop:focus {
    color: #fff !important;          /* yazı hep beyaz kalsın */
}

#phoneTop:hover {
    background: rgba(255,255,255,.15) !important; /* istersen hafif beyaz hover */
    border-color: #fff !important;
}

/* Tüm butonlara premium hissiyat */
.btn{
    border-radius: var(--btn-radius) !important;
    padding: var(--btn-py) var(--btn-px);
    font-weight: 500!important;
    letter-spacing: .01em;
    transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease,
    border-color .15s ease, color .15s ease, filter .15s ease;
    box-shadow: var(--btn-shadow);
}

.btn:hover{
    transform: none;                 /* ✅ kıpırdama yok */
    box-shadow: var(--btn-shadow-hover);
}

.btn:active{
    transform: none;                 /* ✅ kıpırdama yok */
    box-shadow: 0 10px 18px rgba(0,0,0,.14);
}
.btn:focus-visible{
    outline: none;
    box-shadow: var(--ring), var(--btn-shadow-hover);
}

/* Boyutlar */
.btn-lg{
    padding: .85rem 1.25rem;
    font-size: 1.02rem;
}
.btn-sm{
    padding: .46rem .78rem;
    font-size: .9rem;
    box-shadow: 0 8px 16px rgba(0,0,0,.10);
}

/* Brand button */
.btn-brand{
    border: 0 !important;
    color: #111 !important;
    background: linear-gradient(135deg, var(--brand-1), var(--brand-2)) !important;
}
.btn-brand:hover{ filter: brightness(.98); }

/* Dark button */
.btn-dark{
    border: 0 !important;
    background: rgba(15,15,16,.95) !important;
}
.btn-dark:hover{ filter: brightness(1.02); }

/* WhatsApp / Success button */
.btn-success{
    border: 0 !important;
    color: #0b1b11 !important;
    background: linear-gradient(135deg, #35e07c, #25D366) !important;
}

/* Outline Dark: modern “soft outline” */
.btn-outline-dark{
    border-color: rgba(15,15,16,.18) !important;
    background: rgba(15,15,16,.03) !important;
}
.btn-outline-dark:hover{
    background: rgba(15,15,16,.08) !important;
    border-color: rgba(15,15,16,.28) !important;
}

/* Outline Light: hero üzerinde cam efekti */
.btn-outline-light{
    border-color: rgba(255,255,255,.35) !important;
    background: rgba(255,255,255,.08) !important;
    backdrop-filter: blur(10px);
}
.btn-outline-light:hover{
    background: rgba(255,255,255,.16) !important;
    border-color: rgba(255,255,255,.55) !important;
}

/* İkon + yazı hizası daha tok dursun */
.btn i{
    position: relative;
    top: -1px;
}

/* Erişilebilirlik: hareket azaltma */
@media (prefers-reduced-motion: reduce){
    .btn{ transition: none; }
    .btn:hover{ transform:none; }
}


html { scroll-behavior: smooth; }
body { margin: 0; padding: 0; }

/* Fixed/overlay nav olduğu için anchor offset */
section { scroll-margin-top: calc(var(--nav-h) + 12px); }

/* FULLSCREEN carousel */
.hero-carousel,
.hero-carousel .carousel-inner,
.hero-carousel .carousel-item{
    height: 100vh;
}
.hero-carousel .carousel-item img{
    width:100%;
    height:100%;
    object-fit: cover;
}

/* Overlay navbar (resmin içinde) */
.hero-nav{
    min-height: var(--nav-h);
    background: rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(255,255,255,.12);
    transition: background .25s ease, box-shadow .25s ease;
    z-index: 50;
}
.hero-nav.scrolled{
    background: rgba(0,0,0,.72);
    box-shadow: 0 12px 30px rgba(0,0,0,.25);
}

.brand-pill{
    display:flex;
    align-items:center;
    gap:.6rem;
    text-decoration:none;
    color:#fff;
    font-weight:800;
    letter-spacing:.02em;
}
.brand-pill img{
    height: 80px;
    width:auto;
    object-fit:contain;
    filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}

.to-top{
    position: fixed;
    right: 18px;
    bottom: 86px;            /* WhatsApp butonu üstü */
    z-index: 1200;           /* her şeyin üstünde */
    width: 46px;
    height: 46px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;

    background: rgba(0,0,0,.78);
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);

    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}

.to-top.show{
    opacity:1; visibility:visible;
}

.nav-link{
    font-weight: 600;
    opacity: .92;
}
.nav-link:hover{ opacity: 1; }

/* Slide overlay + content */
.slide-overlay{
    position:absolute;
    inset:0;
    background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.70));
}
.slide-content{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    color:#fff;
    padding-top: var(--nav-h); /* nav resmin içinde, içerik üstüne binmesin */
}

.hero-title{
    font-size: clamp(2.2rem, 4.2vw, 4rem);
    line-height:1.05;
    letter-spacing:-0.02em;
    margin: .8rem 0 .6rem;
}
.hero-lead{
    max-width: 60ch;
    opacity:.92;
    font-size: 1.05rem;
}

.btn-brand{
    background: var(--brand);
    border-color: var(--brand);
    color:#111;
    font-weight:800;
}
.btn-brand:hover{ filter: brightness(.96); }

/* Cards */
.soft-card{
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    overflow:hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    background:#fff;
}
.img-cover{ width:100%; height:100%; object-fit:cover; }

/* WhatsApp floating button */
.wa-fab{
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 999;
    width: 54px;
    height: 54px;
    border-radius: 999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: #25D366;
    color: #0b1b11;
    text-decoration:none;
    box-shadow: 0 16px 30px rgba(0,0,0,.25);
    font-size: 1.5rem;
}
.wa-fab:hover{ filter: brightness(.96); }

/*.bck {*/

/*    background: url("assets/rezervasyon.jpeg");*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    opacity: 0.3;*/


/*}*/

.bck{
    position: relative;
    overflow: hidden;
    height: 100%;          /* boşluğu da kapsasın */
    z-index: 0;
}

/* Arka plan resim */
.bck::before{
    content:"";
    position:absolute;
    inset:0;
    background: url("assets/rezervasyon.jpeg") center/cover no-repeat;
    z-index: -2;
}

/* Koyu overlay */
.bck::after{
    content:"";
    position:absolute;
    inset:0;
    background: rgba(0,0,0,.55);  /* koyuluk ayarı: .45 - .70 arası güzel */
    z-index: -1;
    pointer-events:none;
}

/* İçerik üstte */
.bck > *{
    position: relative;
    z-index: 1;
}

/* Yazılar beyaz */
.bck .action-title,
.bck p,
.bck .meta-item,
.bck .meta-item span{
    color:#fff !important;
}

/* Muted yazı gri yerine açık beyaz */
.bck .text-muted{
    color: rgba(255,255,255,.75) !important;
}

/* Outline buton koyu zeminde daha iyi görünsün */
.bck .btn-outline-dark{
    border-color: rgba(255,255,255,.85);
    color:#fff;
}
.bck .btn-outline-dark:hover{
    background: #fff;
    color:#000;
}

.action-card .btn.btn-outline-dark{
    color: #212529;                 /* normal yazı rengi */
    border-color: #212529;
}

.action-card .btn.btn-outline-dark:hover,
.action-card .btn.btn-outline-dark:focus{
    background: #212529;            /* hover arka plan */
    border-color: #212529;
    color: #000000;                    /* hover yazı rengi -> kaybolmaz */
}

/* ikon da yazıyla aynı renk kalsın */
.action-card .btn.btn-outline-dark i{
    color: inherit;
}

#bookNowWa{
    border: 1px solid rgba(255,255,255,.85);
    color:#fff;
    background: transparent;
    box-sizing: border-box;

    /* ✅ yumuşak geçiş */
    transition: background .25s ease, border-color .25s ease, box-shadow .25s ease, color .25s ease, filter .25s ease;
}

/* ✅ Hover: border kalınlığı aynı kalsın -> oynama olmaz */
#bookNowWa:hover,
#bookNowWa:focus{
    background: linear-gradient(135deg,#25D366 0%,#1FA855 55%,#128C7E 100%) !important;
    border-color: rgba(255,255,255,.0) !important; /* kalınlık aynı, sadece görünmez */
    color:#fff !important;

    box-shadow: 0 10px 24px rgba(18,140,126,.30);
    filter: saturate(1.05);
}

#bookNowWa i{ color: inherit; }
/* ---------------------------
   Modern Footer
----------------------------*/
.site-footer{
    background: #50523C;
    color: rgba(255,255,255,.86);
}

.footer-brand{
    display:flex;
    align-items:center;
    gap:.65rem;
    text-decoration:none;
    color:#fff;
    font-weight:900;
    letter-spacing:.02em;
}
.footer-brand img{
    height:150px;
    width:auto;
    object-fit:contain;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,.35));
}

.footer-title{
    font-weight:800;
    color:#fff;
    margin-bottom:.8rem;
}

.footer-text{
    color: rgba(255,255,255,.72);
    max-width: 48ch;
}

.footer-list{
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:.55rem;
}

.footer-link{
    color: rgba(255,255,255,.72);
    text-decoration:none;
    transition: color .15s ease, opacity .15s ease;
}
.footer-link:hover{
    color:#fff;
}

.footer-pill{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.45rem .75rem;
    border-radius:999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.86);
    text-decoration:none;
}
.footer-pill:hover{
    background: rgba(255,255,255,.10);
    color:#fff;
}

.footer-contact{
    display:flex;
    flex-direction:column;
    gap:.6rem;
}

.social-btn{
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.14);
    color:#fff;
    text-decoration:none;
    transition: background .15s ease, border-color .15s ease;
}
.social-btn:hover{
    background: rgba(255,255,255,.12);
    border-color: rgba(255,255,255,.22);
}

.footer-hours{
    color: rgba(255,255,255,.72);
}

.footer-hr{
    border-color: rgba(255,255,255,.12);
}

.footer-bottom{
    color: rgba(255,255,255,.62);
    font-size: .95rem;
}


h1,h2,h3,h4,h5{
    font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    letter-spacing: -0.01em;
}

.bck2 {

    background: rgba(11,27,17,0.7);
    padding: 5px;

}

.hero-nav .nav-link{
    opacity: .8;
    transition: opacity .2s ease, color .2s ease;
}

.hero-nav .nav-link:hover{
    opacity: 1;
}

.hero-nav .nav-link.active{
    opacity: 1;
    color: #ffffff !important; /* active renk */
    font-weight: 700;
}


/* About feature cards with background image */
.feature-card{
    position: relative;
    overflow: hidden;
    height: 250px!important;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    color: #fff;                 /* yazılar beyaz */
    background: #111;            /* resim yüklenmezse */
}

.feature-card .card-bg{
    position: absolute;
    inset: 0;

    background-size: cover;
    background-position: center;
    filter: saturate(1.05) contrast(1.05);
    transform: none;             /* kıpırdama yok */
}

.feature-card::before{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(180deg,
    rgba(0,0,0,.78) 0%,
    rgba(0,0,0,.94) 45%,
    rgba(0,0,0,.99) 100%
    );
}

/* ✅ Köşelerde hafif vignette (okunabilirlik artar) */
.feature-card::after{
    content:"";
    position:absolute;
    inset:0;
    background: radial-gradient(circle at 50% 20%, rgba(0,0,0,.15), rgba(0,0,0,.55) 70%);
    z-index: 1;
    pointer-events:none;
}
.feature-card .card-content{ z-index: 2; position: relative; font-size: 18px }



.feature-card .text-muted{
    color: rgba(255,255,255,.80) !important;
}

.feature-card .icon-badge{
    width:42px;
    height:42px;
    border-radius: 999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
}


/* Section background (çok hafif) */
.action-strip{
    background: radial-gradient(900px 500px at 10% 0%, rgba(176,139,87,.10), transparent 55%),
    radial-gradient(700px 420px at 90% 30%, rgba(0,0,0,.04), transparent 55%);
    border-top: 1px solid rgba(0,0,0,.04);
    border-bottom: 1px solid rgba(0,0,0,.04);
}

/* Cards */
.action-card{
    border-radius: 22px;
    border: 1px solid rgba(0,0,0,.08);
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.06);
    overflow: hidden;
}
.action-card:hover{
    box-shadow: 0 18px 44px rgba(0,0,0,.12);
}

/* Primary card (Rezervasyon) */
.action-card--primary{
    position: relative;
    background: linear-gradient(180deg, rgba(176,139,87,.10), rgba(255,255,255,1) 55%);
}
.action-card--primary::before{
    content:"";
    position:absolute;
    left:0; top:0; bottom:0;
    width: 6px;
    background: linear-gradient(180deg, #caa06a, #b08b57);
}

/* Badge pill */
.action-pill{
    display:inline-flex;
    align-items:center;
    gap:.5rem;
    padding:.45rem .8rem;
    border-radius: 999px;
    background: rgba(0,0,0,.04);
    border: 1px solid rgba(0,0,0,.06);
    font-weight: 700;
    font-size: .9rem;
}

/* Media for right cards */
.action-media{
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.action-media img{
    width:100%;
    height:100%;
    object-fit: cover;
}

/* Icon row */
.action-meta a{
    text-decoration:none;
}
.action-meta .meta-item{
    display:flex;
    align-items:center;
    gap:.65rem;
    color: rgba(0,0,0,.70);
}
.action-meta .meta-dot{
    width: 36px;
    height: 36px;
    border-radius: 999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background: rgba(0,0,0,.05);
    border: 1px solid rgba(0,0,0,.06);
}

/* Title + spacing */
.action-title{
    letter-spacing: -0.01em;
}

.footer-mail {
    color: inherit;
    text-decoration: none;
}

.footer-mail:hover {
    text-decoration: underline;
}