/* FrissHírek v0.16.144 – választható időjárási hely, riasztás és MNB-trend */
.forecast-live-grid.has-social{
  grid-template-columns:minmax(225px,.9fr) minmax(350px,1.3fr) minmax(220px,.8fr) minmax(170px,.62fr) 64px!important;
  column-gap:14px;
}
.forecast-calendar-block,
.forecast-weather-block,
.forecast-rates-block,
.forecast-social-block,
.forecast-theme-block{
  border-left:0!important;
  border-right:0!important;
}
body.forcast-ui.forcast-reference-ui .forecast-live-grid .forecast-calendar-block,
body.forcast-ui.forcast-reference-ui .forecast-live-grid .forecast-weather-block,
body.forcast-ui.forcast-reference-ui .forecast-live-grid .forecast-rates-block,
body.forcast-ui.forcast-reference-ui .forecast-live-grid .forecast-social-block,
body.forcast-ui.forcast-reference-ui .forecast-live-grid .forecast-theme-block,
.forecast-live-grid.has-social .forecast-rates-block{
  border-left:0!important;
  border-right:0!important;
}
.forecast-weather-block{
  gap:8px!important;
  justify-content:flex-start;
}
.forecast-weather-block .weather-details{
  margin-left:7px!important;
  gap:9px!important;
}
.forecast-weather-block{position:relative;overflow:visible}
.weather-location-button{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-width:0;
  margin:0;
  padding:1px 0;
  border:0;
  border-bottom:1px dashed color-mix(in srgb,currentColor 38%,transparent);
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:inherit;
}
.weather-location-button strong{display:block;max-width:145px}
.weather-location-chevron{font-size:11px;line-height:1;opacity:.62;transform:translateY(-1px)}
.weather-location-button:hover,.weather-location-button:focus-visible{border-bottom-color:currentColor}
.weather-location-button:focus-visible{outline:2px solid var(--villogo-blue,#1769d2);outline-offset:3px;border-radius:2px}
.weather-location-popover{
  position:absolute;
  z-index:3000;
  top:calc(100% + 7px);
  left:31px;
  width:min(290px,calc(100vw - 28px));
  padding:13px;
  border:1px solid #dce2e9;
  border-radius:12px;
  background:#fff;
  color:#16202b;
  box-shadow:0 16px 42px rgba(15,23,42,.22);
}
.weather-location-popover[hidden]{display:none!important}
.weather-location-popover:before{
  content:'';
  position:absolute;
  left:24px;
  top:-6px;
  width:10px;
  height:10px;
  border-left:1px solid #dce2e9;
  border-top:1px solid #dce2e9;
  background:inherit;
  transform:rotate(45deg);
}
.weather-location-popover label{display:block;margin-bottom:7px;font:800 12px/1.2 var(--fc-body);color:inherit}
.weather-location-popover input{
  width:100%;
  min-height:38px;
  padding:8px 10px;
  border:1px solid #cbd4df;
  border-radius:8px;
  background:#fff;
  color:#111827;
  font:600 13px/1.2 var(--fc-body);
}
.weather-location-popover input:focus{outline:2px solid var(--villogo-blue,#1769d2);outline-offset:1px;border-color:transparent}
.weather-location-status{min-height:25px;padding:8px 2px 5px;color:#667085;font:600 10px/1.25 var(--fc-body)}
.weather-location-results{display:grid;gap:3px;max-height:210px;overflow:auto}
.weather-location-results button,.weather-location-auto{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  padding:8px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:inherit;
  cursor:pointer;
  text-align:left;
  font:700 12px/1.2 var(--fc-body);
}
.weather-location-results button:hover,.weather-location-results button:focus-visible,.weather-location-auto:hover,.weather-location-auto:focus-visible{background:#eef4fb;outline:0}
.weather-location-results small{color:#667085;font-size:9px;font-weight:600;text-align:right}
.weather-location-auto{justify-content:flex-start;margin-top:7px;border-top:1px solid #e5e9ef;border-radius:0;padding-top:10px;color:#1769d2}
html[data-theme=dark] .weather-location-popover{border-color:#344050;background:#151b23;color:#f8fafc;box-shadow:0 16px 42px rgba(0,0,0,.48)}
html[data-theme=dark] .weather-location-popover:before{border-color:#344050}
html[data-theme=dark] .weather-location-popover input{border-color:#3b4655;background:#0d1218;color:#f8fafc}
html[data-theme=dark] .weather-location-status,html[data-theme=dark] .weather-location-results small{color:#aeb8c5}
html[data-theme=dark] .weather-location-results button:hover,html[data-theme=dark] .weather-location-results button:focus-visible,html[data-theme=dark] .weather-location-auto:hover,html[data-theme=dark] .weather-location-auto:focus-visible{background:#222d3a}
html[data-theme=dark] .weather-location-auto{border-color:#344050;color:#69a8ff}
.weather-warning{
  display:inline-grid;
  place-items:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  border-radius:50%;
  color:#17120a!important;
  text-decoration:none!important;
  font:900 11px/1 var(--fc-body);
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
}
.weather-warning-yellow{background:#facc15}.weather-warning-orange{background:#fb923c}.weather-warning-red{background:#ef4444;color:#fff!important}
.weather-warning:hover{transform:translateY(-1px)}
.weather-warning:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.weather-warning-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rate-trend{display:inline-grid;place-items:center;min-width:9px;font:900 9px/1 var(--fc-body);transform:translateY(-1px)}
.rate-trend-up{color:#159447}.rate-trend-down{color:#d64045}.rate-trend-flat{color:#7b8490}
html[data-theme=dark] .rate-trend-up{color:#4ade80}html[data-theme=dark] .rate-trend-down{color:#fb7185}html[data-theme=dark] .rate-trend-flat{color:#aab2bd}
.forecast-social-block{
  padding:2px 10px!important;
  border-left:0!important;
}
.forecast-social-follow{
  gap:9px!important;
  padding:2px 9px 2px 3px!important;
  border:1px solid transparent;
  border-radius:999px;
  font-size:12px!important;
  line-height:1.1!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
.forecast-social-follow:hover{transform:translateY(-1px)}
.forecast-social-facebook-icon{
  display:block!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  overflow:hidden;
  background:transparent!important;
  box-shadow:0 2px 8px rgba(24,119,242,.22);
}
.forecast-social-facebook-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
html[data-theme=light] .forecast-social-follow:hover,
html[data-theme=light] .forecast-social-follow:focus-visible{
  background:#f2f6fb!important;
  border-color:#dce5ef!important;
  color:#0f1720!important;
}
html[data-theme=dark] .forecast-social-follow:hover,
html[data-theme=dark] .forecast-social-follow:focus-visible{
  background:#1a222d!important;
  border-color:#303c4a!important;
  color:#fff!important;
}
.forecast-social-follow:focus-visible{
  outline:2px solid var(--villogo-blue,#1769d2);
  outline-offset:2px;
}

.forecast-theme-block{
  min-width:64px;
  justify-content:center;
  align-items:center!important;
  padding:0 4px;
}
.live-theme-button,
html[data-theme=light] .live-theme-button,
html[data-theme=dark] .live-theme-button,
html[data-theme=light] .live-theme-button:hover,
html[data-theme=dark] .live-theme-button:hover,
html[data-theme=light] .live-theme-button:focus-visible,
html[data-theme=dark] .live-theme-button:focus-visible{
  width:56px!important;
  min-width:56px;
  height:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  border-radius:999px;
}
.theme-switch-track{
  position:relative;
  display:block;
  width:56px;
  height:32px;
  border:1px solid #c8cdd4;
  border-radius:999px;
  background:#eceef2;
  box-shadow:inset 0 1px 2px rgba(18,25,35,.08);
  transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.theme-switch-thumb{
  position:absolute;
  top:1px;
  left:1px;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#fff;
  color:var(--villogo-blue,#1769d2);
  box-shadow:0 2px 7px rgba(13,22,34,.22);
  transition:transform .24s cubic-bezier(.2,.75,.2,1),background-color .22s ease,color .22s ease,box-shadow .22s ease;
}
.theme-switch-thumb .theme-sun,
.theme-switch-thumb .theme-moon{
  place-items:center;
  width:18px;
  height:18px;
}
.theme-switch-thumb .theme-sun{display:grid}
.theme-switch-thumb .theme-moon{display:none}
.theme-switch-thumb svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
}
.live-theme-button:hover .theme-switch-track{
  border-color:var(--villogo-blue,#1769d2);
  box-shadow:inset 0 1px 2px rgba(18,25,35,.08),0 0 0 3px color-mix(in srgb,var(--villogo-blue,#1769d2) 12%,transparent);
}
.live-theme-button:focus-visible{outline:0}
.live-theme-button:focus-visible .theme-switch-track{
  outline:2px solid var(--villogo-blue,#1769d2);
  outline-offset:3px;
}
html[data-theme=dark] .theme-switch-track{
  border-color:#3b414b;
  background:#24282e;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.38);
}
html[data-theme=dark] .theme-switch-thumb{
  transform:translateX(24px);
  background:#080a0d;
  color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.52);
}
html[data-theme=dark] .theme-switch-thumb .theme-sun{display:none}
html[data-theme=dark] .theme-switch-thumb .theme-moon{display:grid}

@media(max-width:1180px){
  .forecast-live-grid.has-social{grid-template-columns:1fr 1.35fr .9fr 64px!important;column-gap:8px}
  .forecast-theme-block{min-width:64px;padding-inline:4px}
}
@media(max-width:900px){
  .forecast-live-grid,
  .forecast-live-grid.has-social{grid-template-columns:1fr 1fr 64px!important;column-gap:0}
}
@media(max-width:700px){
  body.forcast-ui.forcast-reference-ui .forecast-live-grid,
  body.forcast-ui.forcast-reference-ui .forecast-live-grid.has-social{
    grid-template-columns:minmax(0,1fr) auto 62px!important;
  }
  body.forcast-ui.forcast-reference-ui .forecast-theme-block{
    min-width:62px!important;
    padding-inline:4px!important;
  }
  .live-theme-button,
  html[data-theme=light] .live-theme-button,
  html[data-theme=dark] .live-theme-button,
  html[data-theme=light] .live-theme-button:hover,
  html[data-theme=dark] .live-theme-button:hover,
  html[data-theme=light] .live-theme-button:focus-visible,
  html[data-theme=dark] .live-theme-button:focus-visible{
    width:52px!important;
    min-width:52px;
  }
  .theme-switch-track{width:52px;height:28px}
  .theme-switch-thumb{width:24px;height:24px}
  .theme-switch-thumb .theme-sun,.theme-switch-thumb .theme-moon{width:15px;height:15px}
  .theme-switch-thumb svg{width:15px!important;height:15px!important}
  html[data-theme=dark] .theme-switch-thumb{transform:translateX(26px)}
  .weather-location-popover{left:0;top:calc(100% + 5px)}
  .weather-location-button strong{max-width:120px}
}
@media(max-width:430px){
  body.forcast-ui.forcast-reference-ui .forecast-live-grid,
  body.forcast-ui.forcast-reference-ui .forecast-live-grid.has-social{
    grid-template-columns:minmax(0,1fr) auto 60px!important;
  }
  body.forcast-ui.forcast-reference-ui .forecast-theme-block{
    min-width:60px!important;
    padding-inline:4px!important;
  }
  .live-theme-button,
  html[data-theme=light] .live-theme-button,
  html[data-theme=dark] .live-theme-button,
  html[data-theme=light] .live-theme-button:hover,
  html[data-theme=dark] .live-theme-button:hover,
  html[data-theme=light] .live-theme-button:focus-visible,
  html[data-theme=dark] .live-theme-button:focus-visible{
    width:50px!important;
    min-width:50px;
  }
  .theme-switch-track{width:50px}
  html[data-theme=dark] .theme-switch-thumb{transform:translateX(24px)}
  .weather-location-button strong{max-width:86px}
  .weather-warning{width:18px;height:18px;flex-basis:18px}
}
@media(prefers-reduced-motion:reduce){
  .forecast-social-follow,.theme-switch-track,.theme-switch-thumb{transition:none!important}
}