/* Bulut Turizm — style.css (FULL) */
:root{
  --bt-white:#FFF;
  --bt-bg:#F5F5F5;
  --bt-red:#C00000;
  --bt-navy:#1A237E;
  --bt-silver:#CCCCCC;
  --bt-text:#111827;
  --container:1200px;
  --radius:18px;
  --gap:24px;
  --shadow:0 10px 30px rgba(0,0,0,.08)
}

/* Base */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bt-white);color:var(--bt-text);font-family:Roboto,system-ui,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.6}
img{max-width:100%;display:block}
.container{max-width:var(--container);margin-inline:auto;padding-inline:20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:auto}
.skip:focus{left:12px;top:12px;background:#000;color:#fff;padding:10px 12px;z-index:9999}

/* Topbar */
.topbar{background:var(--bt-bg);font-size:.95rem;color:#334}
.topbar__inner{display:flex;align-items:center;justify-content:space-between;padding:8px 0}
.topbar a{color:#111;text-decoration:none}
.topbar .sep{opacity:.5;margin:0 8px}
.topbar__right a{margin-left:12px}
.topbar__right a.is-active{font-weight:700;text-decoration:underline}

/* Header */
.header{position:sticky;top:0;z-index:50;background:var(--bt-white);box-shadow:0 1px 0 rgba(0,0,0,.06)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo img{height:46px}
.logo__text{font-family:Montserrat,system-ui,-apple-system; font-weight:800; letter-spacing:.06em; font-size:22px; color:var(--bt-navy)}
.logo__text--inverse{color:#fff}

/* Nav */
.nav__toggle{display:none;background:none;border:0;padding:10px}
.nav__bar{display:block;width:24px;height:2px;background:#222;margin:5px 0;border-radius:2px}
.nav__list{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.nav__list a{color:var(--bt-navy);text-decoration:none;font-weight:600}

/* Buttons (kurumsal, simetrik) */
.btn,
.btn:link,
.btn:visited{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;
  border:2px solid transparent;transition:.2s ease;line-height:1;outline:none
}
.btn:focus{outline:none}
.btn:focus-visible{box-shadow:0 0 0 3px rgba(192,0,0,.25)}
.btn--primary{background:var(--bt-red);color:#fff}
.btn--primary:hover{filter:brightness(.95);transform:translateY(-1px)}
.btn--ghost{border-color:var(--bt-navy);color:var(--bt-navy);background:transparent}
.btn--ghost:hover{background:rgba(26,35,126,.06)}
/* Hero üzerinde ghost = beyaz (okunabilirlik) */
.hero .btn--ghost,
.hero .btn--ghost:link,
.hero .btn--ghost:visited{
  color:#fff !important;border-color:rgba(255,255,255,.9) !important;background:transparent
}
.hero .btn--ghost:hover{background:rgba(255,255,255,.12)}

/* Hero / Slider */
.hero{position:relative}
.slider{position:relative;height:min(74vh,720px);overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transform:scale(1.02);transition:opacity .6s ease,transform 1.2s ease;background:#000 center/cover no-repeat}
.slide .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.48),rgba(0,0,0,.25),rgba(0,0,0,.5))}
.slide.is-active{opacity:1;transform:scale(1)}
.slide__content{
  position:relative;z-index:2;height:100%;
  display:flex;flex-direction:column;justify-content:center;
  max-width:860px;color:#fff;gap:16px;padding:48px 0 56px
}
.tag{display:inline-flex;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);padding:6px 10px;border-radius:999px;font-weight:700;margin-bottom:4px}
.hero__title{font-family:Montserrat,system-ui,sans-serif;font-weight:800;line-height:1.1;font-size:clamp(28px,4vw,48px);margin:0}
.hero__desc{font-size:clamp(14px,1.6vw,18px);opacity:.9;margin:0}
.hero__cta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}

.slider__ctrl{position:absolute;top:50%;transform:translateY(-50%);z-index:3;border:0;background:rgba(255,255,255,.75);width:42px;height:42px;border-radius:50%;font-size:24px;cursor:pointer}
.slider__ctrl:hover{background:#fff}
.slider__ctrl.prev{left:20px}
.slider__ctrl.next{right:20px}
.slider__dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:3}
.slider__dots button{width:10px;height:10px;background:rgba(255,255,255,.65);border:0;border-radius:50%;cursor:pointer}
.slider__dots button[aria-selected="true"]{background:#fff;width:26px;border-radius:999px}
.slide__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Sections & Cards */
.section{padding:72px 0;background:var(--bt-white)}
.section:nth-child(even){background:var(--bt-bg)}
.section__head{margin-bottom:28px}
.section__title{font-family:Montserrat,sans-serif;font-weight:800;color:var(--bt-navy);margin:0 0 8px;font-size:clamp(22px,2.8vw,34px)}
.section__kicker{color:#4b5563;margin:0}

.grid{display:grid;gap:var(--gap)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--5{grid-template-columns:repeat(5,1fr)}

.card{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.05)}
.card__icon{width:50px;height:50px;border-radius:999px;display:grid;place-items:center;margin-bottom:10px}
.card__title{font-weight:800;color:var(--bt-navy);margin:6px 0 8px}
.card__desc{color:#4b5563;margin:0 0 12px}
.card__link{font-weight:700;color:var(--bt-red);text-decoration:none}
.card__link:hover{text-decoration:underline}
.card--vip .card__icon{background:linear-gradient(135deg,#10194a,#1A237E);color:#fff}
.card--corp .card__icon{background:linear-gradient(135deg,#C00000,#e21c1c);color:#fff}
.card--school .card__icon{background:linear-gradient(135deg,#e21c1c,#ff3344);color:#fff}

/* Features / Why / Refs */
.feature{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:22px;text-align:center;box-shadow:var(--shadow)}
.feature__icon{width:54px;height:54px;display:grid;place-items:center;margin:0 auto 10px;color:var(--bt-red)}
.feature h3{margin:6px 0 6px;color:var(--bt-navy)}
.feature p{margin:0;color:#4b5563}
.why__item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:22px;box-shadow:var(--shadow)}
.why__num{display:inline-block;font-weight:800;color:var(--bt-red);margin-bottom:6px}
.refs__row{display:flex;gap:28px;align-items:center;justify-content:center;flex-wrap:wrap}
.refs__row img{height:42px;filter:grayscale(1) contrast(1.05);opacity:.8;transition:.2s ease}
.refs__row img:hover{filter:none;opacity:1}

/* Contact */
.contact__inner{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--gap)}
.contact__map iframe{width:100%;height:280px;border:0;border-radius:14px}

/* Footer (kurumsal, simetrik) */
.footer{background:#111827;color:#e5e7eb;margin-top:0}
.footer__inner{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:var(--gap);padding:40px 0;align-items:start}
.footer__brand img{height:40px;margin-bottom:10px}
.footer__brand p{margin-top:6px;opacity:.85}
.footer .sm{display:flex;gap:10px;margin-top:10px}
.footer .sep{opacity:.5;margin:0 .35rem}

.footer__links{list-style:none;margin:0;padding:0}
.footer__links a{color:#fff;text-decoration:none;opacity:.9}
.footer__links a:hover{opacity:1;text-decoration:underline}

.footer__contact a{color:#E5E7EB;text-decoration:none}
.footer__contact a:hover{text-decoration:underline}

.footer__legal{opacity:.95;border-top:1px solid rgba(255,255,255,.12)}
.footer__legal__row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:14px;color:#9CA3AF}
.footer__copy{text-align:center;color:#c7cbd1;padding:12px 0;border-top:1px solid rgba(255,255,255,.15)}

/* Offcanvas & Form */
.offcanvas{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:stretch;z-index:60}
.offcanvas[aria-hidden="false"]{display:flex}
.offcanvas__panel{margin-left:auto;width:min(540px,100%);background:#fff;padding:28px;border-top-left-radius:16px;border-bottom-left-radius:16px;box-shadow:var(--shadow);position:relative}
.offcanvas__close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;border:0;background:var(--bt-bg);cursor:pointer}

.form{display:grid;gap:14px}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff;font:inherit}
.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid rgba(192,0,0,.2);border-color:var(--bt-red)}
.form__actions{display:flex;align-items:center;gap:12px}
.form__msg{font-weight:700}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].is-visible{opacity:1;transform:none}

/* Responsive */
@media (max-width:1000px){
  .grid--5{grid-template-columns:repeat(3,1fr)}
  .footer__inner{grid-template-columns:1fr}
}
@media (max-width:800px){
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .grid--3{grid-template-columns:1fr}
  .contact__inner{grid-template-columns:1fr}
  .slider{height:62vh}
  .nav__toggle{display:block}
  .nav__list{
    position:fixed;inset:72px 0 auto 0;background:#fff;padding:18px 20px;
    flex-direction:column;gap:14px;transform:translateY(-10px);opacity:0;
    pointer-events:none;border-bottom:1px solid rgba(0,0,0,.06)
  }
  .nav__list.is-open{transform:none;opacity:1;pointer-events:auto}
}
/* ==== HERO okunaklık + CTA hizası (toparlama) ==== */
.slide .overlay{
  /* daha dengeli koyuluk: üst-alt güçlendirildi */
  background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.58) 100%);
}
.hero .slide__content{
  max-width: 900px;              /* başlık/cta blok genişliği */
  gap: 18px;                     /* dikey boşluk */
  padding: 52px 0 58px;
  background: none !important;   /* varsa eski tema kapsülü iptal */
  box-shadow: none !important;
  border: 0 !important;
}
.hero .hero__title,
.hero .hero__desc{ text-shadow:0 4px 16px rgba(0,0,0,.45); }

/* CTA kapsülü: iki butonu tek satırda düzgün tut, hafif cam efekti */
.hero .hero__cta{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  background:rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px; padding:8px;
  backdrop-filter:saturate(1.1) blur(4px);
}

/* butonlar: aynı yükseklik ve baseline */
.btn,
.btn:link,.btn:visited{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; line-height:1; border-radius:999px; font-weight:700;
  border:2px solid transparent; text-decoration:none; transition:.2s ease; outline:0;
}
.btn--primary{ background:#C00000; color:#fff; }
.btn--primary:hover{ background:#9E0000; transform:translateY(-1px); }
.hero .btn--ghost,
.hero .btn--ghost:link,.hero .btn--ghost:visited{
  color:#fff !important; border-color:rgba(255,255,255,.9) !important; background:transparent;
}
.hero .btn--ghost:hover{ background:rgba(255,255,255,.12); }

/* slider okları ve noktaları daha kurumsal */
.slider__ctrl{ background:rgba(255,255,255,.78); box-shadow:0 4px 16px rgba(0,0,0,.18); }
.slider__ctrl:hover{ background:#fff; }
.slider__dots button{ width:12px; height:12px; }
.slider__dots button[aria-selected="true"]{ width:28px; }

/* ==== Header küçülme animasyonu (daha premium hissiyat) ==== */
.header{ transition:height .2s ease, box-shadow .2s ease; }
.header__inner{ transition:height .2s ease; }
.header__inner{ height:72px; }
.header.is-scrolled .header__inner{ height:64px; }
.logo img{ height:46px; transition:height .2s ease; }
.header.is-scrolled .logo img{ height:38px; }

/* ==== Footer tipografi/espas toparlama ==== */
.footer__inner{ gap:28px; padding:44px 0; }
.footer__brand p{ margin-top:8px; opacity:.85; }
.footer__links li+li{ margin-top:9px; }
.footer__legal{ border-top:1px solid rgba(255,255,255,.12); }
.footer__legal__row{ display:flex; justify-content:space-between; align-items:center; padding:14px 0; color:#9CA3AF; }
/* ===== NAV BUTONU (yazı rengi ve hover) ===== */
.nav__list a.btn,
.nav__list .btn,
.nav__list a.btn:visited{            /* menüdeki butonun metni daima beyaz */
  color:#fff !important;
}
.nav__list a.btn--primary,
.nav__list .btn--primary{
  background:#C00000 !important;
  border-color:#C00000 !important;
}
.nav__list a.btn--primary:hover,
.nav__list .btn--primary:hover{
  background:#9E0000 !important;
}
/* menüde ghost kullanılırsa */
.nav__list a.btn--ghost,
.nav__list .btn--ghost{
  color:#fff !important;
  border-color:#fff !important;
}

/* ===== FOOTER OKUNAKLIK (yüksek kontrast) ===== */
.footer{ background:#111827; color:#F3F4F6; }          /* koyu lacivert üstü açık metin */
.footer p, .footer li{ color:#E5E7EB; }                /* gövde metni */
.footer a,
.footer__links a,
.footer__contact a,
.footer__legal a{
  color:#F9FAFB !important;                            /* linkler net beyaz */
  opacity:1 !important;
  text-decoration:none;
}
.footer a:hover,
.footer a:focus-visible{
  text-decoration:underline;
  outline:none;
}
.footer__brand p{ color:#E5E7EB; opacity:1; }          /* marka altında slogan */
.footer__legal{
  border-top:1px solid rgba(255,255,255,.14);
  color:#CBD5E1;                                       /* telif satırı */
}
.footer__links li+li{ margin-top:10px; }               /* satır arası biraz aç */
/* ==== NAV MENÜ HİZALAMA — hepsi aynı yükseklikte ve ortalı ==== */
:root{ --nav-item-h: 44px; }           /* menü öğesi yüksekliği */

.nav__list{
  display:flex;
  align-items:center;                  /* dikeyde ortala */
  gap:22px;
}

/* her <li> ve içindeki <a> ortalı olsun */
.nav__list > li{ display:flex; align-items:center; }
.nav__list > li > a{
  display:inline-flex;                 /* baseline farkını kaldırır */
  align-items:center;                  /* metni dikeyde ortalar */
  height:var(--nav-item-h);           /* hepsi aynı yükseklik */
  line-height:1;                       /* düğmeyle eşit olsun */
  padding:0 10px;                      /* normal linkler için rahat tıklama */
}

/* menüdeki buton için aynı yükseklik + net beyaz yazı */
.nav__list > li > a.btn,
.nav__list > li > .btn{
  height:var(--nav-item-h);
  padding:0 16px;
  color:#fff !important;
  border-width:2px;
}

/* primer buton (kırmızı) — tutarlı arkaplan/hover */
.nav__list > li > a.btn--primary,
.nav__list > li > .btn--primary{
  background:#C00000 !important;
  border-color:#C00000 !important;
}
.nav__list > li > a.btn--primary:hover,
.nav__list > li > .btn--primary:hover{
  background:#9E0000 !important;
}

/* mobil menüde yükseklikleri biraz arttıralım */
@media (max-width:800px){
  :root{ --nav-item-h: 46px; }
}