/* Marmara Pert V10 — CTA contrast, layout stability, mobile polish */

/* V9 detailed authority sections live inside dark article bodies. Do not inherit the
   light homepage authority-section skin. */
.content-body .authority-section{
  padding:0;
  background:transparent;
  color:var(--text-primary);
}
.content-body .authority-section .section-heading h2,
.content-body .authority-section .section-heading h3{color:var(--text-primary)}
.content-body .authority-section .section-heading p,
.content-body .authority-section>p{color:var(--text-secondary)}
.content-body .authority-section.scenario-box{padding:24px}

/* Accessible action green (white text contrast > 5:1) on all CTA surfaces. */
.btn-wa,.header-cta,.sticky-wa{background:#137d3f;color:#fff}
.btn-wa:hover,.header-cta:hover,.sticky-wa:hover{background:#0f6f37;color:#fff}

/* Closing CTA: dark premium surface + two clearly distinct actions. */
.cta-block{
  background:linear-gradient(135deg,#142b43 0%,#0b1725 100%);
  border:1px solid rgba(244,123,32,.34);
  box-shadow:0 22px 55px rgba(0,0,0,.22);
}
.cta-block h2{color:#fff}
.cta-block p{color:#d6e0ea}
.cta-block .btn-wa{
  background:#137d3f;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(19,126,61,.22);
}
.cta-block .btn-wa:hover{background:#0f6f37;color:#fff}
.cta-block .btn-phone{
  background:rgba(255,255,255,.04);
  color:#fff;
  border:1px solid rgba(255,255,255,.68);
  box-shadow:none;
}
.cta-block .btn-phone:hover{
  background:rgba(255,255,255,.12);
  border-color:#fff;
  color:#fff;
}
.cta-block .hero-buttons{align-items:stretch}
.cta-block .hero-buttons .btn{min-width:210px}

/* Inline CTAs: prevent wrapped text + button from looking offset. */
.inline-cta>p{flex:1 1 280px;min-width:0}
.inline-cta>.btn{flex:0 0 auto}
.btn{max-width:100%;line-height:1.25}

/* Cards/links with long Turkish place names should shrink instead of overflowing. */
.focus-card>*:nth-child(2),
.related-text,
.city-link,
.ilce-link,
.hizmet-link,
.decision-card-v9,
.source-card-v9{min-width:0}
.city-link,.ilce-link,.hizmet-link{overflow-wrap:anywhere}

/* Desktop sticky CTA floats, so no permanent footer reservation is needed there. */
@media (min-width:1025px){body{padding-bottom:0}}

@media (max-width:768px){
  .inline-cta{align-items:stretch;flex-direction:column;padding:18px}
  .inline-cta>p{flex:0 1 auto;width:100%}
  .inline-cta>.btn{width:100%;flex:0 0 auto}
  .cta-block{margin:34px 0;padding:30px 18px}
  .cta-block .hero-buttons{display:grid;grid-template-columns:1fr;width:100%;gap:10px}
  .cta-block .hero-buttons .btn{width:100%;min-width:0}
  .content-body .authority-section.scenario-box{padding:18px}
  .authority-action{gap:14px}
  .authority-action .btn{width:100%;white-space:normal}
  .source-card-v9,.decision-card-v9{overflow-wrap:anywhere}
}

@media (max-width:480px){
  .container,.container-sm{padding-left:16px;padding-right:16px}
  .ilce-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ilce-link{padding:11px 9px;font-size:.78rem}
  .trust-items{gap:14px}
  .trust-item{font-size:.78rem}
  .page-header h1{font-size:1.72rem;overflow-wrap:anywhere}
}

@media (max-width:360px){
  .logo{font-size:1.08rem}
  .header-phone-mobile,.mobile-toggle{width:38px;height:38px}
  .header-inner{padding-left:12px;padding-right:12px}
}

/* Orange surfaces use ink text; white on the current orange accent is below WCAG AA. */
.btn-accent,
.btn-outline:hover,
.step-number,
.city-link.featured,
.skip-to-content,
.header-phone-mobile,
.brand-card-mini:hover{
  color:#08111d !important;
}
.btn-accent:hover,
.city-link.featured:hover{color:#08111d !important}
.city-link.featured i{color:#08111d !important}