/* Site-wide clarity and heading system — Avşa Adası */
:root{
  --ux-ink:#123b53;
  --ux-sea:#087e91;
  --ux-accent:#f18a53;
  --ux-line:#d9e5ed;
  --ux-shadow:0 12px 30px rgba(18,59,83,.08);
}

body:not(.has-owner-sidebar) main#icerik h1,
body:not(.has-owner-sidebar) main#icerik h2{
  color:var(--ux-ink)!important;
  font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif!important;
  font-weight:820!important;
  letter-spacing:-.035em!important;
  text-wrap:balance;
}
body:not(.has-owner-sidebar) main#icerik h1{font-size:clamp(1.9rem,3.25vw,2.7rem)!important;line-height:1.14!important}
body:not(.has-owner-sidebar) main#icerik h2{font-size:clamp(1.45rem,2.4vw,2rem)!important;line-height:1.2!important}
body:not(.has-owner-sidebar) main#icerik h3{font-weight:760;letter-spacing:-.02em}

/* Primary page and section headings use the same confident, easy-to-scan treatment. */
body:not(.has-owner-sidebar) main#icerik>.wrap>h1,
body:not(.has-owner-sidebar) main#icerik>.wrap>h2,
body:not(.has-owner-sidebar) main#icerik>.wrap>h3,
body:not(.has-owner-sidebar) main#icerik>.wrap>.hotel-discovery-hero h1,
body:not(.has-owner-sidebar) main#icerik .avsa-section-heading h2,
body:not(.has-owner-sidebar) main#icerik .hotel-media-cta h2,
body:not(.has-owner-sidebar) main#icerik .hotel-title-row .otel-title{
  border-left:4px solid var(--ux-accent)!important;
  border-radius:2px!important;
  padding-left:14px!important;
}
body:not(.has-owner-sidebar) main#icerik>.wrap>h2{margin:30px 0 18px!important}
body:not(.has-owner-sidebar) main#icerik .hotel-discovery-hero h1{max-width:760px;margin:10px 0!important}
body:not(.has-owner-sidebar) main#icerik .hotel-media-cta h2{margin:0 0 10px!important}
.home-page main#icerik .avsa-hero h1{border:0!important;padding:0!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(2.55rem,6.3vw,5.25rem)!important;font-weight:700!important;letter-spacing:-.045em!important;line-height:1.02!important}
body:not(.has-owner-sidebar) main#icerik .island-weather h2,
body:not(.has-owner-sidebar) main#icerik .island-ferries h2{border:0!important;padding:0!important;font-family:Inter,"Segoe UI",sans-serif!important;font-size:20px!important;letter-spacing:-.02em!important}

/* More readable content, clearer controls and quiet interaction feedback. */
body:not(.has-owner-sidebar) main#icerik .crumb{color:#617989;font-size:13px;font-weight:600}
body:not(.has-owner-sidebar) main#icerik .crumb a{color:var(--ux-sea);font-weight:750;text-decoration:none}
body:not(.has-owner-sidebar) main#icerik .prose{max-width:82ch;line-height:1.78}
body:not(.has-owner-sidebar) main#icerik .chips{gap:9px}
body:not(.has-owner-sidebar) main#icerik .chips .chip{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;font-weight:720}
body:not(.has-owner-sidebar) main#icerik a:focus-visible,
body:not(.has-owner-sidebar) main#icerik button:focus-visible,
body:not(.has-owner-sidebar) footer a:focus-visible{outline:3px solid #f18a53!important;outline-offset:3px!important}
body:not(.has-owner-sidebar) main#icerik .hotel-card-shell,
body:not(.has-owner-sidebar) main#icerik .cardbox,
body:not(.has-owner-sidebar) main#icerik .hotel-media-cta,
body:not(.has-owner-sidebar) main#icerik .hotel-list-guide,
body:not(.has-owner-sidebar) main#icerik .detail-panel,
body:not(.has-owner-sidebar) main#icerik .faq{border-color:var(--ux-line)!important;box-shadow:var(--ux-shadow)!important}
body:not(.has-owner-sidebar) main#icerik .hotel-card-shell,
body:not(.has-owner-sidebar) main#icerik .cardbox{transition:transform .18s ease,box-shadow .18s ease}
@media(hover:hover){body:not(.has-owner-sidebar) main#icerik .hotel-card-shell:hover,body:not(.has-owner-sidebar) main#icerik .cardbox:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(18,59,83,.13)!important}}
body:not(.has-owner-sidebar) main#icerik table{display:block;max-width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0}
body:not(.has-owner-sidebar) main#icerik th{background:#edf5f9;color:var(--ux-ink);font-weight:780}

/* Inline SVGs need explicit dimensions; without them some browsers use 300x150. */
body:not(.has-owner-sidebar)>footer .footer-link-icon{display:inline-grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;overflow:hidden!important;padding:0!important;border:1px solid rgba(220,240,255,.3)!important;border-radius:10px!important;background:rgba(220,240,255,.1)!important;color:#d9f2ff!important;line-height:1!important}
body:not(.has-owner-sidebar)>footer .footer-link-icon svg{display:block!important;flex:none!important;width:16px!important;min-width:16px!important;max-width:16px!important;height:16px!important;min-height:16px!important;max-height:16px!important;overflow:visible!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body:not(.has-owner-sidebar)>footer .footer-navigation .fcol>a{display:flex;align-items:center;gap:10px;min-height:38px}
body:not(.has-owner-sidebar)>footer .footer-legal>a{display:flex;align-items:center;gap:10px;min-height:38px}

@media(max-width:760px){
  body:not(.has-owner-sidebar) main#icerik>.wrap>h2{margin:24px 0 14px!important}
  body:not(.has-owner-sidebar) main#icerik .hotel-discovery-hero h1{font-size:clamp(1.85rem,7vw,2.45rem)!important}
  body:not(.has-owner-sidebar)>footer .footer-link-icon{flex-basis:30px!important;width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important}
}
@media(prefers-reduced-motion:reduce){body:not(.has-owner-sidebar) main#icerik .hotel-card-shell,body:not(.has-owner-sidebar) main#icerik .cardbox{transition:none!important}}