
:root{
  --eh-navy:#071722;
  --eh-navy-2:#0c2432;
  --eh-blue:#1478B8;
  --eh-blue-2:#1b91c7;
  --eh-cyan:#25b9bf;
  --eh-green:#14935f;
  --eh-bg:#f6f8fa;
  --eh-surface:#fff;
  --eh-border:#e1e7ec;
  --eh-text:#111c2d;
  --eh-muted:#65758a;
}

body{
  background:var(--eh-bg);
  color:var(--eh-text);
  font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}
.container{max-width:1280px}
a{text-decoration:none}
.btn{border-radius:8px;font-weight:700}
.btn-primary{background:#1478B8;border-color:#1478B8;box-shadow:0 6px 14px rgba(20,120,184,.14)}
.btn-primary:hover{background:#106b9f;border-color:#106b9f}

.topbar{background:linear-gradient(90deg,#06141e,#0a2e3d 72%,#0d4a5f);border:0;color:#dceaf1}
.topbar .container{min-height:35px}
.eh-campaign{display:flex;align-items:center;gap:.6rem;color:#e8f2f6}
.eh-campaign-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .5rem;border:1px solid rgba(51,213,166,.36);background:rgba(30,176,125,.13);border-radius:99px;color:#7ee4bd;font-size:.7rem;font-weight:800;letter-spacing:.04em}
.eh-campaign-link{color:#80d8ef;font-weight:700}
.eh-campaign-link:hover{color:#fff}

.site-header{position:sticky;top:0;z-index:1030;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid var(--eh-border);box-shadow:0 5px 18px rgba(9,34,48,.035)}
.eh-utility{border-bottom:1px solid #edf1f4;background:#fff}
.eh-utility .container{min-height:47px}
.eh-utility a{display:inline-flex;align-items:center;gap:.45rem;color:#62748a;font-size:.82rem;font-weight:650}
.eh-utility a .bi{color:#15956a}
.eh-utility a:hover{color:#1478B8}
.eh-utility-signup{padding:.42rem .75rem;border:1px solid #dfe6ec;border-radius:8px}
.site-header nav{min-height:73px}
.site-logo{height:2.3rem;max-width:12.5rem}
.site-nav{gap:.1rem}
.site-nav .nav-link{padding:.65rem .85rem;color:#142136;font-size:.93rem;font-weight:700;border-radius:7px}
.site-nav .nav-link:hover{color:#1478B8;background:#f3f7fa}
.nav-dropdown{border:1px solid #dde5eb;border-radius:10px;box-shadow:0 18px 40px rgba(9,34,48,.12);padding:.5rem}
.header-icon-btn{border-radius:8px!important}
.eh-login-btn{align-items:center;gap:.4rem;min-height:42px;padding-inline:1rem}

.eh-theme-switch{width:54px;height:30px;border:1px solid #d5dfe6;border-radius:99px;background:#eff3f6;padding:3px;display:flex;align-items:center;cursor:pointer}
.eh-theme-knob{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#56687a;box-shadow:0 2px 7px rgba(9,34,48,.14);transition:transform .38s cubic-bezier(.2,.8,.2,1),background .28s ease,color .28s ease}
[data-bs-theme=dark] .eh-theme-switch{background:#102d3d;border-color:#23485d}
[data-bs-theme=dark] .eh-theme-knob{transform:translateX(24px) rotate(180deg);background:#173d51;color:#8be7df}

.site-footer{background:#eef3f6;border-top:1px solid #dde5eb}
.site-footer .footer-link{color:#5d6e80}
.site-footer .footer-link:hover{color:#1478B8}

[data-bs-theme=dark] body{--eh-bg:#07111a;--eh-surface:#0b1a25;--eh-border:#1a3344;--eh-text:#eef4f8;--eh-muted:#9caeba;background:var(--eh-bg);color:var(--eh-text)}
[data-bs-theme=dark] .site-header{background:rgba(7,17,26,.97);border-bottom-color:#1a3344;box-shadow:0 8px 24px rgba(0,0,0,.18)}
[data-bs-theme=dark] .eh-utility{background:#0b1822;border-bottom-color:#162d3c}
[data-bs-theme=dark] .eh-utility a{color:#9caeba}
[data-bs-theme=dark] .site-nav .nav-link{color:#d7e2e8}
[data-bs-theme=dark] .site-nav .nav-link:hover{background:#102534;color:#fff}
[data-bs-theme=dark] .nav-dropdown{background:#0d1c27;border-color:#1a3344;box-shadow:0 18px 40px rgba(0,0,0,.35)}
[data-bs-theme=dark] .site-footer{background:#091620;border-top-color:#1a3344}

@media(max-width:991.98px){
  .site-header nav{min-height:64px}
  .site-logo{height:2rem;max-width:10.5rem}
  .topbar .eh-campaign span:not(.eh-campaign-badge),.topbar .eh-campaign strong,.eh-campaign-link{display:none}
}

html,body,.site-header,.eh-utility,.site-footer,.card,.btn,.form-control,.form-select,
.eh-hero,.eh-trust-strip,.eh-packages,.eh-why,.eh-photo-feature,.eh-blog-section,.eh-support,.eh-faq{
  transition:background-color .28s ease,color .22s ease,border-color .28s ease,box-shadow .28s ease;
}


/* =========================================================
   V5 - Header logo sizing
   ========================================================= */
.site-header .site-brand{
  flex:0 0 auto;
}
.site-header .site-logo{
  width:auto !important;
  height:46px !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain;
  display:block;
}
.site-header .site-logo-light,
.site-header .site-logo-dark{
  width:auto !important;
  height:46px !important;
  max-width:none !important;
}
.site-header nav{
  min-height:82px;
}
@media (max-width:991.98px){
  .site-header .site-logo,
  .site-header .site-logo-light,
  .site-header .site-logo-dark{
    height:38px !important;
  }
  .site-header nav{
    min-height:68px;
  }
}


/* =========================================================
   V7 - Single logo + real size
   ========================================================= */
.site-header .site-brand{
  flex:0 0 auto;
  min-width:190px;
}
.site-header .site-logo{
  width:185px !important;
  inline-size:185px !important;
  height:auto !important;
  block-size:auto !important;
  max-width:none !important;
  max-inline-size:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* Light theme: only light logo */
html[data-bs-theme="light"] .site-header .site-logo-light{
  display:block !important;
}
html[data-bs-theme="light"] .site-header .site-logo-dark{
  display:none !important;
}

/* Dark theme: only dark logo */
html[data-bs-theme="dark"] .site-header .site-logo-light{
  display:none !important;
}
html[data-bs-theme="dark"] .site-header .site-logo-dark{
  display:block !important;
}

.site-header nav{
  min-height:86px;
}

@media (max-width:1199.98px){
  .site-header .site-brand{min-width:165px}
  .site-header .site-logo{
    width:160px !important;
    inline-size:160px !important;
  }
}
@media (max-width:991.98px){
  .site-header .site-brand{min-width:145px}
  .site-header .site-logo{
    width:140px !important;
    inline-size:140px !important;
  }
  .site-header nav{min-height:70px}
}


/* =========================================================
   V8 - Compact header / larger visual logo / auth buttons
   ========================================================= */

/* Header height is fixed independently from logo artwork size. */
.site-header nav{
  min-height:0 !important;
  height:74px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Keep the logo's layout box compact, enlarge visually with transform.
   transform does not increase navbar height. */
.site-header .site-brand{
  min-width:170px !important;
  height:48px !important;
  display:flex !important;
  align-items:center !important;
  overflow:visible !important;
}

.site-header .site-logo{
  width:165px !important;
  inline-size:165px !important;
  height:auto !important;
  max-width:none !important;
  max-height:44px !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:scale(1.14);
  transform-origin:left center;
}

/* Auth buttons live together in main navbar */
.eh-auth-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.eh-auth-btn{
  min-width:122px;
  height:46px;
  padding:0 18px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  border-radius:8px;
  font-weight:800;
  line-height:1;
}

.eh-register-btn{
  color:#1478B8;
  background:#fff;
  border:1px solid #1478B8;
  box-shadow:none;
}

.eh-register-btn:hover{
  color:#fff;
  background:#1478B8;
  border-color:#1478B8;
}

.eh-login-btn{
  min-width:122px;
}

/* Top utility bar no longer carries the register action */
.eh-utility .ms-auto{
  gap:.6rem !important;
}

[data-bs-theme="dark"] .eh-register-btn{
  color:#8fd8f2;
  background:#0b1a25;
  border-color:#2b6c8d;
}
[data-bs-theme="dark"] .eh-register-btn:hover{
  color:#fff;
  background:#1478B8;
  border-color:#1478B8;
}

@media (max-width:1199.98px){
  .site-header nav{
    height:70px !important;
  }
  .site-header .site-brand{
    min-width:155px !important;
    height:44px !important;
  }
  .site-header .site-logo{
    width:150px !important;
    inline-size:150px !important;
    max-height:40px !important;
    transform:scale(1.10);
  }
  .eh-auth-btn{
    min-width:108px;
    height:42px;
    padding:0 14px !important;
  }
}

@media (max-width:991.98px){
  .site-header nav{
    height:64px !important;
  }
  .site-header .site-brand{
    min-width:135px !important;
    height:40px !important;
  }
  .site-header .site-logo{
    width:132px !important;
    inline-size:132px !important;
    max-height:36px !important;
    transform:none;
  }
}


/* =========================================================
   V9 - Header fine tuning
   ========================================================= */

/* Header yüksekliği sabit kalır */
.site-header nav{
  height:74px !important;
  min-height:74px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Logo daha büyük GÖRÜNÜR; transform layout yüksekliğini büyütmez */
.site-header .site-brand{
  min-width:205px !important;
  height:48px !important;
  overflow:visible !important;
  display:flex !important;
  align-items:center !important;
}

.site-header .site-logo{
  width:170px !important;
  inline-size:170px !important;
  height:auto !important;
  max-width:none !important;
  max-height:42px !important;
  object-fit:contain !important;
  object-position:left center !important;
  transform:scale(1.25) !important;
  transform-origin:left center !important;
}

/* Kayıt Ol + Giriş Yap yaklaşık %10 küçültüldü */
.eh-auth-actions{
  gap:9px !important;
}

.eh-auth-btn{
  min-width:110px !important;
  height:42px !important;
  padding:0 14px !important;
  font-size:.92rem !important;
  border-radius:8px !important;
}

.eh-login-btn,
.eh-register-btn{
  min-width:110px !important;
}

@media (max-width:1199.98px){
  .site-header nav{
    height:70px !important;
    min-height:70px !important;
  }

  .site-header .site-brand{
    min-width:180px !important;
    height:44px !important;
  }

  .site-header .site-logo{
    width:155px !important;
    inline-size:155px !important;
    max-height:39px !important;
    transform:scale(1.18) !important;
  }

  .eh-auth-btn{
    min-width:100px !important;
    height:40px !important;
    padding:0 12px !important;
    font-size:.88rem !important;
  }
}

@media (max-width:991.98px){
  .site-header nav{
    height:64px !important;
    min-height:64px !important;
  }

  .site-header .site-brand{
    min-width:145px !important;
    height:40px !important;
  }

  .site-header .site-logo{
    width:138px !important;
    inline-size:138px !important;
    max-height:36px !important;
    transform:scale(1.06) !important;
  }
}


/* =========================================================
   V11 - Campaign coupon bar
   ========================================================= */
.eh-campaign{
  min-width:0;
  display:flex;
  align-items:center;
  gap:.55rem;
  color:#e8f2f6;
}

.eh-campaign-message{
  color:#e8f2f6;
  white-space:nowrap;
}

.eh-coupon-copy{
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  min-height:25px;
  padding:.18rem .55rem;
  border:1px dashed rgba(105,218,221,.48);
  border-radius:6px;
  background:rgba(28,169,178,.10);
  color:#82e5e7;
  font:inherit;
  font-weight:800;
  cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.eh-coupon-copy:hover{
  background:rgba(28,169,178,.17);
  border-color:rgba(105,218,221,.78);
  color:#c6fbfb;
  transform:translateY(-1px);
}

.eh-coupon-copy.is-copied{
  color:#8cf0bd;
  border-color:rgba(87,225,154,.65);
  background:rgba(32,166,106,.15);
}

.eh-coupon-code{
  letter-spacing:.055em;
}

.eh-coupon-copy-text{
  font-size:.63rem;
  font-weight:700;
  color:inherit;
  opacity:.76;
}

@media(max-width:991.98px){
  .topbar .container{
    gap:.5rem !important;
  }
  .eh-campaign-message{
    max-width:48vw;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .eh-coupon-copy-text{
    display:none;
  }
  .eh-campaign-link{
    display:none;
  }
}

@media(max-width:575.98px){
  .eh-campaign-message{
    display:none;
  }
}
