/* Ayşe Güler V5 final layout audit. Previous stylesheet layers and content are unchanged. */
:root { color-scheme: light; }
/* Functional WhatsApp CTA: real SVG icon replaces misdecoded CSS text arrow. */
.whatsapp-form-submit,
.whatsapp-request-form button.whatsapp-form-submit {
  display:flex!important; align-items:center!important; justify-content:center!important;
  flex-wrap:wrap; column-gap:10px; row-gap:4px; text-align:center;
  padding:15px 18px!important; min-height:54px; height:auto;
  font-size:clamp(.79rem, 1.3vw, .93rem); line-height:1.45;
  white-space:normal; overflow-wrap:anywhere; font-weight:750;
}
.whatsapp-form-submit::before,.whatsapp-form-submit::after {content:none!important;display:none!important;}
.whatsapp-form-submit .wa-submit-icon {flex:0 0 19px; width:19px;height:19px;display:block;stroke:currentColor;}
.whatsapp-form-submit span {min-width:0;max-width:100%;}
/* FAQ: clean horizontal alignment, safe long English question wrapping. */
.faq-contact-section .faq-container {display:grid;gap:13px;min-width:0;}
.faq-contact-section .faq-item {margin:0;min-width:0;border:1px solid #dde4dd;border-radius:16px;background:#fffefa;box-shadow:0 4px 18px rgba(31,65,61,.025);}
.faq-contact-section .faq-question {box-sizing:border-box!important; width:100%;min-height:74px;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important; padding:19px 22px!important;margin:0!important; text-align:left!important;white-space:normal!important;font-family:Manrope,sans-serif;font-size:clamp(.9rem,1.1vw,1.06rem);font-weight:700;line-height:1.5;color:#1d4649;}
.faq-contact-section .faq-question-label {display:block;flex:1 1 auto;min-width:0;overflow-wrap:break-word;margin:0!important;padding:0!important;}
.faq-contact-section .faq-icon {flex:0 0 22px!important;width:22px!important;height:22px!important;align-self:center!important;position:relative!important;inset:auto!important;transform:none!important;display:block!important;margin:0!important;padding:0!important;}
.faq-contact-section .faq-icon::before,.faq-contact-section .faq-icon::after {content:"";position:absolute;top:50%;left:50%;width:17px;height:2px;margin:0;background:#1d4649;border:0;border-radius:2px;}
.faq-contact-section .faq-icon::before {transform:translate(-50%,-50%) rotate(0deg)!important;}
.faq-contact-section .faq-icon::after {transform:translate(-50%,-50%) rotate(90deg)!important;}
.faq-contact-section .faq-item.open .faq-icon::after {transform:translate(-50%,-50%) rotate(0deg)!important;}
.faq-contact-section .faq-answer {margin:0; padding:0 22px;min-width:0;}
.faq-contact-section .faq-answer p {margin:0!important;padding:0 0 22px!important;line-height:1.75;overflow-wrap:anywhere;}
.faq-contact-section .faq-question:focus-visible {outline:3px solid rgba(31,78,74,.35);outline-offset:-4px;}
.faq-contact-grid,.faq-column,.contact-column {min-width:0;}
/* Put scroll-to-top beside the compact contact dock instead of floating over the footer. */
#toTop {position:fixed!important;left:auto!important;right:91px!important;bottom:29px!important;width:48px!important;height:48px!important;min-width:48px!important;border-radius:16px!important;z-index:1195!important;display:grid!important;place-items:center!important;border:1px solid rgba(23,69,68,.14)!important;background:#fffefa!important;color:#1e4749!important;box-shadow:0 9px 28px rgba(18,57,55,.12)!important;transform:none!important;}
#toTop .to-top-svg {display:block;stroke:currentColor;width:20px;height:20px;}
#toTop:hover {background:#ebf0eb!important;transform:translateY(-2px)!important;}
/* Responsive image hierarchy: display the original about portrait only once on mobile. */
@media (max-width:760px) {
  .hero .hero-authentic-photo {height:clamp(255px,65vw,365px)!important;min-height:0!important;margin-bottom:0!important;}
  .section.about {padding-top:clamp(56px,9vw,78px)!important;gap:0!important;}
  #hakkimda > .about-portrait-wrap {display:none!important;}
  #hakkimda > div:nth-child(2) {grid-column:1/-1;min-width:0;}
  #hakkimda > div:nth-child(2) .section-title {margin-bottom:20px;}
  #toTop {right:18px!important;bottom:96px!important;left:auto!important;display:grid!important;width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important;z-index:998!important;}
  .faq-contact-section .faq-question {padding:17px 18px!important;gap:14px!important;min-height:69px;font-size:.94rem;}
  .faq-contact-section .faq-answer {padding:0 18px;}
  .whatsapp-form-submit {min-height:52px;}
}
@media (min-width:761px) and (max-width:1040px) {#toTop {right:90px!important;bottom:30px!important;}}
@media (max-width:380px) {
  .faq-contact-section .faq-question {font-size:.89rem;padding:16px!important;}
  .whatsapp-form-submit {font-size:.8rem;}
}
@media (prefers-reduced-motion: reduce) {#toTop:hover {transform:none!important;}}