/* ========= TEMEL DEĞİŞKENLER ========= */
    :root{
      --gold-1:#d9ae64;     /* ana altın */
      --gold-2:#f6e7ba;     /* ışıltı */
      --nav-h:72px;         /* navbar yüksekliği */
      --page-bg:#0b0e12;
      --text:#e9ecef;
    }
    html,body{height:100%;}
    body{background:var(--page-bg); color:#dfe6ee; scroll-behavior:smooth;}



/*ana sayfa foto eklenirse diye css*/
.hero { position: relative; overflow: hidden; }
.hero .hero-image {
  position: absolute; inset: 0;
  background-size: cover; background-position: center; background-repeat: no-repeat;
}
.hero > .container { position: relative; z-index: 1; }

/* ========= NAVBAR ========= */
.navbar {
  position: fixed;        /* sabit kalsın */
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: var(--nav-h);
  background: transparent !important;   /* en başta şeffaf */
  border: none !important;
  box-shadow: none !important;
  transition: background .25s ease, backdrop-filter .25s ease;
}

.navbar.scrolled {
  background: #000 !important;   /* aşağı kaydırınca siyah */
  backdrop-filter: none;         /* bulanıklığı kaldırdım */
}


    /* marka / logo */
    .navbar-brand{
      display:flex; align-items:center; gap:.6rem;
      color:#fff !important; font-weight:800; letter-spacing:.3px;
    }
    .navbar-brand small{
      display:block; margin-top:-4px;
      background:linear-gradient(90deg,var(--gold-2),var(--gold-1));
      -webkit-background-clip:text; background-clip:text; color:transparent;
      font-weight:600;
    }

    /* menü bağlantıları (gold) */
    .navbar .nav-link{
      position:relative;
      color:#d7c89a !important;
      text-transform:uppercase;
      font-weight:800; letter-spacing:.6px;
      padding:.7rem 1.1rem;
      transition:color .15s ease;
    }
    .navbar .nav-link:hover{ color:#fff !important; }
    .navbar .nav-link::after{
      content:""; position:absolute; left:50%; bottom:.25rem;
      width:0; height:3px; transform:translateX(-50%);
      background:linear-gradient(90deg,var(--gold-2),var(--gold-1));
      border-radius:2px; transition:width .22s ease;
    }
    .navbar .nav-link:hover::after{ width:42px; }
    .navbar .nav-link.active{ color:#fff !important; }
    .navbar .nav-link.active::after{ width:46px; height:2px; }

    /* toggler görünürlüğü */
    .navbar-dark .navbar-toggler{ border:0; }
    .navbar-dark .navbar-toggler:focus{ box-shadow:none; }
    @media (min-width: 992px) {
  .navbar .navbar-collapse {
    flex-grow: 0;        /* genişlemeyi kapat */
    margin-left: 8rem;   /* logodan uzaklık */
    margin-right: auto;  /* sağa yapışmayı engelle, sola yasla */
  }
    /* Menü item aralıkları */
  .navbar .navbar-nav .nav-item {
    margin-left: 2rem;   /* menü öğeleri arası boşluk */
  }
}

    

    @media (max-width:991px){
      .navbar-collapse{
        background:rgba(10,12,15,.96);
        padding:1rem; border-radius:12px; margin-top:.5rem;
      }
      .navbar .nav-link::after{ bottom:0; }
    }
    

    /* ========= HERO (videolu) ========= */
    .hero{
      position:relative;
      min-height:100vh;
      display:flex; align-items:center;
      overflow:hidden;
      isolation:isolate;
      padding-top: var(--nav-h);         /* video tepeye yapışmasın */
    }
    .hero video{
      position:absolute; inset:0;
      width:100%; height:100%;
      object-fit:cover;                  /* ekranı doldur */
      object-position:center;            /* kadraj merkez */
      z-index:-2;
    }
    /* okunaklılık için karartma */
    .hero::after{
      content:""; position:absolute; inset:0;
      background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.55));
      z-index:-1;
    }
    .lead-badge{ color:#e7d7b2; font-weight:600; letter-spacing:.3px; }
    .hero h1{
      color:var(--text); font-weight:800; line-height:1.1;
      font-size:clamp(2rem, 5vw + .5rem, 4.5rem);
      margin-bottom:.6rem;
    }
    .subtext{ max-width:820px; color:#c6cdd6; font-size:clamp(.95rem,1.2vw + .5rem,1.125rem); }

    .hero h1 {
  color: var(--text); 
  font-weight: 800;
  line-height: 1.1;
  font-size: clamp(2.5rem, 5vw + .5rem, 4.5rem);  /* İsim büyük */
  margin-bottom: .6rem;
}

.hero h1 .subtitle {
  display: block;
  font-size: clamp(1.2rem, 2vw + .5rem, 1.6rem);  /* Daha küçük */
  font-weight: 700;   /* Kalın */
  color:#d7c89a !important;    /* Gold rengi */
  margin-top: .4rem;
}
/*AV.SEDAT KISMI */
.custom-title {
  color: #d7c89a !important;
}
/*3 İKON RENGİ*/
.custom-icons .text-warning {
  color: #d7c89a !important;
}

.custom-icons .border-warning {
  border-color: #d7c89a !important;
}




    /* ========= BÖLÜMLER ========= */
   /* === ÇALIŞMA ALANLARIMIZ (kartlı grid) === */
.section-practice {
  background:#000; /* siyah zemin */
  padding:90px 0;
}
.section-practice .title {
  font-family: "Georgia", serif;
  font-weight:800;
  font-size: clamp(2rem, 3.6vw + .5rem, 4rem);
  letter-spacing:.06em;
  color:#d7c89a !important;           /* gold başlık */
  text-align:center;
  margin-bottom:48px;
}
.practice-grid .card-cta{
  position:relative; border-radius:14px; overflow:hidden;
  border:2px solid rgba(229,201,122,.35); /* yumuşak gold çerçeve */
  background:#111;
  height:360px;            /* desktop yüksekliği */
  box-shadow: 0 10px 28px rgba(0,0,0,.35);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.practice-grid .card-cta:hover{
  transform: translateY(-6px);
  box-shadow: 0 18px 44px rgba(0,0,0,.55);
  border-color: rgba(229,201,122,.6);
}
.card-cta .bg-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; filter: brightness(.72);
  transform: scale(1.02); transition: transform .6s ease, filter .35s ease;
}
.card-cta:hover .bg-img{ transform: scale(1.06); filter: brightness(.84); }

.card-cta::after{ /* üst karartma */
  content:""; position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.55) 60%, rgba(0,0,0,.65) 100%);
}

.card-cta .inner{
  position:absolute; inset:0; display:flex; flex-direction:column;
  justify-content:flex-end; align-items:flex-start;
  padding:28px;
  z-index:2; color:#fff;
}
.card-cta .heading{
  font-weight:900; line-height:1.02;
  font-size: clamp(1.4rem, 1.3vw + 1rem, 2.1rem);
  letter-spacing:.02em;
  text-shadow: 0 3px 18px rgba(0,0,0,.45);
}
.card-cta .btn-outline-light{
  border-width:2px; font-weight:700; border-radius:10px;
  padding:.5rem 1rem; margin-top:14px;
  backdrop-filter: blur(2px);
}
.card-cta .btn-outline-light:hover{ color:#111; background:#f6e7ba; border-color:#f6e7ba; }

@media (max-width: 991px){
  .practice-grid .card-cta{ height:280px; }
}


    /* ========= FOOTER ========= */
    footer{
      background:#0a0f14; color:#aeb7c3;
      border-top:1px solid rgba(255,255,255,.06);
      padding:40px 0;
    }

    /* ========= MOBİL DOKUNUŞLAR ========= */
    @media (max-width:576px){
      .btn-group-hero .btn{ width:100%; }
    }
    .text-gold{ color:#d7c89a ;; }

    /* contact */
    /* İletişim Bölümü */
#contact {
  background: #fff;              /* Arka plan beyaz */
  padding: 100px 0;              /* Yukarıdan ve aşağıdan boşluk */
  color: #000;                   /* Yazılar siyah görünsün */
}

#contact h2, 
#contact p, 
#contact .contact-info {
  color: #000;                   /* Başlık ve metin siyah */
}

#contact .form-container {
  margin-top: 40px;              /* Formu biraz aşağıya çek */
  background: #f9f9f9;           /* Form kutusu için açık gri */
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}


/* ========= FOOTER ========= */
.site-footer {
  position: relative;
  background: url("https://senin-dosya-url.com/footer-bg.jpg") center center/cover no-repeat;
  color: #fff;
  padding: 60px 20px;
}

.site-footer .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.65); /* arka plan karartma */
  z-index: 0;
}

.footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  gap: 2rem;
}

.footer-left, .footer-mid, .footer-right {
  flex: 1 1 250px;
}

.footer-logo {
  max-width: 120px;
  margin-bottom: 10px;
}

.footer-mid h4, .footer-right h4 {
  font-weight: 700;
  margin-bottom: 15px;
  border-bottom: 2px solid #d7c89a; /* gold underline */
  display: inline-block;
  padding-bottom: 5px;
}

.footer-right ul {
  list-style: none;
  padding: 0;
}

.footer-right ul li {
  margin-bottom: 8px;
}

.footer-right ul li a {
  color: #d7c89a !important;; /* gold linkler */
  text-decoration: none;
}

.footer-right ul li a:hover {
  text-decoration: underline;
}
/* Alt satır */
.footer-bottom{
  text-align:center;
  margin-top:30px;
  position:relative;
  z-index:1;
}

.design-by{
  font-weight:400;
  font-size:16px;
  color:#fff; /* "Design by" beyaz */
}

/* Zerosoft: gold + parıltı + hover */
.site-footer .design-by .brand-gold{
  display:inline-block;

  /* Fallback: her şeyi ezer */
  color:#FFD700 !important;

  /* Parıldayan altın gradient */
  background:linear-gradient(90deg, #C9A227, #FFD700, #FFC107, #FFD700, #C9A227);
  background-size:300% 100%;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  /* Hafif ışık saçma */
  text-shadow:0 0 6px rgba(255,215,0,.45),
              0 0 14px rgba(255,165,0,.35);

  animation:goldPulse 2.5s ease-in-out infinite;
  transition:transform .25s ease, text-shadow .25s ease, filter .25s ease;
  cursor:pointer;
}

@keyframes goldPulse{
  0%   { background-position:0% 50%;   filter:brightness(1); }
  50%  { background-position:100% 50%; filter:brightness(1.25); }
  100% { background-position:0% 50%;   filter:brightness(1); }
}

.site-footer .design-by .brand-gold:hover{
  transform:scale(1.15);
  text-shadow:0 0 10px rgba(255,215,0,.8),
              0 0 24px rgba(255,200,0,.7),
              0 0 42px rgba(255,255,255,.5);
  filter:brightness(1.5);
}


/* ========= CONTACT ========= */
#contact {
  background: #fff;
  padding: 100px 0;
  color: #000;
}

#contact h2 {
  color: #d7c89a ;;   /* Başlık gold */
  font-weight: 800;
}

#contact .contact-info i.bi-envelope,
#contact .contact-info a,
#contact .contact-info .email {
  color: #000 ;;   /* Mail kısmı gold */
  font-weight: 600;
}



/* ABOUT */
.about-hero {
  position: relative;
  height: 420px; /* 260px idi, büyüttüm (400-450px arası oynatabilirsin) */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-hero .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.55); /* karartma efekti */
  z-index: 0;
}

.about-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.6); /* daha koyu olsun */
  z-index: -1;
}

.about-hero__title {
  position: relative;
  font-size: 3rem;
  font-weight: 800;
  color: #fff;
  z-index: 1;
  text-align: center;
}

/* içerik kısmı */
.section-about {
  background: #fff;
  color: #000;
  padding: 60px 0;
}

.about-name {
  font-size: 2rem;
  font-weight: 700;
  color: #d7c89a ;; /* gold */
  margin-bottom: 1rem;
}

.section-about p {
  font-size: 1.1rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}

/* contact sayfası */
/* CONTACT */
.contact-section{
  background:#fff;
  padding:80px 0;
}

.contact-info{
  max-width: 720px;
}

.contact-title{
  font-family: "Georgia", serif;
  font-weight: 700;
  font-size: clamp(1.6rem, 2.2vw + .4rem, 2.2rem);
  color:#d7c89a ; /* gold tonu */
  text-shadow: 0 2px 10px rgba(0,0,0,.08);
  margin-bottom:.35rem;
}

.contact-text{
  color:#3d3f45;
  font-size: clamp(1rem, .9vw + .6rem, 1.15rem);
  line-height:1.75;
  margin:0;
}

.contact-link{
  color:#3d3f45;
  text-decoration:none;
  border-bottom:1px dotted rgba(0,0,0,.25);
}
.contact-link:hover{ color:#000; }

.map-card{
  border-radius:14px;
  overflow:hidden;
  background:#f5f7fa;
  box-shadow: 0 14px 45px rgba(0,0,0,.12);
}

.map-iframe{
  display:block;
  width:100%;
  height:460px;          /* yüksekliği buradan ayarla */
  border:0;
}

@media (max-width: 991px){
  .contact-section{ padding:56px 0; }
  .map-iframe{ height:360px; }
}

/* makale */

/* --- Makale kartı (görseldeki stile yakın) --- */
.card-blog {
  border: 0;
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  overflow: hidden;
  background: #fff;
}

.card-blog .thumb {
  /* Görsel oranını sabitle: 745x350 (geniş x yükseklik) */
  aspect-ratio: 745 / 350;   /* İstediğin oran: 745x350 */
  width: 100%;
  overflow: hidden;
  background: #f3f5f7;
}

.card-blog .thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;          /* Görseli kadrajla */
  display: block;
}

.card-blog .card-body{
  padding: 28px 28px 26px;
}

.card-blog .card-title{
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 14px;
  color: #0b0f14;
}

.card-blog .card-text{
  color: #6b7280;             /* hafif gri metin */
  font-size: 0.98rem;
}

.card-blog .read-more{
  display: inline-block;
  margin-top: 10px;
  font-weight: 700;
  font-size: .95rem;
  text-decoration: none;
  color: #000;              /* Siyah renk */
}

.card-blog .read-more:hover{
  text-decoration: underline;
  color: #000;              /* Hover’da da siyah kalsın */
}
/* Uygulama alanı kartları */
.service-card{
  border: 0;
  border-radius: .75rem;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  background: #fff;
}
.service-thumb{
  width: 100%;
  height: 260px;         /* 240–300 arası zevkine göre */
  object-fit: cover;     /* ortalayarak kırpar */
}
.service-body{
  padding: 28px 24px;
}
.service-title{
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: .5px;
  margin-bottom: .75rem;
}


.btn-devam {
  border-color: #000;
  color: #000;
  transition: all 0.2s ease-in-out;
}

.btn-devam:hover {
  background-color: #d7c89a;
  border-color: #d7c89a;
  color: #000;
}