/* =========================================================
   BIVANE DAM — WATER LEVEL + WEATHER WIDGET
   V2.1.0 design baseline. Intentional, single-layer CSS.
   ========================================================= */

.bivane-demo-water-widget{
  --bd-deep:var(--bivane-primary-dark,#062F35);
  --bd-teal:var(--bivane-primary,#093D44);
  --bd-teal-2:var(--bivane-secondary,#0E5962);
  --bd-aqua:var(--bivane-aqua,#62B9C5);
  --bd-aqua-bright:var(--bivane-aqua,#4ED0E6);
  --bd-gold:var(--bivane-accent,#C9A35B);
  --bd-gold-soft:#E5C985;
  --bd-white:var(--bivane-footer-text,#FFFFFF);
  --bd-muted:#B8D9DD;
  --bd-line:rgba(201,163,91,.50);
  --bd-line-soft:rgba(255,255,255,.14);
  font-family:"Manrope",Arial,sans-serif;
  color:var(--bd-white);
  width:100%;
  clear:both;
}
.bivane-demo-water-widget *,
.bivane-demo-water-widget *::before,
.bivane-demo-water-widget *::after{box-sizing:border-box}

/* Portaled frontend controls: preserve Bivane theme variables after JS moves the controls to <body>. */
.bivane-demo-water-floating,
.bivane-demo-water-modal{
  --bd-deep:#062F35;
  --bd-teal:#093D44;
  --bd-teal-2:#0E5962;
  --bd-aqua:#62B9C5;
  --bd-aqua-bright:#4ED0E6;
  --bd-gold:#C9A35B;
  --bd-gold-soft:#E5C985;
  --bd-white:#FFFFFF;
  --bd-muted:#B8D9DD;
  --bd-line:rgba(201,163,91,.50);
  --bd-line-soft:rgba(255,255,255,.14);
}

/* ---------- Full-width footer / status strip ---------- */
.bivane-demo-water-footer{
  width:100%;
  margin:22px var(--bivane-footer-gutter,48px) 0;
  width:calc(100% - (var(--bivane-footer-gutter,48px) * 2));
  padding:var(--bivane-footer-padding,10px) 16px;
  display:grid!important;
  grid-template-columns:minmax(360px,1.04fr) minmax(0,1.96fr);
  gap:var(--bivane-footer-gap,10px);
  align-items:stretch;
  border:1px solid var(--bd-line);
  border-radius:var(--bivane-footer-radius,16px);
  background:linear-gradient(135deg,var(--bd-deep) 0%,var(--bivane-footer-bg,var(--bd-teal)) 58%,var(--bd-teal-2) 100%)!important;
  box-shadow:0 16px 34px rgba(6,47,53,.20);
}
.bivane-demo-water-content,
.bivane-demo-water-footer-weather-main,
.bivane-demo-water-footer-weather-stats>span{
  min-width:0;
  border:1px solid var(--bd-line);
  border-radius:13px;
  background:rgba(255,255,255,.035);
}
.bivane-demo-water-content{
  padding:12px 14px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
}
.bivane-demo-water-eyebrow{
  margin:0 0 4px;
  color:#BCE8EE;
  font-size:9px;
  font-weight:800;
  letter-spacing:.17em;
  line-height:1.2;
  text-transform:uppercase;
}
.bivane-demo-water-footer h3{
  margin:0!important;
  color:#fff!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:var(--bivane-heading-size,28px)!important;
  font-weight:600!important;
  line-height:1!important;
}
.bivane-demo-water-progress{
  display:flex!important;
  align-items:center;
  gap:11px;
  width:100%;
  margin-top:10px;
}
.bivane-demo-water-progress-track{
  position:relative;
  flex:1 1 auto;
  width:100%;
  height:12px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 2px 4px rgba(0,0,0,.16);
}
.bivane-demo-water-progress-fill{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#16798D 0%,#287F91 50%,var(--bd-aqua-bright) 100%);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.28),0 1px 5px rgba(78,208,230,.15);
  transition:width .35s ease;
}
.bivane-demo-water-progress-number{
  min-width:48px;
  color:#fff;
  font-size:var(--bivane-stats-size,16px);
  font-weight:800;
  line-height:1;
  text-align:right;
}

.bivane-demo-water-footer-weather{
  min-width:0;
  display:grid!important;
  grid-template-columns:minmax(220px,1.36fr) repeat(3,minmax(90px,.64fr));
  gap:7px;
  align-items:stretch;
}
.bivane-demo-water-footer-weather-main{
  min-height:82px;
  display:flex!important;
  align-items:center;
  gap:10px;
  padding:8px 10px;
}
.bivane-demo-water-footer-weather-icon{
  flex:0 0 38px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(201,163,91,.80);
  border-radius:50%;
  background:rgba(255,255,255,.045);
  color:var(--bd-gold-soft);
}
.bivane-demo-water-footer-weather-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bivane-weather-dynamic-icon{display:block;width:100%;height:100%;fill:none;stroke:var(--bd-gold-soft,#E5C985);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bivane-weather-dynamic-icon-rain path:first-child,.bivane-weather-dynamic-icon-cloud path:first-child,.bivane-weather-dynamic-icon-snow path:first-child{fill:rgba(229,201,133,.08)}
.bivane-weather-dynamic-icon-rain,.bivane-weather-dynamic-icon-snow{stroke:var(--bd-aqua-bright,#4ED0E6)}

.bivane-demo-water-footer-weather-copy{min-width:0;display:flex;flex-direction:column;justify-content:center}
.bivane-demo-water-footer-weather-copy span,
.bivane-demo-water-footer-weather-stats>span,
.bivane-demo-water-footer-weather-stats>span>strong{font-family:"Manrope",Arial,sans-serif}
.bivane-demo-water-footer-weather-copy span{color:#8FCBD2;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;line-height:1.1}
.bivane-demo-water-footer-weather-copy strong{margin-top:2px;color:#fff;font-size:23px;font-weight:800;line-height:1}
.bivane-demo-water-footer-weather-copy small{margin-top:3px;color:#DDEDEF;font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bivane-demo-water-footer-weather-stats{display:contents}
.bivane-demo-water-footer-weather-stats>span{
  min-height:82px;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  padding:8px 10px;
}
.bivane-demo-water-footer-weather-stats>span{color:#8FCBD2;font-size:9px;font-weight:800;letter-spacing:.10em;text-transform:uppercase}
.bivane-demo-water-footer-weather-stats>span strong{display:block;margin-top:4px;color:#fff;font-size:16px;font-weight:800;letter-spacing:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* Saved layout presets. */
.bivane-demo-water-footer.bivane-footer-layout-stacked{grid-template-columns:1fr!important}
.bivane-demo-water-footer.bivane-footer-layout-water-wide{grid-template-columns:minmax(440px,1.35fr) minmax(0,1fr)!important}

/* ---------- Floating button ---------- */
.bivane-demo-water-floating{
  position:fixed!important;
  z-index:2147483001!important;
  left:max(16px,env(safe-area-inset-left))!important;
  right:auto!important;
  bottom:max(16px,env(safe-area-inset-bottom))!important;
  width:min(var(--bivane-floating-width),220px)!important;
  min-width:min(var(--bivane-floating-width),220px)!important;
  min-height:104px!important;
  margin:0!important;
  padding:10px 10px 12px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  border:1px solid var(--bd-gold)!important;
  border-radius:16px!important;
  background-color:#062F35!important;
  background:linear-gradient(145deg,var(--bd-deep,#062F35) 0%,var(--bd-teal,#093D44) 65%,var(--bd-teal-2,#0E5962) 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(0,0,0,.28),0 4px 12px rgba(6,47,53,.18)!important;
  cursor:pointer;
  text-align:left!important;
  appearance:none;
  -webkit-appearance:none;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(16px);
  transition:opacity .28s ease,visibility .28s ease,transform .28s ease,box-shadow .18s ease,border-color .18s ease;
}
.bivane-demo-water-widget.is-scrolled .bivane-demo-water-floating,
.bivane-demo-water-floating.is-scrolled{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.bivane-demo-water-floating:hover{box-shadow:0 21px 44px rgba(0,0,0,.31),0 5px 14px rgba(6,47,53,.20)!important}
.bivane-demo-water-floating:focus-visible{outline:2px solid var(--bd-gold-soft);outline-offset:4px}
.bivane-demo-water-floating-copy{width:min(100%,190px);min-width:0;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;height:100%}
.bivane-demo-water-floating-eyebrow{display:block;color:#BCE8EE;font-size:8px;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase}
.bivane-demo-water-floating-title-row{display:grid;grid-template-columns:max-content max-content;justify-content:center;align-items:end;column-gap:8px;margin-top:3px}
.bivane-demo-water-floating-title{display:block;color:#fff;font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;font-weight:600;line-height:.92}
.bivane-demo-water-floating-value{display:block;align-self:end;color:#fff;font-size:var(--bivane-stats-size,25px);font-weight:800;letter-spacing:-.045em;line-height:.95;white-space:nowrap}
.bivane-demo-water-floating-bottom-row{display:flex;align-items:center;justify-content:center;gap:var(--bivane-floating-arrow-gap,6px);margin-top:7px}
.bivane-demo-water-floating-weather{display:flex;align-items:center;gap:6px;color:#fff;min-width:0}
.bivane-demo-water-floating-weather .bivane-sun-icon{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:var(--bd-gold-soft,#E5C985);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bivane-demo-water-floating-weather small{color:#fff;font-size:var(--bivane-floating-temp-size);font-weight:800;line-height:1;white-space:nowrap}
.bivane-api-weather-icon{display:none;object-fit:contain}.bivane-demo-water-footer-weather-icon[data-icon=api] .bivane-api-weather-icon{display:block;width:30px;height:30px}.bivane-demo-water-weather-icon[data-icon=api] .bivane-api-weather-icon{display:block;width:34px;height:34px}.bivane-demo-water-floating-weather[data-icon=api] .bivane-api-weather-icon{display:block;width:24px;height:24px}.bivane-weather-dynamic-icon{display:block}.bivane-demo-water-floating-weather[data-icon=api] .bivane-weather-dynamic-icon,.bivane-demo-water-floating-weather[data-icon=none] .bivane-weather-dynamic-icon,.bivane-demo-water-footer-weather-icon[data-icon=api] .bivane-weather-dynamic-icon,.bivane-demo-water-footer-weather-icon[data-icon=none] .bivane-weather-dynamic-icon,.bivane-demo-water-weather-icon[data-icon=api] .bivane-weather-dynamic-icon,.bivane-demo-water-weather-icon[data-icon=none] .bivane-weather-dynamic-icon{display:none}.bivane-demo-water-footer-weather-icon[data-icon=none] .bivane-footer-api-icon,.bivane-demo-water-weather-icon[data-icon=none] .bivane-modal-api-icon,.bivane-demo-water-floating-weather[data-icon=none] .bivane-api-weather-icon{display:none}.bivane-demo-water-footer-weather-icon .bivane-footer-api-icon,.bivane-demo-water-weather-icon .bivane-modal-api-icon{display:none}
.bivane-demo-water-floating-chevron{
  flex:0 0 29px;
  width:29px!important;height:29px!important;
  display:grid!important;place-items:center;
  border:1px solid rgba(201,163,91,.85);
  border-radius:50%;
  background:rgba(255,255,255,.035);
  color:var(--bd-gold-soft)!important;
}
.bivane-demo-water-floating-chevron span{display:block;position:relative;width:12px;height:12px}
.bivane-demo-water-floating-chevron span:before,.bivane-demo-water-floating-chevron span:after{content:"";position:absolute;top:5px;width:8px;height:2px;border-radius:2px;background:currentColor}
.bivane-demo-water-floating-chevron span:before{left:0;transform:rotate(45deg)}
.bivane-demo-water-floating-chevron span:after{right:0;transform:rotate(-45deg)}
.bivane-demo-water-floating[aria-expanded="true"] .bivane-demo-water-floating-chevron span{transform:rotate(180deg)}

/* ---------- Popup ---------- */
.bivane-demo-water-modal{
  position:fixed!important;
  z-index:2147483000!important;
  left:max(16px,env(safe-area-inset-left))!important;
  right:auto!important;
  bottom:calc(max(16px,env(safe-area-inset-bottom)) + 116px)!important;
  width:min(var(--bivane-popup-width),calc(100vw - 32px))!important;
  max-width:var(--bivane-popup-width)!important;
  max-height:calc(100dvh - 148px)!important;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.bivane-demo-water-modal.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
.bivane-demo-water-modal-panel{
  position:relative;
  width:100%;
  max-height:calc(100dvh - 148px);
  overflow:auto;
  padding:22px 22px 17px;
  border:1px solid var(--bd-gold);
  border-radius:18px;
  background-color:#062F35!important;
  background:linear-gradient(145deg,var(--bivane-popup-bg,#062F35) 0%,var(--bd-teal,#093D44) 64%,var(--bd-teal-2,#0E5962) 100%)!important;
  color:var(--bivane-popup-text,#fff);
  box-shadow:0 24px 56px rgba(0,0,0,.36),0 7px 18px rgba(6,47,53,.25);
}
.bivane-demo-water-modal-close{
  position:absolute;top:12px;right:12px;
  width:31px;height:31px;padding:0;
  display:grid;place-items:center;
  border:1px solid var(--bd-gold);
  border-radius:50%;
  background:rgba(255,255,255,.035);
  color:var(--bd-gold-soft);
  cursor:pointer;
}
.bivane-demo-water-modal-close span{position:relative;width:13px;height:13px}
.bivane-demo-water-modal-close span:before,.bivane-demo-water-modal-close span:after{content:"";position:absolute;left:6px;top:0;width:2px;height:14px;background:currentColor;border-radius:2px}
.bivane-demo-water-modal-close span:before{transform:rotate(45deg)}
.bivane-demo-water-modal-close span:after{transform:rotate(-45deg)}
.bivane-demo-water-modal-eyebrow{margin:0 42px 5px 0;color:#BCE8EE;font-size:9px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.bivane-demo-water-modal-panel h2{margin:0!important;color:#fff!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:var(--bivane-heading-size,31px)!important;font-weight:600!important;line-height:1!important}
.bivane-demo-water-modal-level-row{
  display:grid;
  grid-template-columns:minmax(118px,.72fr) minmax(0,1.6fr);
  gap:16px;
  align-items:center;
  margin-top:16px;
  padding:14px 15px;
  border:1px solid var(--bd-line-soft);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.bivane-demo-water-modal-label{color:#8FCBD2;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.bivane-demo-water-modal-level{margin-top:6px;color:#fff;font-size:var(--bivane-water-size,48px);font-weight:800;letter-spacing:-.055em;line-height:.88}
.bivane-demo-water-modal-level small{margin-left:2px;font-size:.38em;letter-spacing:0;vertical-align:22%}
.bivane-demo-water-modal-weather{display:grid;grid-template-columns:52px 58px minmax(0,1fr);align-items:center;gap:12px;min-width:0}
.bivane-demo-water-weather-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--bd-gold);border-radius:50%;background:rgba(255,255,255,.04)}
.bivane-demo-water-weather-icon .bivane-sun-icon{width:30px;height:30px;fill:none;stroke:var(--bd-gold-soft,#E5C985);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bivane-demo-water-temp-circle{width:58px;height:58px;display:flex;align-items:center;justify-content:center;gap:0;border:2px solid var(--bd-gold);border-radius:50%;background:#093D44;color:#fff;box-shadow:0 0 0 4px rgba(201,163,91,.08)}
.bivane-demo-water-temp-circle strong{font-size:20px;font-weight:800;line-height:1}
.bivane-demo-water-temp-circle small{font-size:9px;font-weight:800;align-self:flex-end;margin:0 0 13px 1px}
.bivane-demo-water-weather-copy{min-width:0;display:flex;flex-direction:column}
.bivane-demo-water-weather-copy span{color:#8FCBD2;font-size:8px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.bivane-demo-water-weather-copy strong{margin-top:3px;color:#fff;font-size:16px;font-weight:800;line-height:1.12}
.bivane-demo-water-weather-copy small{margin-top:4px;color:#DDEDEF;font-size:9px;font-weight:600}
.bivane-demo-water-weather-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:9px}
.bivane-demo-water-weather-stats>div{min-width:0;min-height:70px;padding:11px 12px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--bd-line);border-radius:12px;background:rgba(255,255,255,.035)}
.bivane-demo-water-weather-stats span{color:#8FCBD2;font-size:9px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;line-height:1.1}
.bivane-demo-water-weather-stats strong{margin-top:5px;color:#fff;font-size:var(--bivane-stats-size,17px);font-weight:800;line-height:1.12;word-break:break-word}
.bivane-demo-water-weather-attribution{margin-top:10px;color:rgba(255,255,255,.56);font-size:8px;text-align:right}

/* ---------- Standalone weather shortcode remains compatible ---------- */
.bivane-demo-weather-widget{width:100%;padding:20px;border:1px solid var(--bd-gold);border-radius:18px;background:linear-gradient(145deg,#062F35,#093D44);color:#fff}
.bivane-demo-weather-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.bivane-demo-weather-copy{min-width:0}.bivane-demo-weather-eyebrow{color:#BCE8EE;font-size:9px;font-weight:800;letter-spacing:.16em}.bivane-demo-weather-widget h3{margin:4px 0;color:#fff;font:600 var(--bivane-heading-size,28px)/1 "Cormorant Garamond",Georgia,serif}.bivane-demo-weather-location{color:#B8D9DD;font-size:11px}.bivane-demo-weather-condition{display:flex;align-items:center;gap:8px;margin-top:10px;color:#fff;font-weight:700}.bivane-demo-weather-condition img{width:44px;height:44px}.bivane-demo-weather-temp{font-size:42px;font-weight:800}.bivane-demo-weather-temp small{font-size:.4em}.bivane-demo-weather-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.bivane-demo-weather-meta{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:rgba(255,255,255,.6);font-size:9px}

/* ---------- Responsive ---------- */
@media (max-width:1100px) and (min-width:768px){
  .bivane-demo-water-footer{grid-template-columns:minmax(320px,.95fr) minmax(0,1.65fr)}
  .bivane-demo-water-footer-weather{grid-template-columns:minmax(190px,1.15fr) repeat(3,minmax(74px,.55fr))}
}
@media (max-width:767px){
  .bivane-demo-water-footer{grid-template-columns:1fr;padding:7px;gap:7px;margin-top:12px;border-radius:11px}
  .bivane-demo-water-content{padding:10px 11px;border-radius:10px}
  .bivane-demo-water-footer h3{font-size:24px!important}
  .bivane-demo-water-progress{margin-top:8px;gap:8px}.bivane-demo-water-progress-number{font-size:15px;min-width:42px}
  .bivane-demo-water-footer-weather{grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(0,.74fr));gap:5px}
  .bivane-demo-water-footer-weather-main,.bivane-demo-water-footer-weather-stats>span{min-height:56px;border-radius:9px}
  .bivane-demo-water-footer-weather-main{padding:7px 8px;gap:7px}.bivane-demo-water-footer-weather-icon{flex-basis:32px;width:32px;height:32px}.bivane-demo-water-footer-weather-icon svg{width:19px;height:19px}
  .bivane-demo-water-footer-weather-copy strong{font-size:19px}.bivane-demo-water-footer-weather-copy small{font-size:8px}.bivane-demo-water-footer-weather-stats>span{padding:6px 6px}.bivane-demo-water-footer-weather-stats>span strong{font-size:10.5px}

  .bivane-demo-water-floating{left:max(8px,env(safe-area-inset-left))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:min(var(--bivane-floating-width-mobile),180px)!important;min-width:min(var(--bivane-floating-width-mobile),180px)!important;min-height:94px!important;padding:9px 10px 11px 12px!important;border-radius:15px!important}
  .bivane-demo-water-floating-eyebrow{font-size:7px}.bivane-demo-water-floating-title{font-size:18px}.bivane-demo-water-floating-value{font-size:24px}.bivane-demo-water-floating-bottom-row{margin-top:6px}.bivane-demo-water-floating-weather .bivane-sun-icon{width:24px;height:24px;flex-basis:24px}.bivane-demo-water-floating-weather small{font-size:var(--bivane-floating-temp-size)}
  .bivane-demo-water-floating-chevron{width:28px!important;height:28px!important;flex-basis:28px}

  .bivane-demo-water-modal{left:max(8px,env(safe-area-inset-left))!important;right:max(8px,env(safe-area-inset-right))!important;bottom:max(112px,calc(env(safe-area-inset-bottom) + 112px))!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 132px)!important}
  .bivane-demo-water-modal-panel{max-height:calc(100dvh - 132px);padding:18px 16px 15px;border-radius:15px}
  .bivane-demo-water-modal-panel h2{font-size:28px!important}.bivane-demo-water-modal-level-row{grid-template-columns:1fr;gap:12px;padding:12px}.bivane-demo-water-modal-weather{grid-template-columns:46px 54px minmax(0,1fr);gap:9px}.bivane-demo-water-weather-icon{width:46px;height:46px}.bivane-demo-water-temp-circle{width:54px;height:54px}.bivane-demo-water-temp-circle strong{font-size:18px}.bivane-demo-water-weather-copy strong{font-size:15px}.bivane-demo-water-weather-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bivane-demo-water-weather-stats>div{min-height:60px;padding:9px}.bivane-demo-water-weather-stats>div:last-child{grid-column:span 3}.bivane-demo-water-weather-stats strong{font-size:15px}
}
@media (max-width:430px){
  .bivane-demo-water-footer-weather{grid-template-columns:minmax(0,1.36fr) repeat(3,minmax(0,.72fr));gap:4px}.bivane-demo-water-footer-weather-main,.bivane-demo-water-footer-weather-stats>span{min-height:58px}.bivane-demo-water-footer-weather-copy strong{font-size:18px}.bivane-demo-water-footer-weather-stats>span strong{font-size:10px}.bivane-demo-water-floating-title{font-size:17px}.bivane-demo-water-floating-value{font-size:23px}
}
@media (max-width:380px){
  .bivane-demo-water-footer{padding:5px}.bivane-demo-water-footer-weather-copy span,.bivane-demo-water-footer-weather-stats>span{font-size:7.5px}.bivane-demo-water-footer-weather-copy strong{font-size:18px}.bivane-demo-water-footer-weather-copy small{font-size:7px}.bivane-demo-water-footer-weather-stats>span strong{font-size:10px}.bivane-demo-water-floating{width:var(--bivane-floating-width-mobile)!important;min-width:var(--bivane-floating-width-mobile)!important}.bivane-demo-water-floating-title{font-size:16px}.bivane-demo-water-floating-value{font-size:22px}
}

/* Admin preview uses the exact frontend markup without portaling fixed controls. */
.bivane-demo-water-widget.bivane-admin-preview{position:relative;min-height:410px;overflow:hidden;background:linear-gradient(135deg,#173B42 0%,#315C66 45%,#1D4650 100%);border-radius:16px}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-footer{margin:0;position:absolute;left:12px;right:12px;bottom:12px;width:auto;z-index:1}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-floating{position:absolute!important;left:16px!important;bottom:18px!important}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-modal{position:absolute!important;left:16px!important;bottom:122px!important;max-height:calc(100% - 136px)!important}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-modal-panel{max-height:calc(100% - 136px)!important}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-floating.is-scrolled{display:grid!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"]{min-height:520px;max-width:380px;margin:0 auto;background:linear-gradient(145deg,#183B42,#294E57 58%,#1B3D45)}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer{left:6px;right:6px;bottom:6px}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-floating{left:10px!important;bottom:15px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-modal{left:8px!important;right:8px!important;bottom:112px!important;max-height:calc(100% - 125px)!important}
@media(max-width:767px){
  .bivane-demo-water-footer{width:calc(100% - 24px);margin-left:12px;margin-right:12px;}.bivane-demo-water-widget.bivane-admin-preview{min-height:480px}.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-footer{left:8px;right:8px;bottom:8px}}
/* Admin preview: force the mobile composition inside the phone-sized frame even though the browser viewport is desktop. */
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer{grid-template-columns:1fr!important;padding:6px!important;gap:6px!important;bottom:6px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather{grid-template-columns:minmax(0,1.36fr) repeat(3,minmax(0,.72fr))!important;gap:4px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-content{padding:9px 10px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer h3{font-size:23px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-main,.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-stats>span{min-height:48px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-main{padding:6px 7px!important;gap:6px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-copy strong{font-size:19px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-copy small{font-size:6.5px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-stats>span strong{font-size:10px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-floating{width:min(var(--bivane-floating-width-mobile),180px)!important;min-width:min(var(--bivane-floating-width-mobile),180px)!important;min-height:94px!important;padding:9px 10px 11px 12px!important;left:10px!important;bottom:15px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-floating-title{font-size:17px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-floating-value{font-size:23px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-modal{left:8px!important;right:8px!important;bottom:112px!important;max-height:calc(100% - 125px)!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-modal-panel{max-height:calc(100% - 125px)!important;padding:18px 16px 15px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-modal-panel h2{font-size:28px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-modal-level-row{grid-template-columns:1fr!important;gap:12px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-weather-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-weather-stats>div:last-child{grid-column:span 3!important}

.bivane-demo-water-widget.bivane-style-light{
  --bd-deep:#F6FAF9;
  --bd-teal:#FFFFFF;
  --bd-teal-2:#E8F3F4;
  --bd-white:#123E43;
  --bd-muted:#516568;
  --bd-line:rgba(14,89,98,.24);
}
.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-floating{color:#123E43!important;background:linear-gradient(145deg,#FFFFFF,#E8F3F4,#F7FAF9)!important}
.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-floating-title,.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-floating-value,.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-floating-weather small{color:#093D44!important}
.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-modal-panel{background:linear-gradient(145deg,#FFFFFF,#F8FAF9,#E8F3F4);color:#123E43}
.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-modal-panel h2,.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-modal-level,.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-weather-copy strong,.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-weather-stats strong{color:#123E43!important}
.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-eyebrow,.bivane-demo-water-widget.bivane-style-light .bivane-demo-water-modal-eyebrow{color:#0E5962!important}

.bivane-demo-water-stale-note{display:block!important;margin-top:2px;color:#E5C985!important;font-size:7px!important;line-height:1.1!important;font-weight:700!important}
.bivane-demo-water-footer-weather-main .bivane-demo-water-stale-note{grid-column:1/-1;margin-left:48px}
@media (max-width:767px){.bivane-demo-water-footer{width:calc(100% - (var(--bivane-footer-gutter-mobile,6px) * 2));margin-left:var(--bivane-footer-gutter-mobile,6px);margin-right:var(--bivane-footer-gutter-mobile,6px)}.bivane-demo-water-footer-weather-main .bivane-demo-water-stale-note{margin-left:40px}}
@media (prefers-reduced-motion: reduce){.bivane-demo-water-floating,.bivane-demo-water-modal,.bivane-demo-water-progress-fill{transition:none!important}}

.bivane-demo-water-widget.bivane-style-dark .bivane-demo-water-floating,.bivane-demo-water-widget.bivane-style-dark .bivane-demo-water-modal-panel{background-color:#062F35!important}


/* V2.4.1 visual refinement: keep the dynamic floating icon at a fixed size and strengthen footer typography. */
.bivane-demo-water-floating-weather .bivane-weather-dynamic-icon,
.bivane-demo-water-floating-weather .bivane-api-weather-icon {
  width:23px!important;
  height:23px!important;
  max-width:23px!important;
  max-height:23px!important;
  min-width:23px!important;
  min-height:23px!important;
  flex:0 0 23px!important;
  display:block;
  object-fit:contain;
}
.bivane-demo-water-footer-weather-copy span{font-size:10px!important}
.bivane-demo-water-footer-weather-copy strong{font-size:25px!important}
.bivane-demo-water-footer-weather-copy small{font-size:11px!important}
.bivane-demo-water-footer-weather-stats>span{font-size:10px!important}
.bivane-demo-water-footer-weather-stats>span strong{font-size:19px!important}
@media (max-width:767px){
  .bivane-demo-water-floating-weather .bivane-weather-dynamic-icon,
  .bivane-demo-water-floating-weather .bivane-api-weather-icon{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;min-width:23px!important;min-height:23px!important;flex-basis:23px!important}
  .bivane-demo-water-footer-weather-copy span{font-size:9px!important}
  .bivane-demo-water-footer-weather-copy strong{font-size:22px!important}
  .bivane-demo-water-footer-weather-copy small{font-size:9px!important}
  .bivane-demo-water-footer-weather-stats>span{font-size:9px!important}
  .bivane-demo-water-footer-weather-stats>span strong{font-size:16px!important}
}
@media (max-width:380px){
  .bivane-demo-water-footer-weather-copy strong{font-size:20px!important}
  .bivane-demo-water-footer-weather-stats>span strong{font-size:15px!important}
}
/* Keep the admin preview representative of the live footer typography. */
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-footer-weather-copy span{font-size:10px!important}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-footer-weather-copy strong{font-size:25px!important}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-footer-weather-copy small{font-size:11px!important}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-footer-weather-stats>span{font-size:10px!important}
.bivane-demo-water-widget.bivane-admin-preview .bivane-demo-water-footer-weather-stats>span strong{font-size:19px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-copy strong{font-size:22px!important}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-stats>span strong{font-size:16px!important}


/* V2.4.2: compact floating control with a consistent weather-icon circle. */
.bivane-demo-water-floating{width:min(var(--bivane-floating-width),190px)!important;min-width:min(var(--bivane-floating-width),190px)!important;min-height:88px!important;padding:10px 12px!important;}
.bivane-demo-water-floating-copy{width:100%!important;max-width:none!important;}
.bivane-demo-water-floating-eyebrow{display:none!important;}
.bivane-demo-water-floating-title-row{width:100%;grid-template-columns:1fr auto;justify-content:space-between;align-items:end;column-gap:8px;margin-top:0;}
.bivane-demo-water-floating-title{font-size:19px;}
.bivane-demo-water-floating-value{font-size:24px;}
.bivane-demo-water-floating-bottom-row{width:100%;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;margin-top:5px;}
.bivane-demo-water-floating-weather{justify-self:end;display:flex;align-items:center;gap:6px;}
.bivane-demo-water-floating-weather-icon{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1px solid var(--bd-gold);border-radius:50%;background:rgba(255,255,255,.035);}
.bivane-demo-water-floating-weather-icon .bivane-weather-dynamic-icon,.bivane-demo-water-floating-weather-icon .bivane-sun-icon,.bivane-demo-water-floating-weather-icon .bivane-api-weather-icon{width:21px!important;height:21px!important;max-width:21px!important;max-height:21px!important;min-width:21px!important;min-height:21px!important;object-fit:contain;}
.bivane-demo-water-floating-weather small{font-size:var(--bivane-floating-temp-size)!important;}
.bivane-demo-water-floating-chevron{justify-self:start!important;}
@media(max-width:767px){
  .bivane-demo-water-floating{width:min(var(--bivane-floating-width-mobile),170px)!important;min-width:min(var(--bivane-floating-width-mobile),170px)!important;min-height:84px!important;padding:9px 10px!important;}
  .bivane-demo-water-floating-title{font-size:18px;}
  .bivane-demo-water-floating-value{font-size:23px;}
  .bivane-demo-water-floating-weather-icon{width:30px;height:30px;flex-basis:30px;}
  .bivane-demo-water-floating-weather-icon .bivane-weather-dynamic-icon,.bivane-demo-water-floating-weather-icon .bivane-sun-icon,.bivane-demo-water-floating-weather-icon .bivane-api-weather-icon{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;min-width:20px!important;min-height:20px!important;}
}

/* ---------- V2.4.3 mobile footer: match popup hierarchy ---------- */
@media (max-width:767px){
  .bivane-demo-water-footer{
    grid-template-columns:1fr !important;
    width:calc(100% - 16px) !important;
    margin-left:8px !important;
    margin-right:8px !important;
    padding:7px !important;
    gap:7px !important;
  }
  .bivane-demo-water-content{
    width:100%;
    box-sizing:border-box;
  }
  .bivane-demo-water-footer-weather{
    width:100%;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
  .bivane-demo-water-footer-weather-main{
    width:100%;
    min-height:58px !important;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    padding:8px 10px !important;
  }
  .bivane-demo-water-footer-weather-stats{
    width:100%;
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
    margin-top:0 !important;
  }
  .bivane-demo-water-footer-weather-stats>span{
    min-height:58px !important;
    padding:8px 7px !important;
    box-sizing:border-box;
  }
  .bivane-demo-water-footer-weather-copy strong{font-size:20px !important}
  .bivane-demo-water-footer-weather-copy small{font-size:8px !important}
  .bivane-demo-water-footer-weather-stats>span strong{font-size:12px !important}
}
@media (max-width:430px){
  .bivane-demo-water-footer{width:calc(100% - 12px) !important;margin-left:6px !important;margin-right:6px !important}
  .bivane-demo-water-footer-weather-stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .bivane-demo-water-footer-weather-stats>span{min-height:56px !important;padding:7px 6px !important}
  .bivane-demo-water-footer-weather-stats>span strong{font-size:11.5px !important}
}
@media (max-width:380px){
  .bivane-demo-water-footer{width:calc(100% - 10px) !important;margin-left:5px !important;margin-right:5px !important}
  .bivane-demo-water-footer-weather-stats>span{padding:7px 5px !important}
  .bivane-demo-water-footer-weather-stats>span strong{font-size:11px !important}
}
/* Keep the admin's static mobile example consistent with the real mobile footer. */
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer{
  grid-template-columns:1fr !important;
}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather{
  grid-template-columns:1fr !important;
}
.bivane-demo-water-widget.bivane-admin-preview[data-preview-mode="mobile"] .bivane-demo-water-footer-weather-stats{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}


/* V2.4.4: floating button alignment and comfortable horizontal padding. */
.bivane-demo-water-floating{
  padding:10px 14px 12px!important;
}
.bivane-demo-water-floating-copy{
  width:100%!important;
  max-width:none!important;
}
.bivane-demo-water-floating-title-row{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  justify-content:stretch!important;
  column-gap:10px!important;
}
.bivane-demo-water-floating-value{
  justify-self:end!important;
}
.bivane-demo-water-floating-bottom-row{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:var(--bivane-floating-arrow-gap,6px)!important;
  margin-top:5px!important;
}
.bivane-demo-water-floating-weather{
  justify-self:start!important;
}
.bivane-demo-water-floating-chevron{
  justify-self:end!important;
}
@media (max-width:767px){
  .bivane-demo-water-floating{padding:9px 12px 11px!important;}
  .bivane-demo-water-floating-title-row{column-gap:8px!important;}
}


/* V2.4.6: ultra-compact floating status button. Water + weather are a single inline row. */
.bivane-demo-water-floating{
  width:auto!important;
  min-width:0!important;
  max-width:180px!important;
  min-height:0!important;
  height:auto!important;
  padding:8px 10px!important;
  border-radius:15px!important;
}
.bivane-demo-water-floating-copy{
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
}
.bivane-demo-water-floating-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
}
.bivane-demo-water-floating-water-status,
.bivane-demo-water-floating-weather{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
}
.bivane-demo-water-floating-water-icon,
.bivane-demo-water-floating-weather-icon{
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid var(--bd-gold,#C9A35B)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.035)!important;
  box-sizing:border-box!important;
}
.bivane-demo-water-floating-water-icon svg{
  width:16px!important;
  height:16px!important;
  fill:none!important;
  stroke:var(--bd-gold-soft,#E5C985)!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.bivane-demo-water-floating-weather-icon .bivane-weather-dynamic-icon,
.bivane-demo-water-floating-weather-icon .bivane-sun-icon,
.bivane-demo-water-floating-weather-icon .bivane-api-weather-icon{
  width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;min-width:17px!important;min-height:17px!important;object-fit:contain!important;
}
.bivane-demo-water-floating-value{
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.bivane-demo-water-floating-weather small{
  font-size:17px!important;
  line-height:1!important;
  font-weight:800!important;
}
.bivane-demo-water-floating-divider{
  width:1px!important;
  height:18px!important;
  background:rgba(229,201,133,.65)!important;
  flex:0 0 1px!important;
}
.bivane-demo-water-floating-chevron{
  width:25px!important;height:25px!important;flex:0 0 25px!important;
  justify-self:auto!important;
  display:grid!important;place-items:center!important;
  margin-left:0!important;
}
.bivane-demo-water-floating-chevron span{width:11px!important;height:11px!important}
@media (max-width:767px){
  .bivane-demo-water-floating{max-width:170px!important;padding:7px 9px!important;border-radius:14px!important}
  .bivane-demo-water-floating-inline{gap:6px!important}
  .bivane-demo-water-floating-water-icon,.bivane-demo-water-floating-weather-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
  .bivane-demo-water-floating-water-icon svg{width:15px!important;height:15px!important}
  .bivane-demo-water-floating-value{font-size:19px!important}
  .bivane-demo-water-floating-weather small{font-size:16px!important}
  .bivane-demo-water-floating-chevron{width:24px!important;height:24px!important;flex-basis:24px!important}
}


/* V2.4.8: compact Bivane-styled back-to-top control. */
.bivane-demo-water-top{position:fixed!important;right:max(18px,env(safe-area-inset-right))!important;bottom:max(18px,env(safe-area-inset-bottom))!important;z-index:2147482998!important;width:auto!important;min-width:42px!important;height:42px!important;padding:0 10px!important;margin:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(201,163,91,.88)!important;border-radius:50%!important;background:linear-gradient(145deg,#062F35 0%,#093D44 64%,#0E5962 100%)!important;color:#E5C985!important;box-shadow:0 12px 28px rgba(0,0,0,.24),0 3px 10px rgba(6,47,53,.18)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px) scale(.94);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,box-shadow .18s ease!important;cursor:pointer!important}
.bivane-demo-water-top.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}
.bivane-demo-water-top:hover{box-shadow:0 16px 32px rgba(0,0,0,.30),0 4px 12px rgba(6,47,53,.20)!important;transform:translateY(-1px) scale(1.01)!important}
.bivane-demo-water-top:focus-visible{outline:2px solid #E5C985!important;outline-offset:4px}
.bivane-demo-water-top-icon{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border:1px solid rgba(201,163,91,.72)!important;border-radius:50%!important;background:rgba(255,255,255,.045)!important}
.bivane-demo-water-top-icon svg{width:16px!important;height:16px!important;fill:none!important;stroke:currentColor!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media (max-width:767px){.bivane-demo-water-top{right:max(10px,env(safe-area-inset-right))!important;bottom:max(10px,env(safe-area-inset-bottom))!important;width:auto!important;min-width:40px!important;height:40px!important;padding:0 9px!important}.bivane-demo-water-top-icon{width:27px!important;height:27px!important}}
@media (prefers-reduced-motion:reduce){.bivane-demo-water-top{transition:none!important}}


/* V2.4.9: wider inline floating controls and matched value typography. */
.bivane-demo-water-floating{
  width:230px!important;
  min-width:230px!important;
  max-width:230px!important;
  padding-left:18px!important;
  padding-right:18px!important;
  box-sizing:border-box!important;
}
.bivane-demo-water-floating-inline{width:100%!important;max-width:none!important;gap:8px!important;}
.bivane-demo-water-floating-value,
.bivane-demo-water-floating-weather small{
  font-size:18px!important;
  line-height:1!important;
  font-weight:800!important;
}
/* Keep the scroll-to-top control on the same bottom row, immediately beside the status button. */
.bivane-demo-water-top{
  left:calc(max(16px,env(safe-area-inset-left)) + 230px + 10px)!important;
  right:auto!important;
  bottom:max(16px,env(safe-area-inset-bottom))!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
}
@media (max-width:767px){
  .bivane-demo-water-floating{
    width:215px!important;
    min-width:215px!important;
    max-width:215px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
  .bivane-demo-water-floating-inline{gap:7px!important}
  .bivane-demo-water-floating-value,
  .bivane-demo-water-floating-weather small{font-size:17px!important}
  .bivane-demo-water-top{
    left:calc(max(10px,env(safe-area-inset-left)) + 215px + 8px)!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
}


/* V2.4.10: keep the two floating controls on the same horizontal line, one at each side. */
.bivane-demo-water-floating{
  left:max(16px,env(safe-area-inset-left))!important;
  right:auto!important;
  bottom:max(16px,env(safe-area-inset-bottom))!important;
}
.bivane-demo-water-top{
  left:auto!important;
  right:max(16px,env(safe-area-inset-right))!important;
  bottom:max(16px,env(safe-area-inset-bottom))!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  padding:0!important;
}
@media (max-width:767px){
  .bivane-demo-water-floating{
    left:max(10px,env(safe-area-inset-left))!important;
    right:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
  }
  .bivane-demo-water-top{
    left:auto!important;
    right:max(10px,env(safe-area-inset-right))!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
  }
}


/* V2.4.13: exact single-line alignment for all floating status text and icons. */
.bivane-demo-water-floating-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  gap:8px!important;
}
.bivane-demo-water-floating-water-status,
.bivane-demo-water-floating-weather{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:25px!important;
  line-height:25px!important;
}
.bivane-demo-water-floating-water-icon,
.bivane-demo-water-floating-weather-icon,
.bivane-demo-water-floating-chevron{
  align-self:center!important;
  vertical-align:middle!important;
}
.bivane-demo-water-floating-value,
.bivane-demo-water-floating-weather small{
  display:block!important;
  height:25px!important;
  line-height:25px!important;
  margin:0!important;
  padding:0!important;
  vertical-align:middle!important;
}
.bivane-demo-water-floating-divider{
  align-self:center!important;
  margin:0!important;
}
@media (max-width:767px){
  .bivane-demo-water-floating-inline{gap:7px!important}
  .bivane-demo-water-floating-water-status,
  .bivane-demo-water-floating-weather{
    height:24px!important;
    line-height:24px!important;
  }
  .bivane-demo-water-floating-value,
  .bivane-demo-water-floating-weather small{
    height:24px!important;
    line-height:24px!important;
  }
}