.codigoro-live{--cl-accent:#399118;--cl-bg:#fff;--cl-text:#243126;box-sizing:border-box;background:var(--cl-bg);color:var(--cl-text);border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:clamp(18px,3vw,30px);font-family:inherit;box-shadow:0 8px 28px rgba(20,50,20,.08);width:100%;max-width:100%}
.codigoro-live *{box-sizing:border-box}
.cl-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(0,0,0,.09);padding-bottom:16px}
.cl-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--cl-accent)}
.cl-head h2{font-size:clamp(24px,3vw,32px);margin:5px 0 0;color:var(--cl-text);font-weight:750}
.cl-updated{font-size:12px;opacity:.65;padding-top:6px}
.cl-current{padding:22px 0 20px;position:relative}
.cl-condition{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:650}
.cl-icon{font-size:42px;line-height:1}
.cl-temp{font-size:clamp(58px,9vw,82px);font-weight:750;letter-spacing:-.06em;line-height:1.05;margin-top:10px;color:var(--cl-text)}
.cl-temp small{font-size:.42em;vertical-align:top;letter-spacing:0;margin-left:4px}
.cl-feels{font-size:13px;opacity:.68;margin-top:3px}
.cl-details{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px;font-size:13px}
.cl-details span{display:inline-flex;gap:5px;align-items:center}.cl-details b{font-weight:700}
.cl-forecast{border-top:1px solid rgba(0,0,0,.09);padding-top:18px}
.cl-forecast h3{font-size:17px;margin:0 0 14px;color:var(--cl-text)}
.cl-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.cl-day{display:flex;min-width:0;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:12px 6px;background:color-mix(in srgb,var(--cl-accent) 6%,transparent);border-radius:12px}
.cl-dayname{font-size:12px;font-weight:750}.cl-dayicon{font-size:27px;line-height:1.2}.cl-daydesc{font-size:10px;min-height:24px;opacity:.7}.cl-day strong{font-size:20px}.cl-min{font-size:13px;opacity:.6}.cl-day small{font-size:10px;opacity:.7}
.cl-footer{font-size:10px;opacity:.58;margin-top:16px;text-align:right}.cl-footer a{color:inherit;text-decoration:underline}
.cl-compact{padding:16px;border-radius:12px}.cl-compact .cl-current{padding:14px 0}.cl-compact .cl-temp{font-size:56px}.cl-compact .cl-days{grid-template-columns:repeat(3,minmax(0,1fr))}
.cl-error{padding:14px;border:1px solid #d88;border-radius:8px;color:#8a2525;background:#fff8f8}
@media(max-width:600px){.cl-head{display:block}.cl-updated{display:block}.cl-days{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-day:last-child:nth-child(odd){grid-column:1/-1}.cl-details{gap:8px 14px}}

/* Mediterranean / Italian live-weather extension */
.codigoro-live{position:relative;overflow:hidden;border:1px solid rgba(57,145,24,.18);background:linear-gradient(145deg,var(--cl-bg) 0%,color-mix(in srgb,var(--cl-accent) 5%,var(--cl-bg)) 100%)}
.codigoro-live:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,#399118 0 33.33%,#fff 33.33% 66.66%,#e14b3b 66.66% 100%)}
.cl-head{align-items:center}.cl-eyebrow{color:var(--cl-accent)}
.cl-current{padding:24px 0 22px}.cl-current:after{content:"";position:absolute;right:5%;top:8px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(242,177,75,.18),rgba(242,177,75,0) 70%);pointer-events:none}
.cl-temp{color:var(--cl-accent)}
.cl-sunbar{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;align-items:center;gap:18px;padding:16px 0;border-top:1px solid rgba(57,145,24,.15);border-bottom:1px solid rgba(57,145,24,.15)}
.cl-sun{display:flex;align-items:center;gap:9px}.cl-sun-symbol{font-size:25px}.cl-sun small,.cl-sun strong{display:block}.cl-sun small{font-size:10px;opacity:.65}.cl-sun strong{font-size:17px;color:var(--cl-text)}
.cl-sun-track{display:flex;align-items:center;gap:8px;color:#d99432}.cl-sun-track i{height:2px;flex:1;background:linear-gradient(90deg,#e7b14b,#e36d45);position:relative}.cl-sun-track i:after{content:"";position:absolute;left:50%;top:-4px;width:9px;height:9px;border-radius:50%;background:#e7a63d;box-shadow:0 0 0 4px rgba(231,166,61,.16)}
.cl-hourly{padding:19px 0 16px}.cl-hourly h3{font-size:17px;margin:0 0 12px;color:var(--cl-text)}
.cl-hour-scroll{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory}
.cl-hour{flex:0 0 76px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 7px;background:rgba(255,255,255,.72);border:1px solid rgba(57,145,24,.12);border-radius:13px;scroll-snap-align:start}
.cl-hour-time{font-size:11px;font-weight:700;opacity:.7}.cl-hour-icon{font-size:24px}.cl-hour strong{font-size:19px;color:var(--cl-text)}.cl-hour small{font-size:10px;opacity:.7}
.cl-forecast{padding-top:18px}.cl-day{background:color-mix(in srgb,var(--cl-accent) 7%,var(--cl-bg));border:1px solid rgba(57,145,24,.08)}
@media(max-width:600px){.cl-sunbar{grid-template-columns:1fr 1fr;gap:12px}.cl-sun-track{grid-column:1/-1;grid-row:2}.cl-sunset{justify-self:end}}
/* v1.2.0: full-width layout and 14-day forecast grid */
.codigoro-live{display:block;width:100%;max-width:none}
.cl-days{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}

/* v1.2.1: Sonnenauf- und -untergang rechts neben der aktuellen Temperatur */
.cl-current{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);column-gap:28px;align-items:center}
.cl-current-left{min-width:0}
.cl-current .cl-sunbar{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:16px;border:0;padding:12px 4px;margin:0}
.cl-current .cl-sun{display:flex;align-items:center;gap:12px}
.cl-current .cl-sun-track{width:100%;min-height:22px}
.cl-current .cl-sun-track i{min-width:40px}
.cl-current .cl-sunset{justify-self:auto}
@media(max-width:700px){
  .cl-current{grid-template-columns:1fr;row-gap:12px}
  .cl-current .cl-sunbar{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0 0;border-top:1px solid rgba(57,145,24,.15)}
  .cl-current .cl-sun-track{grid-column:1/-1;grid-row:2}
  .cl-current .cl-sunset{justify-self:end}
}

/* v1.3.0: Besucherauswahl für die Anzahl der angezeigten Prognosetage */
.cl-forecast-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.cl-forecast-heading h3{margin:0}
.cl-days-control{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--cl-text);white-space:nowrap}
.cl-days-select{border:1px solid rgba(57,145,24,.3);border-radius:8px;background:#fff;color:var(--cl-text);padding:8px 30px 8px 10px;font:inherit;cursor:pointer}
.cl-day[hidden]{display:none!important}
@media(max-width:520px){.cl-forecast-heading{align-items:flex-start;flex-direction:column}.cl-days-control{width:100%;justify-content:space-between}.cl-days-select{min-width:110px}}

/* v1.4.0 */
.cl-current{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,42%);column-gap:28px;align-items:center}
.cl-current-left{min-width:0}
.cl-current .cl-sunbar{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:stretch;gap:16px;border:0;padding:12px 4px;margin:0}
.cl-current .cl-sun{display:flex;align-items:center;gap:12px}
.cl-current .cl-sun-track{width:100%;min-height:22px}
.cl-forecast-heading{display:flex;align-items:center;gap:16px}
.cl-forecast-heading h3{margin:0}
.cl-days-control{margin-left:auto;display:flex;align-items:center;gap:10px;padding:7px 10px 7px 13px;border:1px solid rgba(57,145,24,.22);border-radius:999px;background:rgba(57,145,24,.06);font-size:13px;font-weight:600;color:var(--cl-text);white-space:nowrap}
.cl-days-select{appearance:none;border:0;border-radius:999px;background:#fff;color:var(--cl-accent);font:inherit;font-weight:700;padding:8px 34px 8px 12px;min-width:104px;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.08);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.cl-days-select:focus{outline:2px solid var(--cl-accent);outline-offset:2px}
.cl-day[hidden]{display:none!important}
@media(max-width:700px){
 .cl-current{grid-template-columns:1fr;row-gap:12px}
 .cl-current .cl-sunbar{grid-column:1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0 0;border-top:1px solid rgba(57,145,24,.15)}
 .cl-current .cl-sun-track{grid-column:1/-1;grid-row:2}
 .cl-current .cl-sunset{justify-self:end}
}
@media(max-width:520px){.cl-forecast-heading{align-items:flex-start;flex-wrap:wrap}.cl-days-control{margin-left:auto}}

/* v1.5.0 - deterministic layout and clear forecast selector */
.codigoro-live .cl-current{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(280px, 40%) !important;
  grid-template-rows:auto !important;
  align-items:center !important;
  column-gap:32px !important;
}
.codigoro-live .cl-current > .cl-current-left{
  grid-column:1 !important;
  grid-row:1 !important;
  min-width:0;
}
.codigoro-live .cl-current > .cl-sunbar{
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  flex-direction:column !important;
  align-self:center !important;
  justify-content:center !important;
  gap:18px !important;
  width:100% !important;
  box-sizing:border-box;
  margin:0 !important;
  padding:18px 10px !important;
  border:0 !important;
}
.codigoro-live .cl-current > .cl-sunbar .cl-sun{
  display:flex !important;
  align-items:center !important;
}
.codigoro-live .cl-current > .cl-sunbar .cl-sun-track{
  display:flex !important;
  width:100% !important;
}
.codigoro-live .cl-forecast-heading{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin-bottom:16px !important;
}
.codigoro-live .cl-forecast-heading h3{margin:0 !important}
.codigoro-live .cl-forecast-heading .cl-days-control{
  margin:0 0 0 auto !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:6px 8px 6px 16px !important;
  border:1px solid rgba(57,145,24,.22) !important;
  border-radius:14px !important;
  background:#f5faf2 !important;
  color:#365b2b !important;
  font-size:13px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}
.codigoro-live .cl-forecast-heading .cl-days-select{
  appearance:auto !important;
  min-width:112px !important;
  padding:9px 30px 9px 12px !important;
  border:1px solid rgba(57,145,24,.3) !important;
  border-radius:9px !important;
  background:#fff !important;
  color:#287b1c !important;
  font:600 14px inherit !important;
  cursor:pointer !important;
  box-shadow:0 1px 4px rgba(0,0,0,.06) !important;
}
.codigoro-live .cl-day[hidden]{display:none !important}
@media(max-width:700px){
  .codigoro-live .cl-current{
    grid-template-columns:minmax(0,1fr) !important;
    row-gap:14px !important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    grid-column:1 !important;grid-row:1 !important;
  }
  .codigoro-live .cl-current > .cl-sunbar{
    grid-column:1 !important;grid-row:2 !important;
    display:grid !important;grid-template-columns:1fr 1fr !important;
    border-top:1px solid rgba(57,145,24,.15) !important;
    padding:14px 0 0 !important;
  }
  .codigoro-live .cl-current > .cl-sunbar .cl-sun-track{
    grid-column:1/-1 !important;grid-row:2 !important;
  }
}
@media(max-width:520px){
  .codigoro-live .cl-forecast-heading{align-items:center !important;flex-wrap:wrap !important}
  .codigoro-live .cl-forecast-heading .cl-days-control{margin-left:auto !important}
}

/* v1.6.0 - definitive desktop alignment */
.codigoro-live .cl-current{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:32px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.codigoro-live .cl-current > .cl-current-left{
  display:flex !important;
  flex:1 1 58% !important;
  flex-direction:column !important;
  min-width:0 !important;
  width:auto !important;
}
.codigoro-live .cl-current > .cl-sunbar{
  display:flex !important;
  flex:0 0 38% !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  width:38% !important;
  max-width:480px !important;
  min-width:240px !important;
  box-sizing:border-box !important;
  margin:0 0 0 auto !important;
  padding:18px 8px !important;
  border:0 !important;
  gap:18px !important;
  align-self:center !important;
}
.codigoro-live .cl-current > .cl-sunbar .cl-sun{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
}
.codigoro-live .cl-current > .cl-sunbar .cl-sun-track{
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
}
.codigoro-live .cl-forecast-heading{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:100% !important;
  gap:16px !important;
}
.codigoro-live .cl-forecast-heading h3{
  flex:0 1 auto !important;
  margin:0 !important;
}
.codigoro-live .cl-forecast-heading .cl-days-control{
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  margin-left:auto !important;
  margin-right:0 !important;
  padding:7px 9px 7px 15px !important;
  gap:10px !important;
  border:1px solid #dcebd5 !important;
  border-radius:12px !important;
  background:#f5faf2 !important;
  color:#355b2c !important;
  font-size:13px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
}
.codigoro-live .cl-forecast-heading .cl-days-select{
  appearance:auto !important;
  min-width:108px !important;
  padding:9px 28px 9px 12px !important;
  border:1px solid #cfe1c5 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#287b1c !important;
  font-family:inherit !important;
  font-size:14px !important;
  font-weight:700 !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.codigoro-live .cl-day[hidden]{display:none !important}
@media(max-width:700px){
  .codigoro-live .cl-current{
    flex-direction:column !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:14px !important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    flex:1 1 auto !important;
    width:100% !important;
  }
  .codigoro-live .cl-current > .cl-sunbar{
    flex:1 1 auto !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:14px 0 0 !important;
    border-top:1px solid rgba(57,145,24,.15) !important;
  }
  .codigoro-live .cl-current > .cl-sunbar .cl-sun-track{
    grid-column:1/-1 !important;
    grid-row:2 !important;
  }
}
@media(max-width:520px){
  .codigoro-live .cl-forecast-heading{
    flex-wrap:wrap !important;
    align-items:center !important;
  }
  .codigoro-live .cl-forecast-heading .cl-days-control{
    margin-left:auto !important;
  }
}

/* v1.7.0: high-specificity desktop layout; mobile stacking only on narrow screens */
section.codigoro-live > .cl-current{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important}
section.codigoro-live > .cl-current > .cl-current-left{flex:1 1 58%!important;width:auto!important;min-width:0!important}
section.codigoro-live > .cl-current > .cl-sunbar{flex:0 0 38%!important;width:38%!important;max-width:480px!important;min-width:240px!important;margin-left:auto!important;align-self:center!important}
section.codigoro-live .cl-forecast-heading{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;width:100%!important}
section.codigoro-live .cl-forecast-heading > .cl-days-control{margin-left:auto!important;margin-right:0!important;float:none!important;justify-self:end!important}
@media(max-width:700px){
 section.codigoro-live > .cl-current{flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important}
 section.codigoro-live > .cl-current > .cl-current-left{flex:1 1 auto!important;width:100%!important}
 section.codigoro-live > .cl-current > .cl-sunbar{flex:1 1 auto!important;width:100%!important;max-width:none!important;min-width:0!important}
}

/* v1.8.0 - centered sunrise/sunset pictograms and range control */
.codigoro-live .cl-current > .cl-sunbar{
  align-items:center!important;
  text-align:center!important;
  gap:9px!important;
}
.codigoro-live .cl-sunbar .cl-sun{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  width:100%!important;
  text-align:center!important;
}
.codigoro-live .cl-sunbar .cl-sun-graphic{
  display:block!important;
  width:48px!important;
  height:32px!important;
  overflow:visible!important;
  fill:none!important;
  stroke:#399118!important;
  stroke-width:2.2!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.codigoro-live .cl-sunbar .cl-sunset .cl-sun-graphic{
  stroke:#e08a28!important;
}
.codigoro-live .cl-sunbar .cl-sun span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  line-height:1.35!important;
}
.codigoro-live .cl-sunbar .cl-sun small{
  font-size:12px!important;
  opacity:.72!important;
}
.codigoro-live .cl-sunbar .cl-sun strong{
  font-size:20px!important;
  font-weight:700!important;
}
.codigoro-live .cl-sunbar .cl-sun-track{
  width:88%!important;
  min-height:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0 auto!important;
}
.codigoro-live .cl-sunbar .cl-sun-track i{
  display:block!important;
  width:100%!important;
  height:3px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,#399118 0%,#f3c65b 52%,#e08a28 100%)!important;
}
.codigoro-live .cl-forecast-heading{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.codigoro-live .cl-forecast-heading h3{margin:0!important}
.codigoro-live .cl-forecast-heading .cl-days-control{
  display:flex!important;
  flex:0 0 240px!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:5px!important;
  margin-left:auto!important;
  padding:10px 14px!important;
  border:1px solid #dcebd5!important;
  border-radius:12px!important;
  background:#f7fbf5!important;
  color:#355b2c!important;
  box-sizing:border-box!important;
}
.codigoro-live .cl-days-label{
  display:block!important;
  text-align:right!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.3!important;
}
.codigoro-live .cl-days-value{font-weight:800!important;color:#287b1c!important}
.codigoro-live input.cl-days-select{
  display:block!important;
  width:100%!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  accent-color:#399118!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.codigoro-live .cl-days-scale{
  display:flex!important;
  justify-content:space-between!important;
  color:#70816a!important;
  font-size:10px!important;
  line-height:1.2!important;
}
@media(max-width:700px){
  .codigoro-live .cl-current > .cl-sunbar{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important}
  .codigoro-live .cl-current > .cl-sunbar .cl-sun{flex:1 1 40%!important}
  .codigoro-live .cl-current > .cl-sunbar .cl-sun-track{flex:1 1 100%!important;order:3!important}
}
@media(max-width:520px){
  .codigoro-live .cl-forecast-heading{align-items:stretch!important;flex-direction:column!important}
  .codigoro-live .cl-forecast-heading .cl-days-control{flex:0 0 auto!important;width:100%!important;margin:8px 0 0 auto!important}
}


/* v1.9.0 – überarbeitete Sonnenzeiten und Tagesauswahl */
.codigoro-live .cl-current > .cl-sunbar{
  display:grid!important;
  grid-template-columns:minmax(105px,1fr) minmax(70px,1.15fr) minmax(105px,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:12px!important;
  width:42%!important;
  max-width:560px!important;
  min-width:310px!important;
  margin:0 0 0 auto!important;
  padding:20px 22px!important;
  border:1px solid #e2eedc!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f7fbf4 0%,#ffffff 52%,#fff9ef 100%)!important;
  box-shadow:0 8px 24px rgba(40,90,25,.07)!important;
  box-sizing:border-box!important;
}
.codigoro-live .cl-sunbar .cl-sun{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:0!important;
  text-align:center!important;
}
.codigoro-live .cl-sunbar .cl-sun-graphic{
  display:block!important;
  width:43px!important;
  height:37px!important;
  margin:0 auto!important;
  fill:none!important;
  stroke:#e5a332!important;
  stroke-width:2.5!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.codigoro-live .cl-sunbar .cl-sunset .cl-sun-graphic{stroke:#e47735!important}
.codigoro-live .cl-sunbar .cl-sun span{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important}
.codigoro-live .cl-sunbar .cl-sun small{
  color:#71806b!important;
  font-size:11px!important;
  line-height:1.3!important;
  letter-spacing:.02em!important;
}
.codigoro-live .cl-sunbar .cl-sun strong{
  color:#203b1c!important;
  font-size:22px!important;
  line-height:1.1!important;
  font-weight:750!important;
}
.codigoro-live .cl-sunbar .cl-sun-track{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:5px!important;
  min-width:50px!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#e8b64c 0%,#f7d98c 48%,#e98c4d 100%)!important;
  box-shadow:0 1px 3px rgba(100,80,30,.14)!important;
}
.codigoro-live .cl-sunbar .cl-sun-track:before,
.codigoro-live .cl-sunbar .cl-sun-track:after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  border:3px solid #fff!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  box-shadow:0 1px 5px rgba(0,0,0,.16)!important;
}
.codigoro-live .cl-sunbar .cl-sun-track:before{left:0!important;background:#e5a332!important}
.codigoro-live .cl-sunbar .cl-sun-track:after{right:0!important;background:#e47735!important}
.codigoro-live .cl-forecast-heading{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.codigoro-live .cl-forecast-heading h3{flex:1 1 auto!important;margin:0!important}
.codigoro-live .cl-forecast-heading > .cl-days-control{
  display:flex!important;
  flex:0 0 235px!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:7px!important;
  width:235px!important;
  max-width:42%!important;
  margin:0 0 0 auto!important;
  padding:10px 13px!important;
  border:1px solid #dcebd5!important;
  border-radius:14px!important;
  background:#f6faf3!important;
  box-sizing:border-box!important;
}
.codigoro-live .cl-days-label{
  display:block!important;
  margin:0!important;
  color:#42613a!important;
  font-size:12px!important;
  font-weight:650!important;
  line-height:1.2!important;
  text-align:right!important;
}
.codigoro-live .cl-days-value{color:#286b1c!important;font-size:15px!important;font-weight:800!important}
.codigoro-live .cl-forecast-heading .cl-days-select{
  display:block!important;
  width:100%!important;
  height:7px!important;
  margin:4px 0 3px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:linear-gradient(90deg,#399118,#a9ce91)!important;
  accent-color:#399118!important;
  cursor:pointer!important;
  appearance:auto!important;
}
.codigoro-live .cl-forecast-heading .cl-days-select::-webkit-slider-thumb{
  width:19px!important;height:19px!important;border:3px solid #fff!important;border-radius:50%!important;
  background:#399118!important;box-shadow:0 1px 5px rgba(0,0,0,.22)!important;cursor:grab!important;
}
.codigoro-live .cl-forecast-heading .cl-days-select::-moz-range-thumb{
  width:14px!important;height:14px!important;border:3px solid #fff!important;border-radius:50%!important;
  background:#399118!important;box-shadow:0 1px 5px rgba(0,0,0,.22)!important;cursor:grab!important;
}
.codigoro-live .cl-days-scale{display:none!important}
@media(max-width:700px){
  .codigoro-live .cl-current > .cl-sunbar{
    grid-template-columns:1fr!important;
    gap:12px!important;
    width:100%!important;min-width:0!important;max-width:none!important;
    margin:14px 0 0!important;padding:16px!important;
  }
  .codigoro-live .cl-sunbar .cl-sun-track{width:70%!important;justify-self:center!important}
  .codigoro-live .cl-forecast-heading{align-items:stretch!important;flex-direction:column!important;gap:10px!important}
  .codigoro-live .cl-forecast-heading > .cl-days-control{
    flex:0 0 auto!important;width:100%!important;max-width:none!important;margin:0!important;
  }
}


/* v1.10.0 – Regler rechts, Farbe konfigurierbar, Sonnenzeiten neu gestaltet */
.codigoro-live .cl-forecast-heading{
  display:flex!important;flex-direction:row!important;align-items:center!important;
  justify-content:space-between!important;width:100%!important;gap:18px!important;
}
.codigoro-live .cl-forecast-heading h3{flex:1 1 auto!important;margin:0!important}
.codigoro-live .cl-forecast-heading > .cl-days-control{
  display:flex!important;flex:0 0 220px!important;align-items:center!important;
  justify-content:flex-end!important;width:220px!important;max-width:40%!important;
  margin:0 0 0 auto!important;padding:8px 0 8px 12px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.codigoro-live .cl-days-label,.codigoro-live .cl-days-scale{display:none!important}
.codigoro-live .cl-forecast-heading input.cl-days-select{
  display:block!important;width:100%!important;max-width:220px!important;height:7px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:99px!important;
  background:var(--cl-slider,#399118)!important;accent-color:var(--cl-slider,#399118)!important;
  cursor:pointer!important;appearance:auto!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-webkit-slider-runnable-track{
  height:6px!important;border-radius:99px!important;background:color-mix(in srgb,var(--cl-slider,#399118) 32%,white)!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-webkit-slider-thumb{
  appearance:none!important;width:19px!important;height:19px!important;margin-top:-6.5px!important;
  border:3px solid #fff!important;border-radius:50%!important;background:var(--cl-slider,#399118)!important;
  box-shadow:0 1px 5px rgba(0,0,0,.24)!important;cursor:grab!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-moz-range-track{
  height:6px!important;border-radius:99px!important;background:color-mix(in srgb,var(--cl-slider,#399118) 32%,white)!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-moz-range-progress{
  height:6px!important;border-radius:99px!important;background:var(--cl-slider,#399118)!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-moz-range-thumb{
  width:13px!important;height:13px!important;border:3px solid #fff!important;border-radius:50%!important;
  background:var(--cl-slider,#399118)!important;box-shadow:0 1px 5px rgba(0,0,0,.24)!important;cursor:grab!important;
}

/* Sonnenzeiten als zwei eigenständige, warme Info-Karten */
.codigoro-live .cl-current > .cl-sunbar{
  display:grid!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;
  gap:14px!important;width:42%!important;max-width:560px!important;min-width:300px!important;
  margin:0 0 0 auto!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;box-sizing:border-box!important;
}
.codigoro-live .cl-sunbar .cl-sun{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:7px!important;min-width:0!important;
  padding:19px 12px 17px!important;border:1px solid #f0e7d1!important;border-radius:18px!important;
  background:linear-gradient(155deg,#fffaf0 0%,#fff 72%)!important;
  box-shadow:0 5px 18px rgba(124,96,35,.07)!important;text-align:center!important;
}
.codigoro-live .cl-sunbar .cl-sun-graphic{
  display:block!important;width:66px!important;height:50px!important;margin:0 auto 2px!important;
  overflow:visible!important;fill:none!important;stroke:none!important;
}
.codigoro-live .cl-sunbar .cl-sun-rays{
  fill:none!important;stroke:#e6a637!important;stroke-width:2.6!important;stroke-linecap:round!important;
}
.codigoro-live .cl-sunbar .cl-sun-disc{
  fill:#f6bd55!important;stroke:#e7a33a!important;stroke-width:1.5!important;
}
.codigoro-live .cl-sunbar .cl-sun-horizon{
  fill:none!important;stroke:#d9a24b!important;stroke-width:2.8!important;stroke-linecap:round!important;
}
.codigoro-live .cl-sunbar .cl-sunset .cl-sun-disc{fill:#ed9851!important;stroke:#df8540!important}
.codigoro-live .cl-sunbar .cl-sunset .cl-sun-rays{stroke:#df8540!important}
.codigoro-live .cl-sunbar .cl-sun small{
  display:block!important;color:#7c806e!important;font-size:11px!important;
  line-height:1.3!important;letter-spacing:.025em!important;text-align:center!important;
}
.codigoro-live .cl-sunbar .cl-sun strong{
  display:block!important;color:#263b26!important;font-size:23px!important;
  line-height:1.15!important;font-weight:750!important;text-align:center!important;
}
@media(max-width:700px){
  .codigoro-live .cl-forecast-heading{flex-direction:row!important;align-items:center!important}
  .codigoro-live .cl-forecast-heading > .cl-days-control{
    flex:0 0 115px!important;width:115px!important;max-width:40%!important;padding:8px 0!important;
  }
  .codigoro-live .cl-current > .cl-sunbar{
    grid-template-columns:1fr 1fr!important;width:100%!important;min-width:0!important;
    max-width:none!important;margin:15px 0 0!important;gap:10px!important;
  }
  .codigoro-live .cl-sunbar .cl-sun{padding:15px 8px!important}
}


/* v1.11.0 – force cache refresh and final layout corrections */
.codigoro-live .cl-forecast-heading{
  display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
  justify-content:space-between!important;width:100%!important;min-width:0!important;
}
.codigoro-live .cl-forecast-heading > h3{
  flex:1 1 auto!important;min-width:0!important;margin:0!important;
}
.codigoro-live .cl-forecast-heading > .cl-days-control{
  flex:0 0 220px!important;width:220px!important;max-width:40%!important;
  margin-left:auto!important;margin-right:0!important;justify-self:end!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select{
  width:100%!important;max-width:220px!important;
  background:color-mix(in srgb,var(--cl-slider,#399118) 28%,#fff)!important;
  accent-color:var(--cl-slider,#399118)!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-webkit-slider-runnable-track{
  background:color-mix(in srgb,var(--cl-slider,#399118) 35%,#fff)!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-webkit-slider-thumb{
  background:var(--cl-slider,#399118)!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-moz-range-progress{
  background:var(--cl-slider,#399118)!important;
}
.codigoro-live .cl-forecast-heading input.cl-days-select::-moz-range-thumb{
  background:var(--cl-slider,#399118)!important;
}
/* Make the sunrise/sunset cards visibly distinct and keep the illustration above the time. */
.codigoro-live .cl-current > .cl-sunbar{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;width:42%!important;min-width:300px!important;max-width:560px!important;
  margin-left:auto!important;margin-right:0!important;padding:0!important;
}
.codigoro-live .cl-current > .cl-sunbar > .cl-sun{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:8px!important;min-height:142px!important;
  padding:18px 12px!important;border:1px solid #f0dfbd!important;border-radius:18px!important;
  background:linear-gradient(160deg,#fff5df 0%,#fff 78%)!important;
  box-shadow:0 7px 20px rgba(155,111,36,.10)!important;
}
.codigoro-live .cl-current > .cl-sunbar .cl-sun-graphic{
  display:block!important;visibility:visible!important;opacity:1!important;
  width:68px!important;height:52px!important;margin:0 auto!important;
}
.codigoro-live .cl-current > .cl-sunbar .cl-sun small{
  display:block!important;font-size:11px!important;color:#7c786b!important;text-align:center!important;
}
.codigoro-live .cl-current > .cl-sunbar .cl-sun strong{
  display:block!important;font-size:23px!important;color:#243b24!important;text-align:center!important;
}
@media(max-width:700px){
 .codigoro-live .cl-current > .cl-sunbar{width:100%!important;min-width:0!important}
 .codigoro-live .cl-forecast-heading > .cl-days-control{flex-basis:130px!important;width:130px!important;max-width:40%!important}
}


/* v1.12.0 – isolated sunrise/sunset component and fully custom range control */
.codigoro-live .cl-sunpanel{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;flex:0 1 44%!important;width:44%!important;min-width:270px!important;
  max-width:500px!important;margin:0 0 0 auto!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
.codigoro-live .cl-sunpanel .cl-sunpanel-card{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:8px!important;min-width:0!important;min-height:166px!important;
  padding:18px 10px!important;box-sizing:border-box!important;border:1px solid #f0dfbd!important;
  border-radius:20px!important;background:linear-gradient(155deg,#fff2d8 0%,#fffaf0 42%,#fff 100%)!important;
  box-shadow:0 8px 22px rgba(137,99,32,.11)!important;text-align:center!important;
}
.codigoro-live .cl-sunpanel .cl-sunpanel-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:66px!important;height:66px!important;margin:0 auto 3px!important;border-radius:50%!important;
  background:radial-gradient(circle,#ffe7a9 0%,#fff3d4 58%,rgba(255,243,212,0) 72%)!important;
}
.codigoro-live .cl-sunpanel .cl-sunpanel-icon svg{
  display:block!important;width:54px!important;height:54px!important;overflow:visible!important;
  fill:#f5b642!important;stroke:#e59a2e!important;stroke-width:2.7!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.codigoro-live .cl-sunpanel .cl-sunpanel-set .cl-sunpanel-icon svg{fill:#ed9950!important;stroke:#dc8240!important}
.codigoro-live .cl-sunpanel .cl-sunpanel-label{
  display:block!important;margin:0!important;color:#777463!important;font-size:11px!important;
  font-weight:600!important;line-height:1.3!important;text-align:center!important;
}
.codigoro-live .cl-sunpanel .cl-sunpanel-time{
  display:block!important;margin:0!important;color:#263b26!important;font-size:25px!important;
  font-weight:800!important;line-height:1.1!important;letter-spacing:-.02em!important;text-align:center!important;
}
.codigoro-live input.cl-days-select{
  -webkit-appearance:none!important;appearance:none!important;display:block!important;
  width:100%!important;max-width:220px!important;height:22px!important;margin:0!important;
  padding:0!important;border:0!important;border-radius:0!important;outline:none!important;
  background:transparent!important;accent-color:var(--cl-range-color,#399118)!important;cursor:pointer!important;
}
.codigoro-live input.cl-days-select::-webkit-slider-runnable-track{
  height:6px!important;border:0!important;border-radius:99px!important;
  background:color-mix(in srgb,var(--cl-range-color,#399118) 38%,#fff)!important;
}
.codigoro-live input.cl-days-select::-webkit-slider-thumb{
  -webkit-appearance:none!important;appearance:none!important;width:20px!important;height:20px!important;
  margin-top:-7px!important;border:3px solid #fff!important;border-radius:50%!important;
  background:var(--cl-range-color,#399118)!important;box-shadow:0 1px 5px rgba(0,0,0,.25)!important;
}
.codigoro-live input.cl-days-select::-moz-range-track{
  height:6px!important;border:0!important;border-radius:99px!important;background:rgba(130,130,130,.28)!important;
}
.codigoro-live input.cl-days-select::-moz-range-progress{
  height:6px!important;border-radius:99px!important;background:var(--cl-range-color,#399118)!important;
}
.codigoro-live input.cl-days-select::-moz-range-thumb{
  width:14px!important;height:14px!important;border:3px solid #fff!important;border-radius:50%!important;
  background:var(--cl-range-color,#399118)!important;box-shadow:0 1px 5px rgba(0,0,0,.25)!important;
}
@media(max-width:700px){
  .codigoro-live .cl-sunpanel{flex:1 1 100%!important;width:100%!important;min-width:0!important;
    max-width:none!important;margin:14px 0 0!important;gap:10px!important}
  .codigoro-live .cl-sunpanel .cl-sunpanel-card{min-height:145px!important;padding:14px 8px!important}
  .codigoro-live .cl-sunpanel .cl-sunpanel-icon{width:58px!important;height:58px!important}
  .codigoro-live .cl-sunpanel .cl-sunpanel-icon svg{width:48px!important;height:48px!important}
  .codigoro-live .cl-sunpanel .cl-sunpanel-time{font-size:22px!important}
}


/* v1.13.0 – CSS-only sunrise/sunset artwork and custom-coloured range UI */
.codigoro-live .cl-sky-times{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;flex:0 0 44%!important;width:44%!important;max-width:500px!important;
  min-width:280px!important;margin:0 0 0 auto!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
.codigoro-live .cl-sky-time{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:8px!important;min-height:170px!important;
  padding:16px 10px!important;box-sizing:border-box!important;
  border:1px solid #f0dfbd!important;border-radius:20px!important;
  background:linear-gradient(160deg,#fff4dc 0%,#fffaf1 52%,#fff 100%)!important;
  box-shadow:0 8px 24px rgba(125,91,32,.10)!important;text-align:center!important;
}
.codigoro-live .cl-sky-art{
  position:relative!important;display:block!important;width:76px!important;height:66px!important;
  margin:0 auto 2px!important;overflow:hidden!important;border-radius:50%!important;
  background:radial-gradient(circle,#ffe8ad 0%,#fff3d6 55%,rgba(255,243,214,0) 72%)!important;
}
.codigoro-live .cl-sky-disc{
  position:absolute!important;left:25px!important;top:18px!important;width:26px!important;height:26px!important;
  border-radius:50%!important;background:linear-gradient(145deg,#ffd36e,#ed9c35)!important;
  box-shadow:0 0 0 5px rgba(245,181,73,.12)!important;
}
.codigoro-live .cl-sky-rise .cl-sky-disc{top:26px!important}
.codigoro-live .cl-sky-set .cl-sky-disc{top:25px!important;background:linear-gradient(145deg,#ffc06b,#e77d42)!important}
.codigoro-live .cl-sky-horizon{
  position:absolute!important;left:12px!important;right:12px!important;bottom:14px!important;height:2px!important;
  border-radius:5px!important;background:#d8a65c!important;
}
.codigoro-live .cl-sky-rays{
  position:absolute!important;left:37px!important;top:5px!important;width:2px!important;height:10px!important;
  border-radius:2px!important;background:#e7a33b!important;
  box-shadow:-22px 10px 0 #e7a33b,22px 10px 0 #e7a33b,-29px 29px 0 #e7a33b,29px 29px 0 #e7a33b!important;
}
.codigoro-live .cl-sky-caption{
  display:block!important;color:#82745d!important;font-size:10px!important;font-weight:700!important;
  letter-spacing:.09em!important;line-height:1.25!important;text-align:center!important;
}
.codigoro-live .cl-sky-clock{
  display:block!important;color:#263b26!important;font-size:25px!important;font-weight:800!important;
  line-height:1.1!important;letter-spacing:-.03em!important;text-align:center!important;
}
.codigoro-live .cl-custom-range{
  position:relative!important;display:block!important;width:100%!important;max-width:220px!important;
  height:28px!important;margin:0!important;padding:0!important;
}
.codigoro-live .cl-custom-track{
  position:absolute!important;left:0!important;right:0!important;top:11px!important;height:6px!important;
  border-radius:99px!important;background:#e4e7e2!important;overflow:visible!important;
}
.codigoro-live .cl-custom-fill{
  position:absolute!important;left:0!important;top:0!important;height:6px!important;width:var(--cl-range-pct,0%)!important;
  border-radius:99px!important;background:var(--cl-range-color,#399118)!important;
}
.codigoro-live .cl-custom-thumb{
  position:absolute!important;left:var(--cl-range-pct,0%)!important;top:50%!important;
  width:19px!important;height:19px!important;transform:translate(-50%,-50%)!important;
  border:3px solid #fff!important;border-radius:50%!important;
  background:var(--cl-range-color,#399118)!important;
  box-shadow:0 1px 5px rgba(0,0,0,.25)!important;box-sizing:border-box!important;
}
.codigoro-live .cl-custom-range input.cl-days-select{
  position:absolute!important;inset:0!important;z-index:2!important;display:block!important;
  width:100%!important;height:28px!important;margin:0!important;padding:0!important;
  opacity:0!important;cursor:pointer!important;appearance:none!important;-webkit-appearance:none!important;
}
@media(max-width:700px){
  .codigoro-live .cl-sky-times{flex:1 1 100%!important;width:100%!important;min-width:0!important;
    max-width:none!important;margin:14px 0 0!important;gap:10px!important}
  .codigoro-live .cl-sky-time{min-height:145px!important;padding:12px 8px!important}
  .codigoro-live .cl-sky-art{width:66px!important;height:58px!important}
  .codigoro-live .cl-sky-clock{font-size:22px!important}
}


/* v1.16.0 – mobile layout: stack weather summary and sunrise/sunset cards */
@media screen and (max-width: 700px) {
  .codigoro-live,
  .codigoro-live * {
    box-sizing: border-box !important;
  }
  .codigoro-live {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .codigoro-live .cl-current {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .codigoro-live .cl-current > .cl-current-left {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 8px !important;
    text-align: center !important;
  }
  .codigoro-live .cl-current-left .cl-condition,
  .codigoro-live .cl-current-left .cl-temp,
  .codigoro-live .cl-current-left .cl-feels {
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
  .codigoro-live .cl-current-left .cl-condition {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
  }
  .codigoro-live .cl-current-left .cl-temp {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }
  .codigoro-live .cl-current-left .cl-details {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 0 !important;
    text-align: center !important;
  }
  .codigoro-live .cl-current-left .cl-details > span {
    display: inline-flex !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    max-width: 100% !important;
  }
  .codigoro-live .cl-current > .cl-sky-times {
    display: grid !important;
    flex: 0 0 auto !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .codigoro-live .cl-current .cl-sky-time {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 145px !important;
    padding: 12px 6px !important;
    gap: 7px !important;
  }
  .codigoro-live .cl-current .cl-sky-time > span,
  .codigoro-live .cl-current .cl-sky-time > strong {
    max-width: 100% !important;
    text-align: center !important;
  }
  .codigoro-live .cl-current .cl-sky-time > span[aria-hidden="true"] {
    width: 62px !important;
    height: 62px !important;
    font-size: 35px !important;
  }
  .codigoro-live .cl-current .cl-sky-time > strong {
    font-size: 22px !important;
  }
  .codigoro-live .cl-hourly,
  .codigoro-live .cl-days-section,
  .codigoro-live .cl-forecast {
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .codigoro-live .cl-hour-scroll {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}


/* v1.17.0 – responsive layout fix: layout is controlled by CSS, not inline !important */
.codigoro-live .cl-current{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:32px!important;
  width:100%!important;
  min-width:0!important;
}
.codigoro-live .cl-current > .cl-current-left{
  display:flex!important;
  flex:1 1 58%!important;
  flex-direction:column!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  text-align:center!important;
}
@media screen and (max-width:767px){
  .codigoro-live{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .codigoro-live .cl-current{
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:22px!important;
    width:100%!important;
    min-width:0!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 8px!important;
    text-align:center!important;
  }
  .codigoro-live .cl-current-left .cl-condition,
  .codigoro-live .cl-current-left .cl-temp,
  .codigoro-live .cl-current-left .cl-feels{
    width:100%!important;
    max-width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }
  .codigoro-live .cl-current-left .cl-condition{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
  }
  .codigoro-live .cl-current-left .cl-temp{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .codigoro-live .cl-current-left .cl-details{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px 14px!important;
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 0!important;
    text-align:center!important;
  }
  .codigoro-live .cl-current-left .cl-details > span{
    display:inline-flex!important;
    flex:0 1 auto!important;
    align-items:center!important;
    justify-content:center!important;
    max-width:100%!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    display:grid!important;
    flex:0 0 auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .codigoro-live .cl-current .cl-sky-time{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:140px!important;
    padding:12px 6px!important;
    gap:7px!important;
  }
  .codigoro-live .cl-current .cl-sky-time > span,
  .codigoro-live .cl-current .cl-sky-time > strong{
    max-width:100%!important;
    text-align:center!important;
  }
  .codigoro-live .cl-current .cl-sky-time > span[aria-hidden="true"]{
    width:62px!important;
    height:62px!important;
    font-size:35px!important;
  }
}
/* Elementor columns can be narrow even on a desktop-sized viewport. */
@container (max-width:620px){
  .codigoro-live .cl-current{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    flex:0 0 auto!important;
    width:100%!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    flex:0 0 auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
}

.codigoro-live{container-type:inline-size;container-name:codigoro-weather;}


/* v1.18.0 – remove inline layout constraints; responsive grid owns all positioning */
.codigoro-live .cl-current{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  align-items:center!important;
  column-gap:28px!important;
  row-gap:22px!important;
  width:100%!important;
  min-width:0!important;
}
.codigoro-live .cl-current > .cl-current-left{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  text-align:center!important;
}
.codigoro-live .cl-current > .cl-sky-times{
  display:grid!important;
  grid-column:2!important;
  grid-row:1!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:500px!important;
  min-width:0!important;
  margin:0 0 0 auto!important;
  padding:0!important;
}
.codigoro-live .cl-current .cl-sky-time{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:170px!important;
  padding:16px 10px!important;
  border:1px solid #f0dfbd!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,#fff7e8 0%,#fffaf3 52%,#fff 100%)!important;
  box-shadow:0 8px 24px rgba(125,91,32,.08)!important;
  text-align:center!important;
}
.codigoro-live .cl-current .cl-sky-symbol{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  background:#fff0cf!important;
  font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;
  font-size:43px!important;
  line-height:1!important;
}
.codigoro-live .cl-current .cl-sky-set .cl-sky-symbol{background:#ffeadb!important}
.codigoro-live .cl-current .cl-sky-caption{
  display:block!important;color:#857354!important;font-size:10px!important;
  font-weight:700!important;letter-spacing:.09em!important;line-height:1.3!important;
  text-align:center!important;
}
.codigoro-live .cl-current .cl-sky-clock{
  display:block!important;color:#263b26!important;font-size:26px!important;
  font-weight:800!important;line-height:1.1!important;text-align:center!important;
}
@media screen and (max-width:767px){
  .codigoro-live .cl-current{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:18px!important;
    column-gap:0!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    grid-column:1!important;grid-row:1!important;
    width:100%!important;max-width:100%!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    grid-column:1!important;grid-row:2!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;
  }
  .codigoro-live .cl-current .cl-sky-time{min-height:145px!important;padding:12px 6px!important}
  .codigoro-live .cl-current .cl-sky-symbol{width:62px!important;height:62px!important;font-size:35px!important}
  .codigoro-live .cl-current .cl-sky-clock{font-size:22px!important}
}
/* Fallback for narrow Elementor columns, independent of the device viewport. */
@container codigoro-weather (max-width:620px){
  .codigoro-live .cl-current{
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:18px!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    grid-column:1!important;grid-row:1!important;width:100%!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    grid-column:1!important;grid-row:2!important;width:100%!important;
    max-width:100%!important;min-width:0!important;margin:0!important;
  }
}


/* v1.19.0 – ensure desktop grid and responsive rules are parsed after closing the legacy media query */
.codigoro-live .cl-current{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;
  align-items:center!important;
  column-gap:28px!important;
  row-gap:22px!important;
  width:100%!important;
  min-width:0!important;
}
.codigoro-live .cl-current > .cl-current-left{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
.codigoro-live .cl-current > .cl-sky-times{
  grid-column:2!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:500px!important;
  min-width:0!important;
  margin:0 0 0 auto!important;
}
.codigoro-live .cl-current .cl-sky-time{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-width:0!important;
  min-height:170px!important;
  padding:16px 10px!important;
  border:1px solid #f0dfbd!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,#fff7e8 0%,#fffaf3 52%,#fff 100%)!important;
  box-shadow:0 8px 24px rgba(125,91,32,.08)!important;
  text-align:center!important;
}
.codigoro-live .cl-current .cl-sky-symbol{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:76px!important;height:76px!important;border-radius:50%!important;
  background:#fff0cf!important;font-size:43px!important;line-height:1!important;
}
.codigoro-live .cl-current .cl-sky-set .cl-sky-symbol{background:#ffeadb!important}
.codigoro-live .cl-current .cl-sky-caption{
  display:block!important;color:#857354!important;font-size:10px!important;
  font-weight:700!important;letter-spacing:.09em!important;line-height:1.3!important;text-align:center!important;
}
.codigoro-live .cl-current .cl-sky-clock{
  display:block!important;color:#263b26!important;font-size:26px!important;
  font-weight:800!important;line-height:1.1!important;text-align:center!important;
}
@media screen and (max-width:767px){
  .codigoro-live .cl-current{grid-template-columns:minmax(0,1fr)!important;row-gap:18px!important;column-gap:0!important}
  .codigoro-live .cl-current > .cl-current-left{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important}
  .codigoro-live .cl-current > .cl-sky-times{
    grid-column:1!important;grid-row:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important
  }
  .codigoro-live .cl-current .cl-sky-time{min-height:145px!important;padding:12px 6px!important}
  .codigoro-live .cl-current .cl-sky-symbol{width:62px!important;height:62px!important;font-size:35px!important}
  .codigoro-live .cl-current .cl-sky-clock{font-size:22px!important}
}


/* v1.22.0 – prevent current-weather column from collapsing in narrow content areas */
.codigoro-live .cl-current{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
.codigoro-live .cl-current > .cl-current-left{
  min-width:0!important;
  width:100%!important;
}
.codigoro-live .cl-current > .cl-sky-times{
  min-width:0!important;
  width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.codigoro-live .cl-current-left .cl-condition,
.codigoro-live .cl-current-left .cl-temp,
.codigoro-live .cl-current-left .cl-feels,
.codigoro-live .cl-current-left .cl-details{
  max-width:100%!important;
  min-width:0!important;
}
.codigoro-live .cl-current-left .cl-details{
  flex-wrap:wrap!important;
  justify-content:center!important;
}
.codigoro-live .cl-current-left .cl-details > span{
  flex:0 1 auto!important;
  min-width:0!important;
}
@media screen and (max-width:900px){
  .codigoro-live .cl-current{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    row-gap:18px!important;
    column-gap:0!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    grid-column:1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}
@container codigoro-weather (max-width:850px){
  .codigoro-live .cl-current{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    row-gap:18px!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    grid-column:1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}


/* v1.23.0 – robust breakpoint for compact tablet/mobile content widths */
@media screen and (max-width:1100px){
  .codigoro-live .cl-current{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:stretch!important;
    justify-items:stretch!important;
    gap:18px!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    display:flex!important;
    grid-column:1 / -1!important;
    grid-row:1!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-self:stretch!important;
    text-align:center!important;
  }
  .codigoro-live .cl-current > .cl-current-left > .cl-condition,
  .codigoro-live .cl-current > .cl-current-left > .cl-temp,
  .codigoro-live .cl-current > .cl-current-left > .cl-feels,
  .codigoro-live .cl-current > .cl-current-left > .cl-details{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .codigoro-live .cl-current > .cl-current-left > .cl-details{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px 14px!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    display:grid!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    justify-self:stretch!important;
  }
}
@container codigoro-weather (max-width:1000px){
  .codigoro-live .cl-current{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:stretch!important;
    gap:18px!important;
  }
  .codigoro-live .cl-current > .cl-current-left{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .codigoro-live .cl-current > .cl-sky-times{
    grid-column:1 / -1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
}


/* v1.24.0 – JS-measured widget width: reliable layout in narrow Elementor columns */
.codigoro-live[data-cl-layout="stacked"] .cl-current{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  column-gap:0!important;
  row-gap:18px!important;
}
.codigoro-live[data-cl-layout="stacked"] .cl-current > .cl-current-left{
  display:flex!important;
  grid-column:1!important;
  grid-row:1!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  text-align:center!important;
}
.codigoro-live[data-cl-layout="stacked"] .cl-current > .cl-current-left > .cl-condition,
.codigoro-live[data-cl-layout="stacked"] .cl-current > .cl-current-left > .cl-temp,
.codigoro-live[data-cl-layout="stacked"] .cl-current > .cl-current-left > .cl-feels,
.codigoro-live[data-cl-layout="stacked"] .cl-current > .cl-current-left > .cl-details{
  display:flex!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  justify-content:center!important;
  text-align:center!important;
}
.codigoro-live[data-cl-layout="stacked"] .cl-current > .cl-current-left > .cl-details{
  flex-wrap:wrap!important;
  gap:8px 14px!important;
}
.codigoro-live[data-cl-layout="stacked"] .cl-current > .cl-sky-times{
  display:grid!important;
  grid-column:1!important;
  grid-row:2!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
}
.codigoro-live[data-cl-layout="stacked"] .cl-current .cl-sky-time{
  min-width:0!important;
}