/* ====== About Us page polish ====== */

/* Base typography */
body { font-size:16px; line-height:1.6; color:#333; }
p { margin:0 0 16px; }

/* Headings improvement */
h1 { font-size:34px; line-height:1.2; color:#19468d; font-weight:700; margin:0 0 16px; }
h2 { font-size:26px; line-height:1.25; color:#19468d; font-weight:700; margin:32px 0 12px; }
h3 { font-size:21px; line-height:1.3; color:#19468d; font-weight:600; margin:24px 0 8px; }

/* Breadcrumb / small text (if present) */
.breadcrumb, .bread-crumbs, nav.breadcrumbs, .page-top, small, .meta { color:#6b7280; font-size:14px; }

/* Lists: better spacing and bullets */
ul { margin:0 0 16px 1.25rem; }
ul li { margin:4px 0; }

/* Limit line-length for readability (soft measure) */
.page-content, .content, .container, .page-container {
  max-width: 980px;  /* keeps lines readable */
  margin-left: auto; margin-right: auto;
}

/* ---- “What We Offer” grid (auto-applies to the list under that heading) ---- */

/* Tighten the heading “What We Offer” if duplicated */
h2 + p { margin-top: 8px; }

/* Make the four bullet items look like cards on wider screens */
h2 + p + ul, h2 + ul {
  list-style: none;
  margin: 12px 0 24px 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}
@media (min-width: 1024px){
  h2 + p + ul, h2 + ul { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  h2 + p + ul, h2 + ul { grid-template-columns: 1fr; }
}

h2 + p + ul > li, h2 + ul > li {
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:12px 14px;
  box-shadow:0 4px 14px rgba(0,0,0,.04);
  position: relative;
}

/* Add a subtle accent bar on the cards */
h2 + p + ul > li::before, h2 + ul > li::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0; width:4px;
  background:#3fa9f5;
  border-top-left-radius:12px; border-bottom-left-radius:12px;
}

/* Links / accents */
a { color:#3fa9f5; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }

.footblok h3 {
    color: rgb(63, 169, 245);
}

.anatanitim {
  background-color: #19468D;
}
.anatanitim .tanslogan h1 {
  color: #ffffff;
}

.pakettitle h2 { font-size:34px; margin:0 0 15px; display:block; font-weight:700; color:#363a40; }
.pakettitle h3 { font-size:22px; margin:15px 0; display:inline-block; font-weight:300; color:#999b9f; }
.homedomainarea h2 { color:#363a40; }
.istatistik .counter { font-size:46px; font-weight:700; color:#999b9f; }

.domain-title-wrap { padding-bottom: 90px; overflow: hidden; }

.ebulten {
  display: none !important;
}

.anatanitim .gonderbtn-secondary {
  margin-top: 20px;
  background: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}
.anatanitim .gonderbtn-secondary:hover {
  background: #ffffff;
  color: #19468D;
}

.preferred-source-link {
  margin-top: 12px;
  font-size: 13px;
  text-align: center;
}
.preferred-source-link a {
  color: #ffffff;
  opacity: 0.8;
  text-decoration: underline;
}
.preferred-source-link a:hover {
  opacity: 1;
}


.footslogan-phone {
    font-size: 30px;
    font-weight: 600;
    font-family: "Titillium Web", sans-serif;
    margin: 32px 0 10px;
    text-align: center;
}
.footslogan-phone a {
    color: rgba(255,255,255,0.5);
    text-decoration: none;
}

/* Body-level page title, styled like the theme's H1 but tagged H2 so each page keeps one H1 (the banner) */
.page-lead-title { font-size:34px; line-height:1.2; color:#19468d; font-weight:700; margin:0 0 16px; }

/* /domain: same look as the former .alanadisorgu h1, tagged H2 so the page keeps one H1 (the banner) */
.wclientdomainpage .alanadisorgu h2 { font-size:36px; font-weight:200; line-height:1.2; color:#19468d; margin:0 0 20px; }
.wclientdomainpage .alanadisorgu h2 .amount_spot_view { margin:0 15px; font-weight:700; }
@media only screen and (min-width:320px) and (max-width:1024px) {
  .wclientdomainpage .alanadisorgu h2 { font-size:20px; margin:25px 0 20px; }
}

/* Reserve the fullscreen slider height before Revolution's JS runs (prevents the intro block jumping down: CLS) */
body#home .rev_slider_wrapper.fullscreen-container { min-height: 100vh; min-height: 100svh; }

/* FAQ accordion for service pages (native details/summary) */
.faq-list details{border:1px solid #d9dfe8;border-radius:6px;margin:0 0 10px;background:#fff}
.faq-list summary{cursor:pointer;padding:14px 44px 14px 18px;font-weight:700;color:#19468d;list-style:none;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:18px;top:12px;font-size:20px;font-weight:400}
.faq-list details[open] summary::after{content:"\2212"}
.faq-list details>div{padding:0 18px 16px}

/* Inner-page banner heading: the global h1 rule above turned it navy on the dark banner box; keep it white */
.sayfabaslik h1 { color:#fff; }

/* Contrast fixes (PageSpeed color-contrast, /contact and cookie banner) */
.iletisimformu input::placeholder, .iletisimformu textarea::placeholder { color:#6b6b6b; opacity:1; }
.iletisimformu .yesilbtn { background:#4f7f1b; }
.iletisimformu .yesilbtn:hover { background:#333; }
#mio-cookie-popup { opacity:1; }
#mio-cookie-popup .mio-cookie-popup__card { background:#455a64 !important; }
#mio-cookie-popup button { background:#0b6f93 !important; }
/* Contact form typed-text colour: theme default #999b9f fails contrast */
.iletisimformu input, .iletisimformu textarea { color:#555; }

.anatanitim { margin-top: 0; }
