/* Rendered text readability layer
   Keeps the dark luxury look, but raises contrast and text hierarchy
   across published pages. */

:root {
  --text-readable: rgba(255, 255, 255, .76);
  --text-readable-soft: rgba(255, 255, 255, .66);
  --text-readable-muted: rgba(255, 255, 255, .54);
}

main h1,
main h2,
main h3,
main h4 {
  text-wrap: balance;
}

main .sec-h2 em,
main h1 em,
main h2 em,
main h3 em {
  color: var(--or) !important;
  font-style: normal;
}

main p,
main li,
.service-lead,
.blog-hero-desc,
.blog-card-desc,
.post-p,
.post-body p,
.post-body li,
.contact-lead,
.sss-lead,
.sss-insight-panel p,
.faq-a,
.service-faq-item p {
  color: var(--text-readable) !important;
}

main small,
.blog-card-date,
.post-meta,
.breadcrumb,
.cw-breadcrumb,
.sss-breadcrumb {
  color: var(--text-readable-muted) !important;
}

.sec-tag-text,
.blog-card-cat,
.blog-card-new,
.blog-card-cta,
.faq-cat-link:hover {
  color: var(--or) !important;
}

.sec-tag-text {
  font-size: 12px !important;
}

.blog-card-title a,
.post-title,
.service-faq-item summary,
.faq-q {
  color: var(--white) !important;
}

h2.blog-card-title {
  font-size: clamp(21px, 2.4vw, 26px) !important;
  line-height: 1.08 !important;
}

main h3 {
  font-size: max(16px, 1em) !important;
  line-height: 1.15 !important;
}

.blog-card-title a {
  font-size: clamp(21px, 2.4vw, 26px) !important;
  line-height: 1.08 !important;
}

.blog-card-desc,
.blog-category-service-cta p,
.blog-cta p {
  font-size: 14px !important;
  line-height: 1.78 !important;
}

.post-body a,
.post-p a,
.post-list a {
  color: #ff8a55 !important;
  border-bottom-color: rgba(255, 138, 85, .58) !important;
  font-weight: 600;
}

.expert-name {
  font-size: 14px !important;
}

.expert-title,
.toc-title {
  font-size: 13px !important;
  color: var(--text-readable-soft) !important;
}

.blog-filter-btn,
.faq-filter-btn,
.faq-cat-link {
  color: rgba(255, 255, 255, .72) !important;
  border-color: rgba(255, 255, 255, .16) !important;
}

.blog-filter-btn.active,
.blog-filter-btn[aria-current="page"],
.faq-filter-btn.active,
.btn-primary,
.btn-hero,
.cw-btn-primary,
.btn-nav,
.sss-primary-action,
.btn-sss-goto,
.contact-command--primary,
.appt-va-btn-primary,
.svc-cta-btn-primary {
  color: #080808 !important;
  background-color: var(--or) !important;
}

.btn-primary *,
.btn-hero *,
.cw-btn-primary *,
.btn-nav *,
.sss-primary-action *,
.btn-sss-goto *,
.contact-command--primary *,
.appt-va-btn-primary *,
.svc-cta-btn-primary * {
  color: #080808 !important;
}

.back-to-top {
  color: #080808 !important;
  background-color: var(--or) !important;
  border-color: var(--or) !important;
}

.sss-redirect-kicker-text,
.rv-sum-text {
  font-size: 12px !important;
}

.sss-redirect-kicker-text {
  color: var(--or) !important;
}

.blog-filter-btn.active,
.blog-filter-btn[aria-current="page"],
.faq-filter-btn.active {
  background: var(--or) !important;
  border-color: var(--or) !important;
}

.btn-hero-ghost,
.btn-service-ghost,
.sss-secondary-action,
.contact-command,
.appt-va-btn-ghost {
  color: rgba(255, 255, 255, .86) !important;
  border-color: rgba(255, 255, 255, .18) !important;
}

.btn-hero-ghost:hover,
.btn-service-ghost:hover,
.sss-secondary-action:hover,
.contact-command:hover,
.appt-va-btn-ghost:hover {
  color: var(--or) !important;
  border-color: var(--or) !important;
}

.para-card,
.service-card-link,
.related-card {
  color: var(--white) !important;
}

.para-name,
.rel-title {
  color: var(--white) !important;
}

.para-desc,
.rel-cat {
  color: var(--text-readable-soft) !important;
}

.ceramic-full-table thead .col-hi {
  color: var(--white) !important;
}

.ceramic-full-table thead .col-hi .pkg-dur {
  color: var(--text-readable-soft) !important;
}

.ceramic-full-table th:first-child,
.ceramic-full-table td:first-child {
  color: var(--white) !important;
  font-family: var(--font-head) !important;
  font-weight: 850 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.ceramic-full-table tbody td:not(:first-child) {
  color: rgba(255, 255, 255, .7) !important;
  font-family: var(--font-head) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
}

.ceramic-full-table tbody td.col-hi {
  color: var(--white) !important;
}

main figcaption,
.post-img-caption,
.post-cover-caption,
.post-img-figure figcaption {
  color: var(--text-readable-soft) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.ppf-spec-offer {
  min-height: 38px !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

.footer-col h4 {
  color: var(--or) !important;
}

@media (max-width: 1024px) {
  main p,
  main li,
  .service-lead,
  .blog-hero-desc,
  .post-p,
  .post-body p,
  .contact-lead,
  .sss-lead {
    font-size: max(13.5px, 1em) !important;
    line-height: 1.68 !important;
  }

  .blog-filter-btn,
  .faq-filter-btn,
  .faq-cat-link {
    min-height: 40px;
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }
}

/* ════════════════════════════════════════════════════════════════
   STANDART KAPANIŞ CTA BUTONLARI — tüm sayfalar (mobil + masaüstü)
   3 buton: Randevu Al (WhatsApp) · Yol Tarifi Al · İletişim Sayfası
   ════════════════════════════════════════════════════════════════ */
.peak-cta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.peak-cta-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 30px;
  font-family: var(--font-head, 'Barlow Condensed', sans-serif);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  box-sizing: border-box;
  transition: background .22s ease, border-color .22s ease, color .22s ease,
              transform .15s ease, box-shadow .22s ease;
}
.peak-cta-btn svg { width: 19px; height: 19px; flex-shrink: 0; }
/* WhatsApp ikonu — CSS mask (currentColor ile butonun metin rengini alır) */
.peak-cta-btn--wa::before {
  content: "";
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.peak-cta-btn--wa {
  background: var(--or, #E85D1F) !important;
  color: #080808 !important;
  box-shadow: 0 12px 32px rgba(232, 93, 31, .26);
}
.peak-cta-btn--wa:hover { background: #ff6b2b !important; transform: translateY(-2px); }
.peak-cta-btn--ghost {
  background: rgba(255, 255, 255, .03);
  color: rgba(255, 255, 255, .9) !important;
  border-color: rgba(255, 255, 255, .22);
}
.peak-cta-btn--ghost:hover { color: var(--or, #E85D1F) !important; border-color: var(--or, #E85D1F); }

@media (max-width: 1024px) {
  .peak-cta-row {
    flex-direction: column;
    gap: 11px;
    width: 100%;
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
  .peak-cta-btn { width: 100%; min-height: 54px; font-size: 12.5px; }
}

/* ════════════════════════════════════════════════════════════════
   MOBİL MENÜ — tam ekran kapanış (içerik sızmasını önle) + scroll kilidi
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
  body.mobile-menu-open { overflow: hidden; }
  body.mobile-menu-open .nav-links {
    bottom: 0 !important;
    height: auto !important;
    max-height: none !important;
    min-height: calc(100vh - 98px);
    background: #080808;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}