/*
  Vesay Enerji - Yeni Nesil Kurumsal Tema (Siyah & Sarı)
  Not: Bootstrap değişkenlerini override eder.
*/

:root {
  --ve-black: #0b0b0b;
  --ve-black-2: #111111;
  --ve-yellow: #ffc700;
  --ve-yellow-2: #ffd84d;
  --ve-text: #e9e9e9;
  --ve-muted: #b5b5b5;

  /* Bootstrap vars override */
  --bs-primary: var(--ve-yellow);
  --bs-secondary: #1f1f1f;
  --bs-dark: var(--ve-black);
  --bs-light: #f6f6f6;
}

html, body {
  background: var(--ve-black);
  color: var(--ve-text);
}

/* Genel link */
a { color: var(--ve-text); }
a:hover { color: var(--ve-yellow); }

/* Topbar */
.bg-primary { background-color: var(--ve-black-2) !important; }

/* Navbar */
.nav-modern {
  background: linear-gradient(180deg, rgba(11,11,11,.92), rgba(11,11,11,.65));
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 199, 0, .15);
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(233,233,233,.92) !important;
  font-weight: 500;
  letter-spacing: .2px;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
  color: var(--ve-yellow) !important;
}

.navbar-brand img {
  height: 54px;
  width: auto;
}

/* CTA buton */
.btn-cta {
  color: #FFF !important;
  box-shadow: 0 10px 30px rgba(255,199,0,.18);
}

.btn.btn-primary {
  border-color: var(--ve-yellow) !important;
  background: var(--ve-yellow) !important;
  color: #0b0b0b !important;
}

.btn.btn-primary:hover {
  background: var(--ve-yellow-2) !important;
  border-color: var(--ve-yellow-2) !important;
  color: #0b0b0b !important;
}

/* Breadcrumb header */
.bg-breadcrumb {
  background: radial-gradient(1200px 500px at 20% 0%, rgba(255,199,0,.25), transparent 60%),
              linear-gradient(180deg, rgba(11,11,11,.92), rgba(11,11,11,.92)),
              url('../img/carousel-1.jpg');
  background-size: cover;
  background-position: center;
}

/* Kart görünümü */
.card-modern,
.service-content-inner,
.packages-content,
.destination-img,
.contact-form {
  background: rgba(17,17,17,.92) !important;
  border: 1px solid rgba(255,199,0,.12) !important;
  border-radius: 16px !important;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}

/* Açık zeminleri karart */
.bg-light {
  background-color: #0f0f0f !important;
}

/* Başlık vurgu */
.section-title,
.section-about-title,
.subscribe-title {
  color: var(--ve-yellow) !important;
}

.text-primary { color: var(--ve-yellow) !important; }

/* Form */
.form-control, .form-select {
  background: #0f0f0f !important;
  border: 1px solid rgba(255,199,0,.18) !important;
  color: var(--ve-text) !important;
}

.form-control::placeholder { color: rgba(233,233,233,.55) !important; }

/* Footer */
.footer {
  background: linear-gradient(180deg, rgba(11,11,11,.92), rgba(11,11,11,1));
  border-top: 1px solid rgba(255,199,0,.15);
}

.copyright {
  background: #070707 !important;
}

/* Arama barı */
.search-bar .rounded-pill {
  background: rgba(255,199,0,.14) !important;
  border: 1px solid rgba(255,199,0,.20);
}

/* Carousel overlay */
.carousel-caption {
  background: linear-gradient(180deg, rgba(11,11,11,.25), rgba(11,11,11,.75));
  border-radius: 18px;
  padding: 18px;
}

/* Responsive */
@media (max-width: 992px) {
  .navbar-brand img { height: 46px; }
}

/* ====== NextGen Home (Corporate) ====== */
.section-pad { padding: 70px 0; }

.hero-nextgen {
  position: relative;
  padding: 110px 0 70px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,199,0,.12);
}
.hero-nextgen .hero-bg{
  position:absolute; inset:0;
  background:
    radial-gradient(800px 400px at 20% 20%, rgba(255,199,0,.14), transparent 60%),
    radial-gradient(700px 360px at 90% 30%, rgba(255,199,0,.10), transparent 60%),
    linear-gradient(180deg, rgba(11,11,11,.35), rgba(11,11,11,.95)),
    url('../img/slider.png');
  background-size: cover;
  background-position: center;
  filter: saturate(.9) contrast(1.05);
  transform: scale(1.02);
}
.hero-kicker{
  color: rgba(255,216,77,.95);
  letter-spacing: .5px;
  font-weight: 600;
}
.hero-title{
  font-weight: 800;
  line-height: 1.05;
  font-size: clamp(2.0rem, 4vw, 3.2rem);
}
.hero-sub{
  color: rgba(233,233,233,.85);
  font-size: 1.05rem;
  max-width: 52ch;
}
.hero-badges{ display:flex; flex-wrap:wrap; gap:10px; }
.badge-soft{
  display:inline-flex; align-items:center;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,199,0,.10);
  border: 1px solid rgba(255,199,0,.18);
  color: rgba(233,233,233,.92);
  font-size: .95rem;
}

.hero-card-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
.kpi-card{
  background: rgba(17,17,17,.82);
  border: 1px solid rgba(255,199,0,.14);
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 14px 34px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
}
.kpi-top{ display:flex; align-items:center; gap:10px; margin-bottom: 8px; }
.kpi-icon{
  width: 38px; height: 38px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 12px;
  background: rgba(255,199,0,.12);
  border: 1px solid rgba(255,199,0,.20);
  color: var(--ve-yellow);
}
.kpi-title{ font-weight: 700; }
.kpi-text{ color: rgba(233,233,233,.78); font-size: .98rem; }

.stat-card{
  background: rgba(17,17,17,.70);
  border: 1px solid rgba(255,199,0,.12);
  border-radius: 18px;
  padding: 18px;
  text-align:center;
}
.stat-number{
  font-size: 1.55rem;
  font-weight: 800;
  color: var(--ve-yellow);
}
.stat-label{ color: rgba(233,233,233,.78); }

.section-head .section-title{ margin:0; }
.section-title{
  font-weight: 800;
  letter-spacing: .2px;
}
.section-sub{
  color: rgba(233,233,233,.75);
  max-width: 70ch;
}

.service-card{
  height:100%;
  background: rgba(17,17,17,.78);
  border: 1px solid rgba(255,199,0,.12);
  border-radius: 20px;
  padding: 22px;
  transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.service-card:hover{
  transform: translateY(-3px);
  border-color: rgba(255,199,0,.28);
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}
.service-icon{
  width: 48px; height: 48px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 16px;
  background: rgba(255,199,0,.12);
  border: 1px solid rgba(255,199,0,.20);
  color: var(--ve-yellow);
  margin-bottom: 14px;
  font-size: 1.15rem;
}
.service-title{ font-weight: 800; font-size: 1.15rem; }
.service-text{ color: rgba(233,233,233,.75); margin-bottom: 10px; }
.service-link{ color: var(--ve-yellow); text-decoration:none; font-weight:700; }
.service-link:hover{ text-decoration: underline; }

.about-media img{ border: 1px solid rgba(255,199,0,.10); }
.why-list{ list-style:none; padding:0; margin:0; color: rgba(233,233,233,.82); }
.why-list li{ padding: 7px 0; }

.cta-box{
  background: linear-gradient(180deg, rgba(255,199,0,.10), rgba(17,17,17,.75));
  border: 1px solid rgba(255,199,0,.18);
  border-radius: 22px;
  padding: 22px;
}
.cta-title{ font-weight: 900; }
.cta-sub{ color: rgba(233,233,233,.78); }

.seo-box{
  background: rgba(17,17,17,.55);
  border: 1px solid rgba(255,199,0,.10);
  border-radius: 20px;
  padding: 22px;
}

@media (max-width: 992px){
  .hero-nextgen{ padding: 95px 0 55px; }
}


/* === Page Hero (Kurumsal) === */
.page-hero{
  position: relative;
  padding: 88px 0 34px;
  background: radial-gradient(1200px 600px at 20% 20%, rgba(255,199,0,.12), transparent 60%),
              radial-gradient(900px 520px at 80% 10%, rgba(255,216,77,.10), transparent 55%),
              linear-gradient(180deg, rgba(17,17,17,.96), rgba(11,11,11,1));
  border-bottom: 1px solid rgba(255,199,0,.14);
  overflow: hidden;
}
.page-hero:before{
  content:"";
  position:absolute; inset:0;
  background-image: radial-gradient(rgba(255,199,0,.12) 1px, transparent 1px);
  background-size: 18px 18px;
  opacity:.22;
  pointer-events:none;
}
.page-kicker{
  color: rgba(255,199,0,.95);
  font-weight: 600;
  letter-spacing: .4px;
  text-transform: uppercase;
  font-size: .82rem;
}
.page-title{
  font-size: clamp(1.75rem, 2.2vw, 2.5rem);
  font-weight: 800;
  letter-spacing: -.4px;
  margin: 6px 0 10px;
}
.page-sub{
  color: rgba(233,233,233,.80);
  max-width: 58ch;
}
.breadcrumb-dark{
  --bs-breadcrumb-divider-color: rgba(233,233,233,.55);
}
.breadcrumb-dark .breadcrumb-item a{ color: rgba(233,233,233,.8); text-decoration:none; }
.breadcrumb-dark .breadcrumb-item a:hover{ color: var(--ve-yellow); }
.breadcrumb-dark .breadcrumb-item.active{ color: rgba(233,233,233,.55); }

/* === Dark Sections & Cards === */
.section-pad{ padding: 72px 0; }
.section-head .eyebrow{
  color: rgba(255,199,0,.9);
  font-weight: 700;
  letter-spacing: .35px;
  text-transform: uppercase;
  font-size: .82rem;
}
.section-head h2{
  font-weight: 800;
  letter-spacing: -.35px;
  margin: 6px 0 0;
}
.card-dark{
  background: linear-gradient(180deg, rgba(31,31,31,.92), rgba(17,17,17,.92));
  border: 1px solid rgba(255,199,0,.12);
  border-radius: 16px;
  box-shadow: 0 12px 26px rgba(0,0,0,.35);
}
.card-dark .card-body{ color: rgba(233,233,233,.88); }
.card-dark .muted{ color: rgba(233,233,233,.65); }
.icon-badge{
  width: 44px; height: 44px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius: 12px;
  background: rgba(255,199,0,.12);
  border: 1px solid rgba(255,199,0,.22);
  color: var(--ve-yellow);
}

/* === Brands Grid === */
.brands-grid{
  display:grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
@media (max-width: 991px){ .brands-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 480px){ .brands-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.brand-tile{
  background: rgba(17,17,17,.88);
  border: 1px solid rgba(255,199,0,.10);
  border-radius: 14px;
  padding: 14px;
  display:flex; align-items:center; justify-content:center;
  min-height: 78px;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.brand-tile:hover{
  transform: translateY(-2px);
  border-color: rgba(255,199,0,.28);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}
.brand-tile img{
  max-height: 42px;
  width:auto;
  filter: grayscale(100%) contrast(1.05) brightness(.95);
  opacity: .92;
}
.brand-tile:hover img{
  filter: grayscale(0%) contrast(1.05) brightness(1.03);
  opacity: 1;
}