/* =========================================================
   HARBOR — Stitch Ege / sahil butik (tema 3/5)
   DM Serif Display + DM Sans · coral CTA · deep sea footer
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap');

body.theme-harbor{
  --hb-primary:#0b3d4a;
  --hb-primary-deep:#002630;
  --hb-coral:#e85d04;
  --hb-coral-hot:#fd6c1a;
  --hb-teal:#2a9d8f;
  --hb-mist:#a2cddd;
  --hb-surface:#f7f3ec;
  --hb-surface-bright:#fdf9f2;
  --hb-ink:#1c1c18;
  --hb-muted:#41484b;
  --hb-line:#c0c8cb;
  --hb-radius:20px;
  --hb-radius-btn:999px;
  --hb-shadow:0 18px 40px rgba(11,61,74,.12);
  background:var(--hb-surface-bright)!important;
  color:var(--hb-ink)!important;
  font-family:'DM Sans',system-ui,sans-serif!important;
}
body.theme-harbor h1,
body.theme-harbor h2,
body.theme-harbor h3,
body.theme-harbor h4,
body.theme-harbor .section-title-left,
body.theme-harbor .brand-name{
  font-family:'DM Serif Display',Georgia,serif!important;
  font-weight:400!important;
  letter-spacing:-.02em;
  color:var(--hb-ink);
}

body.theme-harbor .topbar,
body.theme-harbor .promo-bar,
body.theme-harbor .header-utility,
body.theme-harbor .float-call,
body.theme-harbor .float-whatsapp,
body.theme-harbor .floating-buttons{display:none!important}

/* Header */
body.theme-harbor .site-header,
body.theme-harbor header.main-header{
  position:fixed!important;top:0;left:0;right:0;z-index:1000!important;
  height:76px;background:rgba(253,249,242,.9)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(11,61,74,.08)!important;
  box-shadow:none!important;max-width:none!important;margin:0!important;border-radius:0!important;
}
body.theme-harbor .site-header .header-inner,
body.theme-harbor .site-header .header-nav-row{
  height:76px;display:flex!important;align-items:center;justify-content:space-between;
  gap:20px;max-width:1280px;margin:0 auto;padding:0 24px;
}
body.theme-harbor .brand,
body.theme-harbor .brand.brand-desktop-hidden{display:flex!important;flex-direction:column;gap:0}
body.theme-harbor .brand-tagline{display:none!important}
body.theme-harbor .brand-name{font-size:1.45rem!important;color:var(--hb-primary)!important}
body.theme-harbor .brand-name strong{color:var(--hb-primary)!important;font-weight:400!important;font-family:inherit!important}
body.theme-harbor .main-nav{display:flex!important;align-items:center;gap:22px;margin-left:auto}
body.theme-harbor .main-nav a:not(.btn-call-header){
  font-family:'DM Sans',sans-serif!important;font-size:14px!important;font-weight:600!important;
  color:var(--hb-muted)!important;border:0!important;padding:6px 0!important;background:transparent!important;
  text-decoration:none!important;
}
body.theme-harbor .main-nav a:not(.btn-call-header) i{display:none!important}
body.theme-harbor .btn-call-header .btn-call-ico i{display:inline-block!important}
body.theme-harbor .main-nav a:not(.btn-call-header):hover{color:var(--hb-primary)!important}
body.theme-harbor .main-nav a.active:not(.btn-call-header){
  color:var(--hb-primary)!important;border-bottom:2px solid var(--hb-coral)!important;padding-bottom:4px!important;
}
body.theme-harbor .main-nav a.btn-call-header,
body.theme-harbor .btn-call-header{
  background:var(--hb-coral)!important;color:#fff!important;
  border-radius:999px!important;padding:7px 16px 7px 7px!important;
  font-weight:700!important;border:0!important;border-bottom:0!important;box-shadow:0 10px 24px rgba(232,93,4,.32)!important;
}
body.theme-harbor .main-nav a.btn-call-header .btn-call-txt,
body.theme-harbor .main-nav a.btn-call-header .btn-call-txt small,
body.theme-harbor .main-nav a.btn-call-header .btn-call-txt strong{color:#fff!important}
body.theme-harbor .btn-call-header .btn-call-ico{
  background:#fff!important;
}
body.theme-harbor .btn-call-header .btn-call-ico i{
  color:#c2410c!important;-webkit-text-fill-color:#c2410c!important
}
body.theme-harbor .btn-call-header .btn-call-txt small{opacity:.9}
body.theme-harbor .btn-call-header .btn-call-txt strong{font-family:'DM Sans',sans-serif!important;font-weight:800!important}
body.theme-harbor .main-nav a.btn-call-header{border-bottom:0!important;padding:7px 16px 7px 7px!important}
body.theme-harbor .nav-toggle{color:var(--hb-primary)!important}
/* koşan çocuklar — Harbor renkleri */
body.theme-harbor .fun-runners{margin-top:12px}

/* Hero */
body.theme-harbor .home-hero-slider,
body.theme-harbor .home-slide{
  min-height:min(90vh,820px)!important;height:min(90vh,820px)!important;
}
body.theme-harbor .home-slide{
  display:flex!important;align-items:center!important;justify-content:center!important;
  background-size:cover!important;background-position:center!important;
}
body.theme-harbor .home-slide:before{
  background:linear-gradient(180deg,rgba(0,38,48,.35) 0%,rgba(0,38,48,.62) 100%)!important;
}
body.theme-harbor .home-slide-content{
  text-align:center!important;max-width:820px!important;margin:0 auto!important;
  padding:110px 20px 150px!important;display:flex;flex-direction:column;align-items:center;
}
body.theme-harbor .home-slide-content .eyebrow.light{
  color:var(--hb-mist)!important;font-family:'DM Sans',sans-serif!important;
  letter-spacing:.16em;font-size:12px;font-weight:700;margin-bottom:1rem!important;
}
body.theme-harbor .home-slide-content h1{
  font-family:'DM Serif Display',Georgia,serif!important;
  font-size:clamp(2.6rem,6vw,4.2rem)!important;line-height:1.08!important;
  color:#fff!important;margin:0 auto 1.1rem!important;max-width:16ch;text-transform:none;
}
body.theme-harbor .home-slide-content p{
  color:rgba(253,249,242,.9)!important;font-size:1.1rem!important;max-width:34rem;
  margin:0 auto 2rem!important;line-height:1.6;
}
body.theme-harbor .hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
body.theme-harbor .hero-quick-reserve{
  background:var(--hb-coral)!important;color:#fff!important;
  border-radius:var(--hb-radius-btn)!important;padding:14px 28px!important;
  font-weight:700!important;text-transform:none!important;border:0!important;
  box-shadow:0 10px 24px rgba(232,93,4,.3)!important;
}
body.theme-harbor .hero-quick-reserve i{display:none}
body.theme-harbor .hero-cta .btn-light,
body.theme-harbor .home-slide-content .btn-light{
  background:rgba(162,205,221,.18)!important;color:#fff!important;
  border:1px solid rgba(162,205,221,.85)!important;
  border-radius:var(--hb-radius-btn)!important;padding:13px 26px!important;font-weight:700!important;
  box-shadow:0 0 24px rgba(162,205,221,.25);
}
body.theme-harbor .hero-cta .btn-light i{display:none}

/* Search bridge */
body.theme-harbor .home-search-bridge{
  height:auto!important;padding:0!important;margin:0!important;background:transparent!important;
  overflow:visible!important;z-index:20;position:relative;
}
body.theme-harbor .home-search-bridge .hero-stay-search{
  position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;
  top:-56px!important;width:min(1280px,calc(100% - 40px))!important;margin:0 auto!important;
  background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;
}
body.theme-harbor .hero-stay-search form{
  display:grid!important;grid-template-columns:1.2fr 1fr 1fr .9fr auto!important;gap:14px!important;align-items:end;
  background:#fff!important;border:1px solid rgba(192,200,203,.55)!important;
  border-radius:var(--hb-radius)!important;padding:24px 26px!important;
  box-shadow:var(--hb-shadow)!important;overflow:visible!important;
}
body.theme-harbor .hero-stay-search form>div{background:transparent!important;padding:0!important;min-height:0!important;border:0!important}
body.theme-harbor .hero-stay-search label{
  display:block;font-size:11px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;
  color:var(--hb-muted)!important;margin-bottom:8px;font-family:'DM Sans',sans-serif!important;
}
body.theme-harbor .hero-stay-search input,
body.theme-harbor .hero-stay-search select{
  width:100%;background:var(--hb-surface)!important;border:1px solid var(--hb-line)!important;
  border-radius:12px!important;padding:12px 14px!important;font-size:15px!important;color:var(--hb-ink)!important;
}
body.theme-harbor .hero-stay-search input:focus,
body.theme-harbor .hero-stay-search select:focus{
  border-color:var(--hb-teal)!important;outline:0;box-shadow:0 0 0 3px rgba(42,157,143,.18);
}
body.theme-harbor .hero-stay-search button{
  background:var(--hb-coral)!important;color:#fff!important;border-radius:var(--hb-radius-btn)!important;
  min-height:48px!important;padding:0 26px!important;font-weight:700!important;border:0!important;text-transform:none!important;
}

/* Featured */
body.theme-harbor [data-home-section="featured"]{
  background:var(--hb-surface)!important;padding-top:72px!important;padding-bottom:96px!important;
}
body.theme-harbor [data-home-section="featured"] .home-category-strip{display:none!important}
body.theme-harbor [data-home-section="featured"] .section-heading-row{
  border:0!important;margin-bottom:2rem!important;flex-direction:column;align-items:center;text-align:center;
}
body.theme-harbor [data-home-section="featured"] .eyebrow{
  color:var(--hb-coral)!important;font-family:'DM Sans',sans-serif!important;font-weight:800;letter-spacing:.1em;
}
body.theme-harbor [data-home-section="featured"] .section-title-left{color:var(--hb-primary)!important}
body.theme-harbor [data-home-section="featured"] .featured-lead{
  display:block!important;max-width:34rem;margin:.6rem auto 0;color:var(--hb-muted)!important;font-size:1.05rem;
}
body.theme-harbor [data-home-section="featured"] .featured-link-inline{display:none!important}
body.theme-harbor [data-home-section="featured"] .featured-footer-cta{display:flex!important;justify-content:center;margin-top:2rem}
body.theme-harbor [data-home-section="featured"] .featured-link-below{
  display:inline-flex!important;align-items:center;gap:8px;
  background:var(--hb-primary)!important;color:#fff!important;border-radius:var(--hb-radius-btn)!important;
  padding:12px 24px!important;font-weight:700;text-decoration:none!important;
}
body.theme-harbor [data-home-section="featured"] .stay-grid{
  grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;
}
body.theme-harbor [data-home-section="featured"] .stay-card{
  background:#fff!important;border:0!important;border-radius:var(--hb-radius)!important;
  box-shadow:var(--hb-shadow)!important;overflow:hidden!important;display:flex;flex-direction:column;
}
body.theme-harbor [data-home-section="featured"] .stay-card:hover{
  transform:translateY(-4px);box-shadow:0 26px 48px rgba(11,61,74,.14)!important;
}
body.theme-harbor [data-home-section="featured"] .stay-image{
  aspect-ratio:4/3;height:auto!important;display:block;overflow:hidden;
}
body.theme-harbor [data-home-section="featured"] .stay-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
body.theme-harbor [data-home-section="featured"] .stay-card:hover .stay-image img{transform:scale(1.04)}
body.theme-harbor [data-home-section="featured"] .stay-type,
body.theme-harbor [data-home-section="featured"] .stay-badge,
body.theme-harbor [data-home-section="featured"] .stay-region-badge,
body.theme-harbor [data-home-section="featured"] .stay-features{display:none!important}
body.theme-harbor [data-home-section="featured"] .stay-body{padding:1.25rem 1.25rem 1.4rem!important;display:flex;flex-direction:column;flex:1;gap:6px}
body.theme-harbor [data-home-section="featured"] .stay-location{order:1;color:var(--hb-muted)!important;font-size:13px}
body.theme-harbor [data-home-section="featured"] h3{order:2;margin:0!important;font-size:1.4rem!important}
body.theme-harbor [data-home-section="featured"] h3 a{color:var(--hb-primary)!important;text-decoration:none!important}
body.theme-harbor [data-home-section="featured"] .stay-meta{order:3;color:var(--hb-muted);font-size:13px}
body.theme-harbor [data-home-section="featured"] .stay-bottom{
  order:4;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(192,200,203,.55);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
body.theme-harbor [data-home-section="featured"] .stay-bottom small{
  display:block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--hb-muted);
}
body.theme-harbor [data-home-section="featured"] .stay-bottom strong{
  font-family:'DM Serif Display',Georgia,serif!important;font-size:1.35rem!important;color:var(--hb-primary)!important;
}
body.theme-harbor [data-home-section="featured"] .stay-per-night{display:none}
body.theme-harbor [data-home-section="featured"] .btn-stay{
  display:inline-flex!important;background:var(--hb-coral)!important;color:#fff!important;
  border:0!important;border-radius:var(--hb-radius-btn)!important;padding:11px 20px!important;
  font-weight:700!important;box-shadow:none!important;text-decoration:none!important;
}
body.theme-harbor [data-home-section="featured"] .btn-stay i{margin-left:6px;font-size:12px}

/* Why */
body.theme-harbor [data-home-section="why"],
body.theme-harbor .section-gray{
  background:var(--hb-surface-bright)!important;padding-top:80px!important;padding-bottom:80px!important;
}
body.theme-harbor [data-home-section="why"] .section-heading-row{
  border:0!important;margin-bottom:2.25rem!important;flex-direction:column;align-items:center;text-align:center;
}
body.theme-harbor [data-home-section="why"] .eyebrow{color:var(--hb-teal)!important;font-family:'DM Sans',sans-serif!important;font-weight:800}
body.theme-harbor [data-home-section="why"] .section-title-left{color:var(--hb-primary)!important}
body.theme-harbor [data-home-section="why"] .why-lead{
  display:block!important;max-width:34rem;margin:.6rem auto 0;color:var(--hb-muted)!important;
}
body.theme-harbor [data-home-section="why"] .why-grid{grid-template-columns:repeat(3,1fr)!important;gap:1.35rem!important}
body.theme-harbor [data-home-section="why"] .why-card:nth-child(n+4){display:none}
body.theme-harbor [data-home-section="why"] .why-card{
  background:#fff!important;border:0!important;border-radius:var(--hb-radius)!important;
  box-shadow:var(--hb-shadow)!important;padding:1.75rem!important;text-align:left;
}
body.theme-harbor [data-home-section="why"] .why-card i{
  width:52px;height:52px;border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;
  background:rgba(42,157,143,.16)!important;color:var(--hb-teal)!important;font-size:1.2rem!important;margin-bottom:1rem!important;
}
body.theme-harbor [data-home-section="why"] .why-card h4{
  font-family:'DM Serif Display',Georgia,serif!important;font-size:1.3rem!important;margin:0 0 .5rem!important;color:var(--hb-primary)!important;
}
body.theme-harbor [data-home-section="why"] .why-card p{color:var(--hb-muted)!important;font-size:15px;margin:0;line-height:1.55}

/* Liste */
body.theme-harbor .page-hero.stay-hero{
  background:linear-gradient(160deg,var(--hb-primary-deep),var(--hb-primary))!important;
  padding:130px 0 120px!important;text-align:center;color:#fff;
}
body.theme-harbor .stay-hero h1{
  font-family:'DM Serif Display',Georgia,serif!important;color:#fff!important;
  font-style:normal!important;font-size:clamp(2.2rem,5vw,3.4rem)!important;
}
body.theme-harbor .stay-hero p{color:rgba(255,255,255,.85);max-width:36rem;margin:0 auto}
body.theme-harbor .stay-hero span{color:var(--hb-mist);letter-spacing:.12em;font-weight:700}
body.theme-harbor .stay-search-wrap{margin-top:-48px;position:relative;z-index:10;background:transparent}
body.theme-harbor .stay-search--listing{
  background:#fff!important;border:1px solid rgba(192,200,203,.55)!important;
  border-radius:var(--hb-radius)!important;box-shadow:var(--hb-shadow)!important;padding:22px!important;
  display:grid!important;grid-template-columns:1.2fr 1fr 1fr .7fr 1fr auto!important;gap:12px!important;align-items:end;
}
body.theme-harbor .stay-search--listing .ss-field{background:transparent!important;padding:0!important;min-height:0!important}
body.theme-harbor .stay-search--listing .ss-field input,
body.theme-harbor .stay-search--listing .ss-field select{
  background:var(--hb-surface)!important;border:1px solid var(--hb-line)!important;border-radius:12px!important;padding:12px!important;
}
body.theme-harbor .stay-search--listing .ss-submit{
  background:var(--hb-coral)!important;border-radius:var(--hb-radius-btn)!important;min-height:48px!important;font-weight:700;
}
body.theme-harbor .stay-grid--list{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important}
body.theme-harbor .stay-grid--list .stay-card{
  background:#fff;border:0!important;border-radius:var(--hb-radius)!important;box-shadow:var(--hb-shadow)!important;overflow:hidden;
}
body.theme-harbor .stay-grid--list .stay-image{aspect-ratio:4/3;height:auto!important}
body.theme-harbor .stay-grid--list .stay-region-badge{
  display:inline-flex!important;position:absolute;top:14px;left:14px;z-index:2;
  background:rgba(253,249,242,.94);border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;
  color:var(--hb-primary);align-items:center;gap:6px;
}
body.theme-harbor .stay-grid--list .stay-type,
body.theme-harbor .stay-grid--list .stay-location,
body.theme-harbor .stay-grid--list .stay-features{display:none}
body.theme-harbor .stay-grid--list .stay-body{padding:1.25rem}
body.theme-harbor .stay-grid--list .stay-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(192,200,203,.55);
}
body.theme-harbor .stay-grid--list .btn-stay{
  background:var(--hb-coral)!important;color:#fff!important;border:0!important;
  border-radius:var(--hb-radius-btn)!important;padding:10px 18px!important;font-weight:700!important;
}
body.theme-harbor .stay-grid--list .btn-stay i{display:none}

/* Detay */
body.theme-harbor:not(.site-page-home){padding-top:76px}
body.theme-harbor .stay-detail{padding-top:0}
body.theme-harbor .pd-page{background:var(--hb-surface-bright)!important;padding-top:28px!important}
body.theme-harbor .pd-gallery{border-radius:16px;overflow:hidden;box-shadow:var(--hb-shadow)}
body.theme-harbor .pd-chip i{background:#eef6f4!important;color:var(--hb-primary)!important}
body.theme-harbor .stay-booking-card{
  background:#fff;border:0;border-radius:var(--hb-radius);box-shadow:var(--hb-shadow);
}
body.theme-harbor .stay-booking-card h1{font-family:'DM Serif Display',Georgia,serif!important}
body.theme-harbor #stayBookingForm button[type="submit"]{
  background:var(--hb-coral)!important;color:#fff!important;border-radius:var(--hb-radius-btn)!important;font-weight:700;
}

/* Footer */
body.theme-harbor footer,
body.theme-harbor .site-footer{
  --footer-accent:var(--hb-coral);
  --footer-primary:var(--hb-teal);
  background:var(--hb-primary)!important;border-top:0!important;color:rgba(253,249,242,.78)!important;
}
body.theme-harbor .footer-col h4{
  font-family:'DM Sans',sans-serif!important;font-size:12px!important;letter-spacing:.1em;text-transform:uppercase;color:#fff!important;
}
body.theme-harbor .footer-brand .brand-name{color:#fff!important}
body.theme-harbor .footer-pay-trust,
body.theme-harbor .footer-trust{background:rgba(0,0,0,.16)}

@media (max-width:1000px){
  body.theme-harbor .hero-stay-search form,
  body.theme-harbor .stay-search--listing{grid-template-columns:1fr 1fr!important}
  body.theme-harbor .hero-stay-search button,
  body.theme-harbor .stay-search--listing .ss-action{grid-column:1/-1}
  body.theme-harbor [data-home-section="featured"] .stay-grid,
  body.theme-harbor .stay-grid--list,
  body.theme-harbor [data-home-section="why"] .why-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:700px){
  body.theme-harbor .home-hero-slider,
  body.theme-harbor .home-slide{min-height:560px!important;height:auto!important}
  body.theme-harbor .home-search-bridge .hero-stay-search{top:-36px!important;width:calc(100% - 24px)!important}
  body.theme-harbor .hero-stay-search form,
  body.theme-harbor .stay-search--listing{grid-template-columns:1fr!important}
  body.theme-harbor [data-home-section="featured"] .stay-grid,
  body.theme-harbor .stay-grid--list,
  body.theme-harbor [data-home-section="why"] .why-grid{grid-template-columns:1fr!important}
}
