/* —————————————————————————
   TEMEL DEĞİŞKENLER
   ————————————————————————— */
:root {
  --theme-color:      #e22026;  /* ana kırmızı ton */
  --secondary-color:  #550401;  /* koyu kırmızı (hover) */
  --text-color:       #545151;  /* genel metin rengi */
  --heading-color:    #1e242a;  /* başlıklar */
  --border-light:     #e0e0e0;  /* liste ayırıcı çizgi */
  --font-base:        "Open Sans", sans-serif;
  --font-heading:     "Montserrat", sans-serif;
}

/* —————————————————————————
   GENEL TİPOGRAFİ
   ————————————————————————— */
body {
  font-family: var(--font-base);
  color: var(--text-color);
}
h2, h3, h5 {
  font-family: var(--font-heading);
  color: var(--heading-color);
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
p {
  line-height: 1.7;
  margin-bottom: 1rem;
}

/* —————————————————————————
   SOL LİSTE (Hakkımızda & Hizmetlerimiz)
   ————————————————————————— */
#hakkimizda-list .list-group-item,
#services-list    .list-group-item {
  border: none;
  border-left: 3px solid transparent;
  padding: .75rem 1.25rem;
  font-weight: 500;
  color: var(--text-color);
  background: transparent;
  transition: background-color .2s, border-color .2s;
}
#hakkimizda-list .list-group-item + .list-group-item,
#services-list    .list-group-item + .list-group-item {
  border-top: 1px solid var(--border-light);
}
#hakkimizda-list .list-group-item:hover,
#services-list    .list-group-item:hover {
  background-color: rgba(226, 32, 38, 0.05);  /* yarı saydam tema-color */
}
#hakkimizda-list .list-group-item.active,
#services-list    .list-group-item.active {
  color: var(--theme-color);
  border-left-color: var(--theme-color);
  font-weight: 700;
  background: transparent;
}

/* —————————————————————————
   BUTONLAR
   ————————————————————————— */
.btn-primary {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  font-weight: 600;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
}

/* —————————————————————————
   “Daha Fazla” LINK (collapse toggle)
   ————————————————————————— */
.btn-link {
  color: var(--theme-color);
  font-weight: 600;
  text-decoration: none;
  padding: 0;
}
.btn-link:hover {
  color: var(--secondary-color);
  text-decoration: underline;
}

/* —————————————————————————
   CAROUSEL ICON / SAYACI
   ————————————————————————— */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(20%) brightness(150%);
}
#yfCounter,
#serviceCounter {
  font-family: var(--font-heading);
  font-size: 1rem;
  color: var(--text-color);
}
/* Sol menü stilleri (güncellenmiş) */
#hakkimizda-list .list-group-item,
#services-list    .list-group-item,
#hesap-list       .list-group-item {       /* <-- burada eklendi */
  border: none;
  border-left: 3px solid transparent;
  padding: .75rem 1.25rem;
  font-weight: 500;
  color: var(--text-color);
  background: transparent;
  transition: background-color .2s, border-color .2s;
}
#hakkimizda-list .list-group-item:hover,
#services-list    .list-group-item:hover,
#hesap-list       .list-group-item:hover {  /* <-- eklendi */
  background-color: rgba(226, 32, 38, 0.05);
}
#hakkimizda-list .list-group-item.active,
#services-list    .list-group-item.active,
#hesap-list       .list-group-item.active { /* <-- eklendi */
  color: var(--theme-color);
  border-left-color: var(--theme-color);
  font-weight: 700;
  background: transparent;
}
/* Kartların içeriğini taşırma, eşit yükseklik için */
#hesap-ac .row.align-items-stretch > .col-md-4 {
  display: flex;
  flex-direction: column;
}
#hesap-ac .row.align-items-stretch .card {
  flex-grow: 1;
  overflow: visible;
}
/* Buton outline-theme */
.btn-outline-theme {
  border: 2px solid var(--theme-color);
  color: var(--theme-color);
  font-weight: 600;
}
.btn-outline-theme:hover {
  background-color: var(--theme-color);
  color: #fff;
}

/* Kart başlıkları ve metin uyumu */
.card-title {
  font-family: var(--font-heading);
  font-size: 1.125rem;
  color: var(--heading-color);
}
.card-text {
  font-family: var(--font-base);
  color: var(--text-color);
}

/* Kart gölgesi, boşluk sabitleme */
.card {
  border: none;
  border-radius: .5rem;
}
/* 6 Kartlık Çerçeve içindeki grid gap ayar */
#hesap-ac .row.g-4 {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}

/* Flex container ve kart overflow önlemeleri */
#hesap-ac .col-md-4.d-flex {
  display: flex;
  flex-direction: column;
}
#hesap-ac .card.d-flex {
  overflow: visible;
}

/* Alt bilgi kartları da aynı gap’i kullansın */
#hesap-ac + .row.g-4,
#hesap-ac .row.g-4 + .row.g-4 {
  margin-top: 0;
}
/* Alt ikonlar */
#insan-kaynaklari .row.text-center .col-md-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* İnsan Kaynakları Nav Pills Teması */
#insanTab .nav-link {
  color: var(--text-color);
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  font-family: var(--font-heading);
  font-weight: 600;
  transition: border-color .2s, color .2s;
}
#insanTab .nav-link:hover {
  color: var(--theme-color);
}
#insanTab .nav-link.active {
  color: var(--theme-color);
  border-bottom-color: var(--theme-color);
  background: transparent;
}