/* Cedromare weather: compact mobile first; original cobalt, gold and cream. RZ. */
.cm-header .cm-weather-badge {
  display:inline-flex; flex:0 0 88px; justify-content:center; align-items:center; gap:5px;
  min-width:88px; min-height:44px; padding:5px 2px; color:var(--cm-blue);
  border:1px solid transparent; border-radius:22px; font:600 14px/1.3 var(--cm-sans);
  text-decoration:none; white-space:nowrap; box-sizing:border-box;
}
.cm-header .cm-weather-badge:hover { background:rgb(227 179 37 / 12%); text-decoration:none; }
.cm-header .cm-weather-badge .cm-weather-icon { display:block; flex:0 0 20px; width:20px; height:20px; max-width:none; }
.cm-header .cm-weather-badge .cm-weather-fallback { font-size:10px; line-height:1.2; white-space:normal; }
.cm-header .cm-weather-badge:has(.cm-weather-fallback) { flex-wrap:wrap; gap:2px 5px; }
.cm-header .cm-weather-badge [data-cm-weather-value] { font-variant-numeric:tabular-nums; }
@media (max-width:559px) {
  .cm-header .cm-header-controls { display:grid; grid-template-columns:auto 1fr auto; align-items:center; column-gap:8px; }
  .cm-header-controls > .cm-weather-badge { justify-self:center; }
  .cm-header-controls > .cm-mobile-menu { margin-left:0; }
}
@media (min-width:1100px) and (max-width:1279px) {
  .cm-header .cm-header-controls { gap:8px; }
  .cm-header .cm-desktop-nav > ul > li > a { padding-inline:7px; }
  .cm-header .cm-desktop-nav .cm-nav-booking > a { padding-inline:11px; }
}
.cm-page .cm-weather-forecast { min-width:0; color:var(--cm-ink); }
.cm-page .cm-weather-section { margin:0; padding:0; border:0; min-width:0; }
.cm-page .cm-weather-section + .cm-weather-section { margin-top:24px; }
.cm-page .cm-weather-section h2 { margin-bottom:9px; }
.cm-page .cm-weather-note { margin-bottom:10px; color:var(--cm-muted); font-size:14px; }
.cm-page .cm-weather-source { margin:16px 0 0; color:var(--cm-muted); font-size:12px; line-height:1.6; }
.cm-page .cm-weather-source a { text-decoration:none; font-weight:600; }
.cm-page .cm-weather-status { margin:0; }
.cm-page .cm-weather-icon { display:block; flex:0 0 auto; object-fit:contain; }
.cm-page .cm-weather-values { display:flex; align-items:center; gap:8px; margin:4px 0; }
.cm-page .cm-weather-temperature { color:var(--cm-blue); font:500 28px/1.15 var(--cm-serif); font-variant-numeric:tabular-nums; }
.cm-page .cm-weather-time { color:var(--cm-muted); font-size:12px; font-weight:500; }
.cm-page .cm-weather-sample { padding:12px 14px; border:1px solid var(--cm-line); border-left:3px solid var(--cm-gold); background:var(--cm-paper); }
.cm-page .cm-weather-sample .cm-weather-temperature { font-size:38px; }
.cm-page .cm-weather-sample .cm-weather-icon { width:40px; height:40px; }
.cm-page .cm-weather-sample :is(.cm-weather-condition,.cm-weather-wind,.cm-weather-period) { margin:3px 0 0; }
.cm-page .cm-weather-wind { font-size:13px; line-height:1.5; color:var(--cm-blue); }
.cm-page .cm-weather-period { font-size:12px; line-height:1.5; color:var(--cm-muted); }
.cm-page .cm-weather-hours { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; }
.cm-page .cm-weather-hour { min-width:0; padding:10px; border:1px solid var(--cm-line); background:var(--cm-paper); }
.cm-page .cm-weather-hour .cm-weather-icon { width:28px; height:28px; }
.cm-page .cm-weather-hour :is(.cm-weather-condition,.cm-weather-wind,.cm-weather-period) { margin:4px 0 0; overflow-wrap:anywhere; }
.cm-page .cm-weather-hour .cm-weather-condition { font-size:13px; line-height:1.5; }
.cm-page :is(.cm-weather-more,.cm-weather-day) { margin:8px 0 0; border:1px solid var(--cm-line); background:var(--cm-paper); }
.cm-page :is(.cm-weather-more,.cm-weather-day) > summary { position:relative; display:flex; align-items:center; gap:8px; min-height:44px; padding:10px 34px 10px 12px; list-style:none; cursor:pointer; color:var(--cm-blue); }
.cm-page :is(.cm-weather-more,.cm-weather-day) > summary::-webkit-details-marker { display:none; }
.cm-page :is(.cm-weather-more,.cm-weather-day) > summary::after { content:"+"; position:absolute; right:12px; top:50%; transform:translateY(-50%); font-size:22px; line-height:1; }
.cm-page :is(.cm-weather-more,.cm-weather-day)[open] > summary::after { content:"−"; }
.cm-page :is(.cm-weather-more,.cm-weather-day) > .cm-weather-hours { padding:0 10px 10px; }
.cm-page .cm-weather-day > summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 8px; }
.cm-page .cm-weather-day-name { font-weight:600; line-height:1.4; }
.cm-page .cm-weather-day-name small { display:block; font-size:12px; font-weight:400; }
.cm-page .cm-weather-day-value { display:flex; align-items:center; gap:5px; flex-wrap:wrap; justify-content:flex-end; }
.cm-page .cm-weather-day-value .cm-weather-icon { width:32px; height:32px; }
.cm-page .cm-weather-day-hour { width:100%; text-align:right; color:var(--cm-muted); font-size:12px; }
.cm-page .cm-weather-day-wind { grid-column:1 / -1; color:var(--cm-muted); font-size:12px; line-height:1.5; }
.cm-page--031 .cm-hero-copy > h1::before { content:""; display:inline-block; width:32px; height:32px; margin-right:8px; vertical-align:.08em; background:url("icons/weather/clear-day.svg") center/contain no-repeat; }
/* Override the shared guide's travel artwork without adding a mobile image row. */
.cm-page.cm-page--031 { --cm-illustration:url("icons/weather/weather-sea.svg"); }
.cm-page.cm-page--031 .cm-hero .cm-hero-inner::after { display:none !important; }
@media (min-width:900px) {
  .cm-page.cm-page--031 .cm-hero .cm-hero-inner::after { display:block !important; height:180px !important; max-height:180px; max-width:360px; aspect-ratio:auto !important; align-self:center; }
}
@media (min-width:700px) {
  .cm-page .cm-weather-hours { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cm-page .cm-weather-day > summary { grid-template-columns:minmax(0,1fr) 170px minmax(180px,1fr); gap:14px; }
  .cm-page .cm-weather-day-wind { grid-column:auto; }
}
@media (min-width:1100px) { .cm-page .cm-weather-hours { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media print { .cm-header .cm-weather-badge { display:none; } }
.cm-page--031 .cm-table-wrap .cm-climate-table :is(th,td) { padding-inline:6px; }
.cm-page--031 .cm-table-wrap .cm-climate-table :is(th,td):first-child { width:38%; }
.cm-page--031 .cm-table-wrap .cm-climate-table :is(th,td):nth-child(2) { width:24%; }
.cm-page--031 .cm-table-wrap .cm-climate-table :is(th,td):nth-child(3) { width:38%; }
.cm-page--031 .cm-table-wrap .cm-climate-table thead th { font-size:14px; line-height:1.45; overflow-wrap:normal; }
.cm-page--031 .cm-table-wrap .cm-climate-table td { white-space:nowrap; }
.cm-page--031 #temperatury-w-ciagu-roku .cm-table-wrap + p,
.cm-page--031 .cm-weather-source { font-size:11px; line-height:1.45; color:var(--cm-muted); }
.cm-page--031 #temperatury-w-ciagu-roku .cm-table-wrap + p { margin-top:8px; }
