/**
 * Ön sitede sayfa içi Bootstrap CSS, tema (Wolmart/demo1) header-menü-footer
 * stillerini eziyor. Bu dosya index.php sonunda yüklenir.
 */

/* Bootstrap Reboot: ul padding / list-style menüyü şişiriyor */
.header ul,
.header ol,
.mobile-menu-wrapper ul,
.mobile-menu-wrapper ol,
.footer ul,
.footer ol,
.footer-menu {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.header a,
.mobile-menu-wrapper a,
.footer a,
.footer-menu a {
  text-decoration: none !important;
}

/* Header içindeki Bootstrap grid/spacing menüyü bozmasın */
.header .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.header [class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.header .header-left {
  flex: 1 1 auto !important;
}

.header .header-right {
  flex: 0 0 auto !important;
  margin-left: auto !important;
}

/* Ana menü satır yüksekliği / yazı — alt içeriğe binmesin */
.header-bottom {
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.025em;
  overflow: visible !important;
  position: relative;
  z-index: 20;
}

.header .main-nav .menu,
.header .menu.active-underline {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}

.header .menu > li {
  position: relative !important;
  line-height: 1 !important;
  margin-right: 3rem !important;
  list-style: none !important;
}

.header .menu > li:last-child {
  margin-right: 0 !important;
}

.header .menu > li > a {
  position: relative !important;
  display: block !important;
  padding: 1.8rem 0 1.7rem 0 !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  letter-spacing: -0.009em !important;
  line-height: 1.1 !important;
  text-transform: capitalize !important;
  white-space: nowrap;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
}

.header .menu > li:hover > a,
.header .menu > li.active > a {
  color: #fff !important;
}

.header .menu li ul,
.header .menu li > .submenu {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0 !important;
}

.header .menu li > .submenu {
  min-width: 21.5rem;
}

.header .menu li > .submenu li {
  padding: 0 1.9rem !important;
  line-height: 1.4 !important;
}

.header .menu li > .submenu a {
  display: block !important;
  padding: 0.7rem 0 0.8rem 0 !important;
  font-size: 1.3rem !important;
  line-height: 1.35 !important;
  color: #333 !important;
  white-space: normal;
}

.header-bottom .header-right > a {
  display: flex !important;
  align-items: center !important;
  padding: 1.4rem 0 1.3rem !important;
  font-size: 1.2rem !important;
  line-height: 1.2 !important;
  color: #fff !important;
}

/* Mobil menü */
.mobile-menu-wrapper .mobile-menu,
.mobile-menu-wrapper .mobile-menu ul {
  padding-left: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.mobile-menu-wrapper .mobile-menu a {
  font-size: 1.4rem !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

/* Footer menü */
.footer-menu > li > a {
  font-size: 1.3rem !important;
  line-height: 1.5 !important;
}

/* Bootstrap container tema header genişliğini bozmasın */
.header .container-fluid {
  width: 100% !important;
  max-width: none !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}