/* Keep the theme's original flex header geometry on subpages. */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li,
span,
strong,
small,
label,
button,
input,
select,
textarea,
table,
th,
td,
figcaption {
  font-family: "Noto Sans", sans-serif !important;
}

.ecovis-sub-page .header--navigation .mobile--menu--button {
  display: flex !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  align-self: center;
  margin-left: auto;
}

.ecovis-sub-page .header--navigation .top--navigation > .navigation--wrapper {
  display: none !important;
}

/* Ortak detay sayfası tipografisi — Ecovis Online içerik hiyerarşisi. */
.ecovis-detail-page {
  --ecovis-detail-h1-size: 56px;
  --ecovis-detail-h1-line: 64px;
  --ecovis-detail-h2-size: 38px;
  --ecovis-detail-h2-line: 46px;
  --ecovis-detail-h3-size: 18px;
  --ecovis-detail-h3-line: 26px;
  --ecovis-detail-body-size: 18px;
  --ecovis-detail-body-line: 26px;
}

.ecovis-detail-page h1 {
  font-size: var(--ecovis-detail-h1-size);
  font-weight: bold;
  line-height: var(--ecovis-detail-h1-line);
}

.ecovis-detail-page h2 {
  font-size: var(--ecovis-detail-h2-size);
  font-weight: bold;
  line-height: var(--ecovis-detail-h2-line);
}

.ecovis-detail-page h3,
.ecovis-detail-page .detail-subtitle {
  font-size: var(--ecovis-detail-h3-size);
  font-weight: 600;
  line-height: var(--ecovis-detail-h3-line);
}

.ecovis-detail-page p,
.ecovis-detail-page li {
  font-size: 21px;
  font-weight: 400;
  line-height: 34px;
}

@media (max-width: 767px) {
  .ecovis-detail-page {
    --ecovis-detail-h1-size: 32px;
    --ecovis-detail-h1-line: 40px;
    --ecovis-detail-h2-size: 26px;
    --ecovis-detail-h2-line: 34px;
    --ecovis-detail-body-size: 17px;
    --ecovis-detail-body-line: 25px;
  }
}

/* Force every icon class used by the saved theme onto the local Free fonts.
   The original theme declares Font Awesome Pro later in app.css. */
@font-face {
  font-family: "Font Awesome 6 Pro";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("webfonts/fa-solid-900.woff2") format("woff2");
}

.fa-solid,
.fas,
.fa-light,
.fa-regular,
.fa-sharp.fa-regular {
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands" !important;
  font-weight: 400 !important;
}

header.header--navigation .top--side--nav-wrapper i.fa-solid,
header.header--navigation .top--side--nav-wrapper i.fas,
header.header--navigation .nav--wrapper i.fa-solid,
header.header--navigation .nav--wrapper i.fas {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

.fa-solid::before,
.fa-solid::after,
.fas::before,
.fas::after,
.fa-light::before,
.fa-light::after,
.fa-regular::before,
.fa-regular::after,
.fa-sharp.fa-regular::before,
.fa-sharp.fa-regular::after {
  font-family: "Font Awesome 6 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
}