/* Ferah Yaşam / care vertical — scoped under .site-vertical.theme-care
   Other tenants keep base demo + verticals look. */

.site-vertical.theme-care{
  --care-ink:#14343c;
  --care-muted:#5a7278;
  --care-deep:#0c2e36;
  --care-sea:#2f7a88;
  --care-sea-soft:#7eb0bb;
  --care-mist:#e4eef0;
  --care-foam:#f3f7f7;
  --care-sage:#6d8f7a;
  --care-line:rgba(20,52,60,.12);
  --care-shadow:0 28px 60px rgba(12,46,54,.12);
  --demo-blue:var(--care-sea);
  --demo-soft:var(--care-mist);
  --v-accent:var(--care-sea);
  --v-soft:var(--care-mist);
  color:var(--care-ink);
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(126,176,187,.22), transparent 55%),
    radial-gradient(900px 500px at 100% 0%, rgba(109,143,122,.12), transparent 50%),
    linear-gradient(180deg, #f7fafb 0%, var(--care-foam) 40%, #eef4f5 100%);
  font-family:"Figtree",system-ui,sans-serif;
  padding-bottom:72px;
}

.site-vertical.theme-care h1,
.site-vertical.theme-care h2,
.site-vertical.theme-care h3{
  font-family:"Newsreader",Georgia,serif;
  font-weight:500;
  letter-spacing:-.02em;
  color:var(--care-ink);
}

.site-vertical.theme-care p{color:var(--care-muted)}
.site-vertical.theme-care .lead{color:var(--care-muted);max-width:36rem}
.site-vertical.theme-care .eyebrow.demo{
  color:var(--care-sea);
  letter-spacing:.16em;
  font-weight:600;
  font-family:"Figtree",system-ui,sans-serif;
}

.site-vertical.theme-care .button.demo-button,
.site-vertical.theme-care .demo-button{
  background:var(--care-sea);
  border-radius:2px;
  padding:.95rem 1.45rem;
  font-family:"Figtree",system-ui,sans-serif;
  font-weight:600;
  letter-spacing:.01em;
  transition:background .25s ease, transform .25s ease;
}
.site-vertical.theme-care .button.demo-button:hover,
.site-vertical.theme-care .demo-button:hover{
  background:var(--care-deep);
  filter:none;
  transform:translateY(-1px);
}
.site-vertical.theme-care .text-link{
  color:var(--care-sea);
  font-weight:600;
  transition:color .2s ease;
}
.site-vertical.theme-care .text-link:hover{color:var(--care-deep)}

/* Header */
.site-vertical.theme-care .demo-header{
  background:rgba(243,247,247,.82);
  border-bottom:1px solid rgba(20,52,60,.08);
  backdrop-filter:blur(14px);
}
.site-vertical.theme-care .demo-brand span{
  font-family:"Newsreader",Georgia,serif;
  font-weight:600;
  font-size:1.35rem;
  letter-spacing:-.03em;
  color:var(--care-deep);
}
.site-vertical.theme-care .demo-brand small{
  color:var(--care-sea);
  letter-spacing:.14em;
  font-size:.62rem;
}
.site-vertical.theme-care .demo-brand.has-logo{
  flex-direction:row;
  align-items:center;
  gap:0;
  line-height:0;
}
.site-vertical.theme-care .demo-brand-logo{
  display:block;
  height:48px;
  width:auto;
  max-width:min(220px,52vw);
  object-fit:contain;
  object-position:left center;
}
.site-vertical.theme-care .demo-header nav a{
  font-size:.9rem;
  color:var(--care-ink);
  opacity:.78;
}
.site-vertical.theme-care .demo-header nav a:hover{
  opacity:1;
  color:var(--care-sea);
}

/* Full-bleed hero — one composition */
.site-vertical.theme-care .care-hero{
  position:relative;
  min-height:min(92vh,900px);
  display:grid;
  align-items:end;
  overflow:hidden;
  padding:0;
  margin:0;
  background:var(--care-deep);
}
.site-vertical.theme-care .care-hero-atmosphere{
  position:absolute;
  inset:0;
  background:
    linear-gradient(105deg, rgba(12,46,54,.92) 0%, rgba(12,46,54,.78) 38%, rgba(12,46,54,.45) 68%, rgba(12,46,54,.28) 100%),
    linear-gradient(180deg, rgba(12,46,54,.35) 0%, transparent 28%, rgba(12,46,54,.55) 100%),
    radial-gradient(ellipse 80% 60% at 70% 40%, rgba(126,176,187,.28), transparent 60%),
    var(--care-hero-img, url("/assets/images/demo/demo-exterior.webp")) center/cover no-repeat;
  transform:scale(1.04);
  animation:care-drift 28s ease-in-out infinite alternate;
}
.site-vertical.theme-care .care-hero-atmosphere::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      -12deg,
      transparent,
      transparent 18px,
      rgba(255,255,255,.015) 18px,
      rgba(255,255,255,.015) 19px
    );
  pointer-events:none;
}
@keyframes care-drift{
  from{transform:scale(1.04) translate3d(0,0,0)}
  to{transform:scale(1.08) translate3d(-1.5%,1%,0)}
}

.site-vertical.theme-care .care-hero-copy{
  position:relative;
  z-index:2;
  padding:clamp(88px,11vh,130px) 0 clamp(48px,7vh,72px);
  color:#fff;
  max-width:780px;
}
.site-vertical.theme-care .care-brand{
  margin:0 0 .55rem;
  font-family:"Newsreader",Georgia,serif;
  font-weight:600;
  font-size:clamp(2.4rem,5.6vw,4.4rem);
  line-height:1.05;
  letter-spacing:-.035em;
  color:#fff;
  text-wrap:balance;
  text-shadow:0 10px 40px rgba(8,30,36,.35);
  animation:care-rise .9s cubic-bezier(.22,1,.36,1) both;
}
.site-vertical.theme-care .care-headline{
  margin:0 0 .85rem;
  font-family:"Figtree",system-ui,sans-serif;
  font-weight:500;
  font-size:clamp(1.05rem,2vw,1.28rem);
  line-height:1.45;
  letter-spacing:-.01em;
  color:rgba(255,255,255,.94);
  max-width:28rem;
  animation:care-rise .9s .12s cubic-bezier(.22,1,.36,1) both;
}
.site-vertical.theme-care .care-hero-copy .lead{
  margin:0 0 1.45rem;
  color:rgba(255,255,255,.86);
  font-size:clamp(.98rem,1.5vw,1.08rem);
  max-width:32rem;
  animation:care-rise .9s .2s cubic-bezier(.22,1,.36,1) both;
}
.site-vertical.theme-care .care-hero-copy .hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  align-items:center;
  margin:0;
  animation:care-rise .9s .28s cubic-bezier(.22,1,.36,1) both;
}
.site-vertical.theme-care .care-hero-copy .button.demo-button{
  background:#fff;
  color:var(--care-deep);
}
.site-vertical.theme-care .care-hero-copy .button.demo-button:hover{
  background:var(--care-mist);
  color:var(--care-deep);
}
.site-vertical.theme-care .care-hero-copy .text-link{
  color:rgba(255,255,255,.9);
}
.site-vertical.theme-care .care-hero-copy .text-link:hover{color:#fff}

@keyframes care-rise{
  from{opacity:0;transform:translateY(22px)}
  to{opacity:1;transform:none}
}

/* Hero uses CSS motion; keep reveal visible if IO delayed */
.site-vertical.theme-care .care-hero.demo-reveal,
.site-vertical.theme-care .care-hero.demo-reveal.is-visible{
  opacity:1;
  transform:none;
}

/* Sections */
.site-vertical.theme-care .section{
  padding:clamp(72px,10vw,120px) 0;
}
.site-vertical.theme-care .care-section-head{
  max-width:40rem;
  margin-bottom:2.5rem;
}
.site-vertical.theme-care .care-section-head h2{
  margin-bottom:.75rem;
}

/* About — split without card chrome */
.site-vertical.theme-care .care-about{
  display:grid;
  grid-template-columns:1.05fr .85fr;
  gap:clamp(36px,6vw,72px);
  align-items:center;
}
.site-vertical.theme-care .care-about-visual{
  position:relative;
  min-height:320px;
  border-radius:2px;
  overflow:hidden;
  background:
    linear-gradient(160deg, rgba(47,122,136,.35), rgba(12,46,54,.55)),
    var(--care-about-img, url("/assets/images/demo/demo-about-lounge.webp")) center/cover no-repeat;
  box-shadow:var(--care-shadow);
}
.site-vertical.theme-care .care-about-visual::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:42%;
  background:linear-gradient(transparent, rgba(12,46,54,.45));
}

/* Services — interactive rows, not boxed card grid */
.site-vertical.theme-care .care-service-list{
  display:grid;
  gap:0;
  border-top:1px solid var(--care-line);
}
.site-vertical.theme-care .care-service-list a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:16px 28px;
  align-items:center;
  padding:1.35rem 0;
  border-bottom:1px solid var(--care-line);
  transition:padding-left .25s ease, background .25s ease;
}
.site-vertical.theme-care .care-service-list a > div:first-of-type{grid-column:2}
.site-vertical.theme-care .care-service-list a > span{grid-column:3}
.site-vertical.theme-care .care-service-list a:not(:has(.care-service-thumb)){
  grid-template-columns:minmax(0,1fr) auto;
}
.site-vertical.theme-care .care-service-list a:not(:has(.care-service-thumb)) > div:first-of-type{grid-column:1}
.site-vertical.theme-care .care-service-list a:not(:has(.care-service-thumb)) > span{grid-column:2}
.site-vertical.theme-care .care-service-thumb{
  width:96px;
  height:72px;
  object-fit:cover;
  border-radius:2px;
  grid-column:1;
}
.site-vertical.theme-care .care-service-list a:hover{
  padding-left:10px;
  background:linear-gradient(90deg, rgba(126,176,187,.12), transparent 70%);
}
.site-vertical.theme-care .care-service-list strong{
  display:block;
  font-family:"Newsreader",Georgia,serif;
  font-size:clamp(1.2rem,2vw,1.45rem);
  font-weight:550;
  color:var(--care-ink);
  margin-bottom:.35rem;
}
.site-vertical.theme-care .care-service-list p{
  margin:0;
  font-size:.98rem;
  max-width:36rem;
}
.site-vertical.theme-care .care-service-list span{
  font-size:.88rem;
  font-weight:600;
  color:var(--care-sea);
  white-space:nowrap;
  align-self:center;
}

/* FAQ */
.site-vertical.theme-care .demo-faq-list details,
.site-vertical.theme-care .care-faq details{
  border-top:1px solid var(--care-line);
  padding:1.1rem 0;
}
.site-vertical.theme-care .demo-faq-list details:last-child,
.site-vertical.theme-care .care-faq details:last-child{
  border-bottom:1px solid var(--care-line);
}
.site-vertical.theme-care .demo-faq-list summary,
.site-vertical.theme-care .care-faq summary{
  cursor:pointer;
  font-family:"Newsreader",Georgia,serif;
  font-size:1.15rem;
  font-weight:550;
  color:var(--care-ink);
  list-style:none;
}
.site-vertical.theme-care .demo-faq-list summary::-webkit-details-marker,
.site-vertical.theme-care .care-faq summary::-webkit-details-marker{display:none}
.site-vertical.theme-care .demo-faq-list details p,
.site-vertical.theme-care .care-faq details p{
  margin:.75rem 0 0;
  max-width:40rem;
}

/* CTA band */
.site-vertical.theme-care .care-cta{
  position:relative;
  overflow:hidden;
  padding:clamp(64px,9vw,100px) 0;
  background:
    radial-gradient(700px 280px at 20% 50%, rgba(126,176,187,.28), transparent 65%),
    linear-gradient(135deg, var(--care-deep), #184854 55%, #1f5a66);
  color:#fff;
}
.site-vertical.theme-care .care-cta h2{color:#fff;margin-bottom:.85rem}
.site-vertical.theme-care .care-cta p{color:rgba(255,255,255,.78);max-width:32rem;margin-bottom:1.5rem}
.site-vertical.theme-care .care-cta .button.demo-button{
  background:#fff;
  color:var(--care-deep);
}
.site-vertical.theme-care .care-cta .button.demo-button:hover{background:var(--care-mist)}
.site-vertical.theme-care .care-cta .text-link{color:rgba(255,255,255,.9)}

/* Inner pages — lift flat Word-doc feel without rewriting every view */
.site-vertical.theme-care main > .section:first-child{
  position:relative;
  padding-top:clamp(88px,12vw,130px);
  padding-bottom:clamp(48px,7vw,72px);
  background:
    radial-gradient(900px 420px at 0% 0%, rgba(126,176,187,.22), transparent 55%),
    linear-gradient(180deg, var(--care-mist), transparent 85%);
}
.site-vertical.theme-care main > .section:first-child .demo-intro{
  grid-template-columns:1fr;
  gap:0;
  max-width:44rem;
}
.site-vertical.theme-care main > .care-hero + .section,
.site-vertical.theme-care main > .care-hero ~ .section:first-of-type{
  background:transparent;
  padding-top:clamp(72px,10vw,120px);
}

/* Service/staff cards on inner pages → quieter interaction surfaces */
.site-vertical.theme-care .demo-service-card,
.site-vertical.theme-care .demo-staff-card,
.site-vertical.theme-care .demo-blog-card{
  background:rgba(255,255,255,.55);
  border:1px solid var(--care-line);
  border-radius:2px;
  box-shadow:none;
  padding:1.35rem 1.25rem;
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
  overflow:hidden;
}
.site-vertical.theme-care .demo-blog-card .demo-blog-thumb{
  margin:-1.35rem -1.25rem .65rem;
  border-radius:0;
}
.site-vertical.theme-care .demo-blog-cover{
  border-radius:2px;
}
.site-vertical.theme-care .demo-service-card:hover,
.site-vertical.theme-care .demo-staff-card:hover,
.site-vertical.theme-care .demo-blog-card:hover{
  background:#fff;
  border-color:rgba(47,122,136,.35);
  transform:translateY(-2px);
  box-shadow:var(--care-shadow);
}
.site-vertical.theme-care .demo-service-card strong,
.site-vertical.theme-care .demo-staff-card strong,
.site-vertical.theme-care .demo-blog-card strong{
  font-family:"Newsreader",Georgia,serif;
  font-weight:550;
}

.site-vertical.theme-care .demo-footer{
  background:var(--care-deep);
  margin-top:0;
}
.site-vertical.theme-care .demo-footer a:hover{color:#fff}
.site-vertical.theme-care .demo-stick-cta .demo-stick-call{background:var(--care-sea)}

/* Contact dl polish */
.site-vertical.theme-care .admin-dl{
  display:grid;
  gap:.85rem 1.25rem;
}
.site-vertical.theme-care .admin-dl dt{
  font-size:.72rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--care-sea);
  margin:0;
}
.site-vertical.theme-care .admin-dl dd{
  margin:0 0 .75rem;
  font-size:1.05rem;
  color:var(--care-ink);
}

@media (max-width:900px){
  .site-vertical.theme-care .care-about{grid-template-columns:1fr;gap:28px}
  .site-vertical.theme-care .care-about-visual{min-height:240px;order:-1}
  .site-vertical.theme-care .care-service-list a{
    grid-template-columns:1fr;
    gap:8px;
  }
  .site-vertical.theme-care .care-service-list span{justify-self:start}
}

@media (max-width:680px){
  .site-vertical.theme-care .care-hero{min-height:min(88vh,760px)}
  .site-vertical.theme-care .care-hero-copy{padding:110px 0 64px}
  .site-vertical.theme-care .care-brand{font-size:clamp(2.2rem,11vw,3.2rem)}
  .site-vertical.theme-care .demo-brand-logo{height:40px;max-width:min(168px,48vw)}
}

@media (prefers-reduced-motion:reduce){
  .site-vertical.theme-care .care-hero-atmosphere{animation:none}
  .site-vertical.theme-care .care-brand,
  .site-vertical.theme-care .care-headline,
  .site-vertical.theme-care .care-hero-copy .lead,
  .site-vertical.theme-care .care-hero-copy .hero-actions{
    animation:none;
  }
}