:root {
--brand-bg: #e8eced;
--brand-dark: #07272e;
--brand-accent: #e56b59;
--brand-cream: #f2d6c7;
/* NAV yüksekliği (desktop) */
  --nav-h: 70px;
}
@media (max-width: 576px) {
  :root { --nav-h: 64px; }
}

html, body { height: 100%; }
body {
overflow:hidden;
}

.scroll-mask{
  position: fixed;
  inset: 0;
  z-index: 2;              /* video(−1) < scroll(2) < navbar(>1000) */
  overflow: auto;

  /* Üstte NAV kadar alanı daima şeffaf (görünmez) yap — video görünür kalır */
  -webkit-mask: linear-gradient(to bottom,
      transparent 0,
      transparent var(--nav-h),
      #000 var(--nav-h),
      #000 100%);
          mask: linear-gradient(to bottom,
      transparent 0,
      transparent var(--nav-h),
      #000 var(--nav-h),
      #000 100%);

  /* anchor scroll vb. için konfor */
  scroll-padding-top: calc(var(--nav-h) + 16px);
}

.header-spacer { height: var(--nav-h); }
body{font-family: 'Mulish' , sans-serif;}
h1, h2, h3 { font-family: 'Playfair Display', serif; color: var(--brand-dark); }
h1 { font-size: clamp(1.75rem, 2.5vw + 1rem, 3rem); font-weight: 700; }
/*h2 { font-size: clamp(1.5rem, 1.2vw + 1.1rem, 2.2rem); font-weight: 700; }*/
h2 { font-size: 34px; font-weight: 700;}
p, li { font-size: clamp(1rem, 0.3vw + 0.95rem, 1.125rem); line-height: 1.6; }


.highlight-title { color: var(--brand-accent); }
/* .section { padding-block: clamp(2rem, 4vw, 4rem); }  */
.section { padding-block: clamp(1rem, 2vw, 2rem); }


.navbar-brand img { height: 44px; width: auto; }
.navbar { transition: background-color .3s ease, box-shadow .3s ease; }
.navbar.fixed-top.scrolled { background-color: rgba(242,214,199,0.95); box-shadow: 0 4px 20px rgba(0,0,0,.08); }
.navbar .btn-brand { background-color: var(--brand-accent); color: var(--brand-cream); border-radius: 999px; }
.navbar .btn-brand:hover { background-color: var(--brand-dark); color: var(--brand-cream); }
.lang-btn { width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--brand-accent); color: var(--brand-cream); text-decoration: none; }
.lang-btn:hover { background: var(--brand-dark); color: var(--brand-cream); }


.video-wrap { position: fixed; inset: 0; z-index: -1; overflow: hidden; }
.video-wrap video { width: 100%; height: 100%; object-fit: cover; }
.video-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.35); pointer-events: none; }


/* Mobile tune for heavy videos */
@media (max-width: 576px) {
.video-wrap { position: absolute; height: 60vh; }
}
@media (prefers-reduced-motion: reduce) {
.video-wrap video { animation: none; }
}


.card-dark {
background-color: rgba(7,39,46,0.35);
color: var(--brand-cream);
border: 0;
border-radius: .75rem;
box-shadow: 0 8px 24px rgba(0,0,0,.12);
transition: background-color .3s ease, box-shadow .3s ease;
}
.card-dark:hover { background-color: var(--brand-dark); }


.page-wrapper { max-width: 1200px; margin-inline: auto; padding-inline: 1rem; }

/*
footer { background: rgba(7,39,46,0.3); color: var(--brand-cream); padding-block: 1rem; border-radius: .75rem .75rem 0 0; }
footer a { color: var(--brand-cream); text-decoration: none; }
footer a:hover { text-decoration: underline; }
*/

.social-icons a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--brand-accent); color: #fff; margin-right: .5rem; transition: background-color .3s ease; }
.social-icons a:hover { background: var(--brand-dark); color: var(--brand-cream); }


.divider-vert { width: 1px; background-color: #000; opacity: .35; height: 80px; }


.header-spacer { height: 88px; }
@media (max-width: 576px) { .header-spacer { height: 64px; } }


/* ==== HEADER (NAVBAR) HOVER RESTORE ==== */
/* Varsayılan: scroll edince açık arka plan veriyoruz. Hover'da hep somon olsun. */
.navbar:hover,
.navbar.fixed-top.scrolled:hover {
  background-color: #f2d6c7;          /* somon tonu */
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
}

/* Hover sırasında link/metin renkleri koyu olsun */
.navbar:hover .nav-link,
.navbar:hover .navbar-brand,
.navbar:hover .navbar-brand * {
  color: #0e0d0d !important;
}

/* bu kısmı resim gelince değiştirilecek 
.navbar:hover img{
    content: url(/media/ikckzzpc/alarko_capital_logo_g-01-2.png);
}
*/
.navbar:hover img{
    content: url(/media/2fzblizf/alarko_capital_logo_rgb2.png);
}


/* Dil butonu ve holding butonu hover uyumu */
.navbar:hover .lang-btn { 
  background-color: #e56b59; 
  color: #f2d6c7; 
}
.navbar:hover .btn-brand {
  background-color: #e56b59; 
  color: #f2d6c7; 
}

/* Bootstrap'in default renklerini ezmek için küçük bir hassas ayar */
.navbar .nav-link { 
  color: #f2d6c7; 
  transition: color .3s ease, background-color .3s ease; 
}
.navbar .nav-link:hover { 
  color: #ffffff; 
}

/* ==== FOOTER HOVER RESTORE ==== */
/* Varsayılan transparan; hover'da opak koyu mavi */
footer {
  transition: background-color .3s ease, box-shadow .3s ease;
}
footer:hover {
  background-color: #07272e;          /* opak koyu mavi */
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
}

/* ===== NAVBAR: sadece hover'da somon, normalde şeffaf ===== */

/* Varsayılan ve scroll edilmiş halde arka plan şeffaf kalsın */
.navbar { 
  background-color: transparent; 

}
.navbar.fixed-top.scrolled { 
  background-color: transparent;    /* önceden rgba(...) ise kaldır/ez */
  box-shadow: 0 4px 20px rgba(0,0,0,.08); /* istersen gölge kalsın */

}

/* Sadece hover sırasında somon rengi göster */
.navbar:hover,
.navbar.fixed-top.scrolled:hover {
  background-color: #f2d6c7;  /* somon tonu */
  box-shadow: 0 6px 24px rgba(0,0,0,.12);
}

/* Hover sırasında yazılar koyu olsun */
.navbar .nav-link { 
  color: #f2d6c7; 
  transition: color .3s ease, background-color .3s ease; 
}
.navbar:hover .nav-link,
.navbar:hover .navbar-brand,
.navbar:hover .navbar-brand * {
  color: #0e0d0d !important;
}

/* Dil ve Holding butonları hover'da uyumlu kalsın */
.navbar:hover .lang-btn { 
  background-color: #e56b59; 
  color: #f2d6c7; 
}
.navbar:hover .btn-brand { 
  background-color: #e56b59; 
  color: #f2d6c7; 
}

/* Mobil menü (hamburger) açıldığında okunaklılık için arka plan ver */
.navbar .navbar-collapse.show { 
  background-color: rgba(242,214,199,0.96); 
}

/* (İsteğe bağlı) Toggler ikonunu şeffaf zeminde görünür kılmak için: */
.navbar .navbar-toggler { border-color: rgba(242,214,199,.6); }
.navbar .navbar-toggler-icon { filter: invert(1) brightness(1.2); }


footer { background: rgba(7,39,46,0.3); color: var(--brand-cream); padding-block: 1rem; border-radius: .75rem .75rem 0 0; }
footer a { color: var(--brand-cream); text-decoration: none; }
footer a:hover { text-decoration: none; }


.social-icons a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--brand-accent); color: #fff; margin-right: .5rem; transition: background-color .3s ease; }
.social-icons a:hover { background: var(--brand-dark); color: var(--brand-cream); }


/* True center-split footer with a midline divider */
.footer-split { position: relative; display: grid; grid-template-columns: 1fr; align-items: center; gap: 1rem; }
.footer-left { display:flex; justify-content:center; align-items:center; align-self: stretch; }
.footer-right { text-align:left; }
@media (min-width: 768px) {
.footer-split { grid-template-columns: 1fr 1fr; min-height: 110px; }
.footer-split::before { content:""; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); width:1px; height: 80px; background-color: rgba(0,0,0,.35); }
.footer-right { padding-left: 45px; } /* küçük bir boşluk (istersen 0 yap) */
}
@media (max-width: 767.98px) {
.footer-split::before { display:none; }
.footer-right { text-align:center; padding-left: 0; }
}

/*
.footer-row {
  display: grid;
  grid-template-columns: clamp(160px, 26vw, 360px) 1px 1fr; /* çizgi sola yakın */
/*  align-items: center;
  column-gap: clamp(12px, 2vw, 24px);
}
*/

.footer-row {
  display: grid;
  grid-template-columns: clamp(160px, 26vw, 360px) 1px 1fr; /* çizgi sola yakın */
  align-items: stretch; /* çizgiyi satıra yayıyoruz */
  column-gap: clamp(12px, 2vw, 24px);
}

/* Çizgi */
.footer-divider {
  display: block;
  width: 1px;
  background-color: rgba(0,0,0,.45);             /* istersen aç: rgba(242,214,199,.4) */
  min-height: clamp(64px, 10vh, 110px);          /* görünür yükseklik garantisi */
}

/* Mobilde çizgiyi gizlemek istersen: */
@media (max-width: 767.98px) {
  .footer-divider { display: none; }
}


/* === Footer compact + -2px yazı === */
footer {
  /* Kutuyu küçült: dikey padding'i azalt */
  padding-block: .1rem;                /* önce: 1rem */
  /* Tüm footer metnini 2px küçült */
  font-size: calc(100% - 2px);         /* parent font-size’ından tam -2px */
}

/* Grid/görsel öğeler: toplam yüksekliği aşağı çek */
.footer-row { 
  align-items: center;                  /* stretch yerine center → daha kısa */
}

.social-icons a { 
  width: 32px; 
  height: 32px;                         /* önce: 40x40 */
  margin-right: .4rem;                  /* önce: .5rem */
}

/* Center-split footer’ı küçült */
.footer-split { 
  gap: .75rem;                          /* önce: 1rem */
}
@media (min-width: 768px) {
  .footer-split { min-height: 84px; }   /* önce: 110px */
  .footer-split::before { height: 56px; } /* önce: 80px */
}

/* Ayrıcı çizgi yüksekliği: */
.footer-divider {
  min-height: clamp(48px, 8vh, 84px);   /* önce: clamp(64px, 10vh, 110px) */
}

/* === Footer yatayda da küçülsün === */
footer{
  /* iç boşluk (sağ-sol) */
  padding-inline: .5rem;            /* istersen .5rem yapabilirsin */
  
  /* kutunun toplam genişliği ve ortalanması */
  box-sizing: border-box;
  width: min(100% - 40px, 1120px);   /* iki yanda 16px gutter + max 1120px */
  margin-inline: auto;               /* ortala */
}

@media (min-width: 768px){
  footer{
    /* desktop’ta biraz daha geniş gutter */
    width: min(100% - 64px, 1080px); /* iki yanda 32px gutter + max 1080px */
  }
}

/* === footer-left: 180x94 === */
@media (min-width: 768px){
  /* İlk kolon genişliğini 180px’e sabitle */
  .footer-row{
    grid-template-columns: 180px 1px 1fr;   /* önce: clamp(160px, 26vw, 360px) 1px 1fr */
    align-items: center;                    /* çocukların kendi yüksekliğine saygı duy */
  }

  /* Sol blok tam 180x94 */
  .footer-left{
    width: 180px;
    max-width: 180px;
    height: 94px;
    align-self: center;                     /* önce: stretch → yüksekliği zorlamasın */
    display: flex;                          /* mevcutsa kalsın */
    align-items: center;
    justify-content: center;                /* içeriği ortalamak istersen */
  }

  /* Orta çizgi de 94px olsun istersen (opsiyonel) */
  .footer-divider{
    min-height: 94px;                       /* önce: clamp(64px, 10vh, 110px) */
  }
}
        
        /* Arka plan video: mobile-safe tam ekran */
.video-wrap,
#bgvideo {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100dvh;          /* iOS/Android dinamik viewport yüksekliği */
  object-fit: cover;
  z-index: 0;              /* video en altta */
  background: #000;        /* yüklenme anında beyaz parlamasın */
}

/* 100dvh desteklemeyen tarayıcılar için fallback: 100svh -> 100vh -> JS ile --vh */
@supports not (height: 100dvh) {
  .video-wrap,
  #bgvideo { height: 100svh; }
}
@supports not (height: 100svh) {
  .video-wrap,
  #bgvideo { height: 100vh; }
}

/* === Mobile footer fix (≤ 768px) === */
@media (max-width: 767.98px) {
  /* Kutu: sağ/sol da incelsin, otomatik yükseklik */
  footer{
    padding: .5rem .75rem;       /* dikey + yatay daha kompakt */
    width: calc(100% - 24px);    /* iki yanda ~12px boşluk */
    margin: 0 auto;
    border-radius: .75rem;
  }

  /* Split/grid tek kolona insin */
  .footer-split{
    grid-template-columns: 1fr;  /* önce: 1fr 1fr */
    gap: .5rem;                   /* önce: 1rem */
    min-height: auto;             /* önce: 110px */
  }
  .footer-split::before{ display: none !important; }

  /* Üç kolonlu row'u da tek kolona çevir */
  .footer-row{
    grid-template-columns: 1fr;   /* önce: clamp(...) 1px 1fr */
    row-gap: .5rem;
    align-items: center;          /* stretch → center */
  }

  /* Sol blok: sabit yükseklik yok; ortala */
  .footer-left{
    width: auto; height: auto;
    align-self: center;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: .25rem;
  }

  /* Orta çizgi zaten gizleniyor; emniyet için: */
  .footer-divider{ display: none !important; min-height: 0; }

  /* Sağ blok hizası */
  .footer-right{ text-align: center; padding-left: 0; }

  /* Sosyal ikonlar küçülsün ve ortalansın */
  .social-icons{ display: flex; justify-content: center; gap: .5rem; }
  .social-icons a{
    width: 28px; height: 28px;   /* önce: 40px */
    margin-right: 0;
  }

  /* Footer metnini 2px küçült (sadece mobilde) */
  footer, .footer-right p, .footer-right a, .footer-right li{
    font-size: calc(100% - 2px);
  }
}

/* Tek satırda kalsın istediğin metinler için HTML'de <span class="nowrap">...</span> kullan */
.nowrap{ white-space: nowrap; }