/* pomeranian-poland-hotels.com — hover states + responsive layer over inline-styled templates */
html{scroll-behavior:smooth}
body{margin:0;background:#FAFAF8}
a.hl{color:inherit;text-decoration:none;white-space:nowrap}
a.hl:hover,a.hl2:hover{color:#1B6AA8}
a.hl2:hover{text-decoration:underline}
a.flink:hover{color:#fff!important}
a.btn-navy:hover{background:#1B6AA8!important}
a.btn-blue:hover{background:#12233D!important}
a.btn-accent:hover{background:#3C86BE!important}
a.btn-outline:hover{background:#1B6AA8!important;color:#fff!important}
a.chip:hover,button.chip:hover{border-color:#1B6AA8!important;color:#1B6AA8!important}
a.chip[style*="background:#12233D"]:hover{color:#fff!important}
a.dash:hover{background:#DDEAF5!important}
a.rcard:hover{border-color:#7FB4DD!important}
.hcard{transition:box-shadow .18s,transform .18s}
.hcard:hover{box-shadow:0 10px 28px rgba(18,35,61,.12);transform:translateY(-2px)}
.hcard2{transition:box-shadow .18s}
.hcard2:hover{box-shadow:0 8px 22px rgba(18,35,61,.10)}
.monthBar:hover .bar{background:#8FB4D4}

/* top nav: horizontal scroll on narrow screens instead of overflow */
.topnav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.topnav::-webkit-scrollbar{display:none}
.hubTabs{overflow-x:auto;scrollbar-width:none}
.hubTabs::-webkit-scrollbar{display:none}

/* tablet & below */
@media (max-width: 980px){
  .areaBody{grid-template-columns:1fr!important;gap:36px!important}
  .areaSide{position:static!important}
  .hubFaqGrid{grid-template-columns:1fr!important;gap:36px!important}
  .seasonsGrid{grid-template-columns:1fr!important;gap:28px!important}
}
/* phones */
@media (max-width: 760px){
  .navBtn{display:block!important;margin-left:auto}
  .hdrRight{margin-left:0!important}
  .navBtn + .topnav{display:none!important}
  .topnav.open{display:flex!important;position:absolute;top:62px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid #E7E7E2;box-shadow:0 14px 30px rgba(18,35,61,.14);padding:6px 0;z-index:60}
  .topnav.open a{padding:13px 24px;font-size:15px;border-top:1px solid #F1F2EF}
  header > div{gap:12px!important}
  .heroSearch{padding:10px!important}
  .heroSearch > div{flex:1 1 100%!important;min-width:0!important;border-right:none!important;border-bottom:1px solid #E7E7E2;padding:10px 8px!important}
  .heroSearch > div:has(#adults), .heroSearch > div:has(#kids){flex:1 1 42%!important}
  .heroSearch > div:has(#kids){border-left:1px solid #E7E7E2}
  .heroSearchBtn{flex:1 1 100%;justify-content:center;padding:14px 0!important;margin-top:2px}
  .headerCta{display:none!important}
  .stageBtn{grid-template-columns:44px minmax(0,1fr) 20px!important}
  .stageMeta{display:none!important}
  .stageThumb{display:none!important}
  .hubItem{grid-template-columns:44px minmax(0,1fr)!important}
  .hubItemCta{grid-column:2;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap}
  .statRow{flex-wrap:wrap}
  .statRow > div{flex:1 1 40%!important}
  .lineStr{word-break:break-all}
  iframe[title="Pomerania hotel heatmap"]{height:400px!important}
}