/* ===================================================================== */
/* ===  BESYILDIZRESTORAN.CSS — YALNIZCA besyildizrestoran.html      === */
/* ===  (BEŞ YILDIZ RESTORAN "ÇOK YAKINDA" SAYFASI)                  === */
/* ===  TEMA: koyu yeşil zemin + #bb9944 altın vurgu (Beşyıldız)     === */
/* ===  YAPI:                                                        === */
/* ===   BÖLÜM A → MASAÜSTÜ KODLARI  (min-width: 993px)              === */
/* ===   BÖLÜM B → MOBİL KODLARI     (max-width: 992px)              === */
/* ===  Masaüstü ve mobil hiçbir kuralı paylaşmaz.                   === */
/* ===================================================================== */

/* Başlığın ikinci parçası bu sayfada altın renktedir (effects.css'teki
   varsayılan kırmızıyı gövde sınıfıyla ezer; medya bloğu dışında geçerli) */
body.page-besyildizrestoran .coming-soon-content .header-title-part2 { color: #bb9944; }


/* ################################################################## */
/* #####  BÖLÜM A — MASAÜSTÜ (993px ve üzeri ekranlar)          ##### */
/* ################################################################## */
@media (min-width: 993px) {

    /* ---------- A.1 TEMEL SIFIRLAMA (RESET) ---------- */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; overflow-x: hidden; width: 100%; background: #0f2a05; }
    body { font-family: 'Montserrat', sans-serif; background: #0f2a05; color: #f7f7f7; overflow-x: hidden; width: 100%; position: relative; min-height: 100vh; }
    a { text-decoration: none; color: inherit; }
    .container { max-width: 1200px; margin: auto; padding: 0 20px; }

    /* ---------- A.2 YARDIMCI SINIFLAR ---------- */
    .font-0-8 { font-size: 0.8rem; }   /* Küçük yazı (menü oku) */
    .ml-5 { margin-left: 5px; }        /* 5px sol boşluk (menü oku) */

    /* ---------- A.3 NAVBAR (ÜST MENÜ) — altın vurgulu ---------- */
    .navbar-home { background: transparent; border: none; padding: 5px 0; position: fixed; width: 100%; top: 0; z-index: 1000; transition: background 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease; }
    .navbar-home.scrolled { background: #f7f7f7; padding: 0; box-shadow: 0 2px 15px rgba(0,0,0,0.1); }
    .navbar-home .container { max-width: 100%; padding: 0 80px; display: flex; justify-content: space-between; align-items: center; height: 105px; position: relative; }
    /* Logo */
    .static-logo { display: block; width: 170px; margin-right: auto; }
    .static-logo img { width: 100%; height: auto; display: block; }
    /* Mobil öğeler gizli */
    .hamburger-menu { display: none; }
    .nav-right-mobile { display: none; }
    .mobile-menu-header { display: none; }
    /* Menü linkleri */
    .nav-links { display: flex; list-style: none; gap: 30px; align-items: center; }
    .nav-links > li { position: relative; padding: 10px 0; }
    .nav-links > li > a { color: #f7f7f7; font-weight: bold; font-size: 13px; transition: 0.3s; text-transform: uppercase; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); display: inline-block; position: relative; padding-bottom: 5px; }
    .nav-links > li > a::after { content: ''; position: absolute; width: 0; height: 3px; bottom: 0; left: 0; background-color: #bb9944; transition: width 0.3s ease-in-out; }
    .nav-links > li > a:hover::after { width: 100%; }
    .nav-links > li > a:hover { color: #f7f7f7; transform: translateY(-2px); }
    .navbar-home.scrolled .nav-links > li > a { color: #2a2a2a; text-shadow: none; }
    .navbar-home.scrolled .nav-links > li > a:hover { color: #bb9944; }
    /* Açılır alt menü: altın üst şerit */
    .dropdown-menu { position: absolute; top: 100%; left: 50%; transform: translateX(-50%) translateY(10px); background: #f7f7f7; min-width: 220px; box-shadow: 0 5px 20px rgba(0,0,0,0.15); border-radius: 8px; padding: 15px 0; opacity: 0; visibility: hidden; transition: all 0.3s ease; list-style: none; z-index: 1200; border-top: 4px solid #bb9944; }
    .nav-links > li.has-dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); }
    .dropdown-menu li a { display: block; padding: 10px 20px; color: #2a2a2a; font-size: 13px; font-weight: 600; transition: 0.2s; white-space: nowrap; }
    .dropdown-menu li a:hover { background: #f7f7f7; color: #bb9944; transform: translateX(5px); }

    /* ---------- A.4 "ÇOK YAKINDA" BÖLÜMÜ — modern cam kart ---------- */
    /* Tam ekran koyu yeşil degrade zemin + altın ışık vurgusu */
    .coming-soon-section { height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; color: #f7f7f7; background: radial-gradient(900px 500px at 80% 15%, rgba(187,153,68,0.22), transparent 60%), linear-gradient(135deg, #0f2a05 0%, #193e06 100%); overflow: hidden; }
    /* Arka planda yüzen bulanık ışık küreleri */
    .cs-shape { position: absolute; border-radius: 50%; filter: blur(70px); opacity: 0.3; pointer-events: none; }
    .cs-shape-1 { width: 420px; height: 420px; background: #bb9944; top: -120px; left: -120px; animation: csFloat1 11s ease-in-out infinite; }
    .cs-shape-2 { width: 360px; height: 360px; background: #2a6b0e; bottom: -110px; right: -110px; animation: csFloat2 13s ease-in-out infinite; }
    @keyframes csFloat1 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(45px, 35px); } }
    @keyframes csFloat2 { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-45px, -35px); } }
    /* Buzlu cam içerik kartı */
    .coming-soon-content { position: relative; z-index: 2; background: rgba(255,255,255,0.06); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(187,153,68,0.3); border-radius: 28px; padding: 60px 80px; box-shadow: 0 30px 70px rgba(0,0,0,0.45); max-width: 680px; }
    /* Nabız atan yuvarlak yıldız ikonu */
    .cs-icon { width: 84px; height: 84px; margin: 0 auto 28px; border-radius: 50%; background: linear-gradient(135deg, #bb9944, #9a7d35); display: flex; align-items: center; justify-content: center; font-size: 32px; color: #fff; animation: csIconPulse 2.8s ease-in-out infinite; }
    @keyframes csIconPulse {
        0%, 100% { box-shadow: 0 14px 35px rgba(187,153,68,0.45), 0 0 0 0 rgba(187,153,68,0.4); }
        50%      { box-shadow: 0 14px 35px rgba(187,153,68,0.45), 0 0 0 18px rgba(187,153,68,0); }
    }
    /* Başlık: iki renkli (part1 beyaz; part2 altın — dosya başındaki kural) */
    .coming-soon-content h1 { font-size: 2.8rem; font-weight: 900; letter-spacing: 1px; margin-bottom: 18px; text-shadow: 0 4px 20px rgba(0,0,0,0.5); }
    /* "Çok Yakında Hizmetinizdeyiz..." mesajı: yumuşak nefes alma animasyonu */
    .cs-message { font-size: 1.35rem; font-weight: 600; color: rgba(255,255,255,0.85); animation: csBreath 2.6s ease-in-out infinite; }
    @keyframes csBreath { 0%, 100% { opacity: 0.65; } 50% { opacity: 1; } }
    /* Ana sayfa dönüş butonu */
    .cs-home-btn { display: inline-flex; align-items: center; gap: 10px; margin-top: 32px; padding: 13px 32px; border-radius: 50px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-weight: 700; font-size: 0.95rem; transition: 0.3s; }
    .cs-home-btn:hover { background: #bb9944; border-color: #bb9944; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(187,153,68,0.4); }
}


/* ################################################################## */
/* #####  BÖLÜM B — MOBİL (992px ve altı ekranlar)              ##### */
/* ################################################################## */
@media (max-width: 992px) {

    /* ---------- B.1 TEMEL SIFIRLAMA (RESET) — mobil kopya ---------- */
    * { margin: 0; padding: 0; box-sizing: border-box; }
    html { scroll-behavior: smooth; overflow-x: hidden; width: 100%; background: #0f2a05; }
    body { font-family: 'Montserrat', sans-serif; background: #0f2a05; color: #f7f7f7; overflow-x: hidden; width: 100%; position: relative; min-height: 100vh; }
    a { text-decoration: none; color: inherit; }
    .container { max-width: 1200px; margin: auto; padding: 0 20px; }

    /* ---------- B.2 YARDIMCI SINIFLAR (mobil kopya) ---------- */
    .font-0-8 { font-size: 0.8rem; }
    .ml-5 { margin-left: 5px; }

    /* ---------- B.3 MOBİL NAVBAR — hamburger menü (altın vurgulu) ---------- */
    .navbar-home { background: transparent; border: none; padding: 5px 0; position: fixed; width: 100%; top: 0; z-index: 1000; transition: background 0.4s ease, padding 0.4s ease, box-shadow 0.4s ease; }
    .navbar-home.scrolled { background: #f7f7f7; padding: 0; box-shadow: 0 2px 15px rgba(0,0,0,0.1); }
    .navbar-home .container { max-width: 100%; padding: 0 20px; height: 70px; display: flex; justify-content: space-between; align-items: center; width: 100%; position: relative; }
    .static-logo { display: block; width: 170px; margin-right: auto; }
    .static-logo img { width: 100%; height: auto; display: block; }
    .nav-right-mobile { display: flex; align-items: center; }
    .mobile-call-btn { display: flex; align-items: center; justify-content: center; color: #f7f7f7; font-size: 20px; margin-right: 15px; transition: color 0.3s; }
    .navbar-home.scrolled .mobile-call-btn { color: #2a2a2a; }
    .hamburger-menu { display: block; cursor: pointer; z-index: 1200; position: relative; }
    .hamburger-line { width: 30px; height: 3px; background: #f7f7f7; margin: 5px; transition: 0.4s; border-radius: 2px; }
    .navbar-home.scrolled .hamburger-line { background: #2a2a2a; }
    .hamburger-menu.toggle .line1 { transform: rotate(-45deg) translate(-5px, 6px); background: #bb9944; }
    .hamburger-menu.toggle .line2 { opacity: 0; }
    .hamburger-menu.toggle .line3 { transform: rotate(45deg) translate(-5px, -6px); background: #bb9944; }
    .nav-links { position: fixed; top: 0; right: -100%; width: 280px; height: 100vh; background: #f7f7f7; list-style: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; transition: right 0.4s ease-in-out; z-index: 1100; padding: 80px 20px 40px 20px; overflow-y: auto; gap: 15px; }
    .nav-links.active { right: 0; box-shadow: -5px 0 20px rgba(0,0,0,0.2); }
    .mobile-menu-header { display: block; font-size: 20px; font-weight: 900; color: #bb9944; margin-bottom: 10px; }
    .nav-links li { width: 100%; text-align: left; padding: 5px 0; }
    .nav-links > li > a { color: #2a2a2a; text-shadow: none; font-size: 15px; font-weight: bold; text-transform: uppercase; width: 100%; display: flex; justify-content: space-between; transition: 0.3s; }
    .nav-links > li > a:hover,
    .nav-links > li > a:focus,
    .nav-links > li > a:active { color: #bb9944; transform: none; }
    .dropdown-menu { position: relative; left: 0; top: 0; transform: none; background: #f7f7f7; width: 100%; display: none; list-style: none; opacity: 1; visibility: visible; border-top: none; padding: 5px 10px; margin-top: 5px; box-shadow: none; border-radius: 0; }
    .has-dropdown.active .dropdown-menu { display: block; }
    .dropdown-menu li a { display: block; padding: 8px 10px; font-size: 14px; color: #555; font-weight: 600; transition: 0.2s; white-space: nowrap; }
    .dropdown-menu li a:hover { color: #bb9944; }

    /* ---------- B.4 "ÇOK YAKINDA" BÖLÜMÜ (mobil) ---------- */
    .coming-soon-section { height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; color: #f7f7f7; background: radial-gradient(600px 360px at 80% 12%, rgba(187,153,68,0.22), transparent 60%), linear-gradient(135deg, #0f2a05 0%, #193e06 100%); overflow: hidden; }
    .cs-shape { position: absolute; border-radius: 50%; filter: blur(55px); opacity: 0.3; pointer-events: none; }
    .cs-shape-1 { width: 260px; height: 260px; background: #bb9944; top: -80px; left: -80px; animation: csFloat1Mobile 11s ease-in-out infinite; }
    .cs-shape-2 { width: 230px; height: 230px; background: #2a6b0e; bottom: -70px; right: -70px; animation: csFloat2Mobile 13s ease-in-out infinite; }
    @keyframes csFloat1Mobile { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(30px, 22px); } }
    @keyframes csFloat2Mobile { 0%, 100% { transform: translate(0, 0); } 50% { transform: translate(-30px, -22px); } }
    .coming-soon-content { position: relative; z-index: 2; background: rgba(255,255,255,0.06); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(187,153,68,0.3); border-radius: 22px; padding: 40px 24px; box-shadow: 0 30px 70px rgba(0,0,0,0.45); width: 100%; max-width: 420px; }
    .cs-icon { width: 64px; height: 64px; margin: 0 auto 20px; border-radius: 50%; background: linear-gradient(135deg, #bb9944, #9a7d35); display: flex; align-items: center; justify-content: center; font-size: 24px; color: #fff; animation: csIconPulseMobile 2.8s ease-in-out infinite; }
    @keyframes csIconPulseMobile {
        0%, 100% { box-shadow: 0 14px 35px rgba(187,153,68,0.45), 0 0 0 0 rgba(187,153,68,0.4); }
        50%      { box-shadow: 0 14px 35px rgba(187,153,68,0.45), 0 0 0 14px rgba(187,153,68,0); }
    }
    .coming-soon-content h1 { font-size: 24px; font-weight: 900; letter-spacing: 0.5px; margin-bottom: 12px; text-shadow: 0 4px 20px rgba(0,0,0,0.5); }
    .cs-message { font-size: 15px; font-weight: 600; color: rgba(255,255,255,0.85); animation: csBreathMobile 2.6s ease-in-out infinite; }
    @keyframes csBreathMobile { 0%, 100% { opacity: 0.65; } 50% { opacity: 1; } }
    .cs-home-btn { display: inline-flex; align-items: center; gap: 9px; margin-top: 24px; padding: 11px 26px; border-radius: 50px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.25); color: #fff; font-weight: 700; font-size: 13px; transition: 0.3s; }
    .cs-home-btn:hover { background: #bb9944; border-color: #bb9944; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(187,153,68,0.4); }
}