/* Durusu Halı ve Koltuk Yıkama — shared stylesheet */

:root{
  --durusu-blue: #4D7A9E;
  --durusu-blue-dark: #375A78;
  --durusu-blue-light: #DCE8F0;
  --durusu-green: #8BA873;
  --durusu-green-dark: #6F8B58;
  --durusu-navy: #0B1524;
  --durusu-navy-soft: #101E30;
}

html{ scroll-behavior: smooth; }

body{
  font-family: 'Manrope', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: #FAFAF8;
  color: #101828;
}

.font-display{ font-family: 'Outfit', 'Manrope', sans-serif; }

/* Reveal-on-scroll */
.reveal{
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
}
.reveal.is-visible{
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .reveal{ opacity: 1; transform: none; transition: none; }
}

/* Header states */
#site-header{
  transition: background-color .3s ease, box-shadow .3s ease, border-color .3s ease;
}
#site-header.is-scrolled{
  background-color: rgba(255,255,255,.9);
  backdrop-filter: blur(14px);
  box-shadow: 0 1px 0 rgba(11,21,36,.06), 0 12px 30px -20px rgba(11,21,36,.25);
  border-bottom-color: rgba(16,24,40,.06);
}
#site-header:not(.is-scrolled){
  background-color: rgba(255,255,255,.55);
  backdrop-filter: blur(10px);
}

.nav-link{ position: relative; }
.nav-link.is-active{ color: #0B1524; }
.nav-link.is-active::after{
  content:"";
  position:absolute;
  left:50%; bottom:-6px;
  transform: translateX(-50%);
  width:5px; height:5px;
  border-radius:999px;
  background: var(--durusu-blue);
}

/* Droplet bullet */
.drop-bullet{
  display:inline-block;
  width:8px;height:10px;
  background: var(--durusu-blue);
  border-radius: 60% 60% 60% 0% / 60% 60% 40% 40%;
  transform: rotate(-45deg);
  flex-shrink:0;
}

/* Wave divider */
.wave-divider{ display:block; width:100%; height:auto; line-height:0; }
.wave-divider svg{ display:block; width:100%; height:56px; }

/* Marquee for logos / trust strip (respects reduced motion) */
.marquee{ overflow:hidden; }
.marquee-track{
  display:flex;
  width:max-content;
  animation: marquee 28s linear infinite;
}
@media (prefers-reduced-motion: reduce){
  .marquee-track{ animation: none; }
}
@keyframes marquee{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

/* Floating action pulse ring */
.pulse-ring{
  position:absolute; inset:0; border-radius:999px;
  background: #25D366;
  opacity:.55;
  animation: pulse-ring 2.4s cubic-bezier(.2,.7,.2,1) infinite;
  z-index:-1;
}
@keyframes pulse-ring{
  0%{ transform: scale(1); opacity:.55; }
  100%{ transform: scale(1.7); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
  .pulse-ring{ animation:none; opacity:0; }
}

/* Accordion (FAQ) */
.faq-item .faq-answer{
  display:grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .35s ease;
}
.faq-item.is-open .faq-answer{ grid-template-rows: 1fr; }
.faq-item .faq-answer > div{ overflow:hidden; }
.faq-item .faq-chevron{ transition: transform .3s ease; }
.faq-item.is-open .faq-chevron{ transform: rotate(180deg); }

/* Mobile drawer */
#mobile-menu{
  max-height:0;
  overflow:hidden;
  transition: max-height .35s ease;
}
#mobile-menu.is-open{ max-height: 640px; }

/* Focus visibility */
a:focus-visible, button:focus-visible{
  outline: 2px solid var(--durusu-blue);
  outline-offset: 2px;
}

/* Utility: soft card border image mask (droplet corner) */
.corner-drop{ position:relative; }
.corner-drop::after{
  content:"";
  position:absolute; top:-10px; right:-10px;
  width:34px; height:34px;
  background: var(--durusu-green);
  border-radius: 60% 60% 60% 0% / 60% 60% 40% 40%;
  transform: rotate(45deg);
  opacity:.9;
}

::selection{ background: var(--durusu-blue); color:#fff; }

img{ max-width:100%; }