/* MultiWeather: Extra info button + fullscreen board (Card 66 layer) */

.mwpl-actions-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  width:100%;
  margin-top:10px;
}

.mwpl-actions-left,
.mwpl-actions-right{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

/* Keep existing inline userloc from centering itself */
.mwpl-actions-row .mwpl-userloc-inline{
  margin-left:0 !important;
  width:auto !important;
  justify-content:flex-start !important;
}

/* Right-side button */
.mwpl-extrainfo-btn{
  font-size:9px;
  padding:2px 8px;
  line-height:1.1;
  border-radius:10px;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
  color:#fff;
}

/* ===== Board ===== */

.mwpl-b66-lock{ overflow:hidden !important; }

.mwpl-b66-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(6px);
}

.mwpl-b66-shell{
  position:absolute;
  inset: 14px;
  border-radius: 22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 15%, rgba(70,170,255,.18), rgba(11,15,26,.96) 55%, rgba(0,0,0,.98) 100%);
  border:1px solid rgba(160,210,255,.18);
  box-shadow: 0 30px 90px rgba(0,0,0,.65);
  display:grid;
  grid-template-rows:auto auto 1fr;
}

@media (max-width: 720px){
  .mwpl-b66-shell{ inset:10px; }
}

.mwpl-b66-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.mwpl-b66-title{
  font-size:16px;
  font-weight:850;
  color:#fff;
}

.mwpl-b66-sub{
  margin-top:3px;
  font-size:12px;
  opacity:.75;
  color:#dbe7ff;
}

.mwpl-b66-actions{
  display:flex;
  gap:8px;
  align-items:center;
}

.mwpl-b66-btn{
  font-size:12px;
  padding:7px 10px;
  border-radius: 12px;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
}

.mwpl-b66-btn-ghost{
  background: rgba(255,255,255,.08);
}

.mwpl-b66-btn-solid{
  background: linear-gradient(135deg, rgba(120,200,255,.55), rgba(170,120,255,.40));
}

.mwpl-b66-nav{
  display:flex;
  gap:8px;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow-x:auto;
}

.mwpl-b66-nav::-webkit-scrollbar{ height:10px; }
.mwpl-b66-nav::-webkit-scrollbar-track{ background: rgba(255,255,255,.06); border-radius:999px; }
.mwpl-b66-nav::-webkit-scrollbar-thumb{ background: rgba(120,200,255,.35); border-radius:999px; }

.mwpl-b66-navbtn{
  white-space:nowrap;
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#eaf2ff;
}

.mwpl-b66-body{
  overflow:auto;
  padding:14px;
}

.mwpl-b66-body::-webkit-scrollbar{ width:12px; }
.mwpl-b66-body::-webkit-scrollbar-track{ background: rgba(255,255,255,.06); border-radius:999px; }
.mwpl-b66-body::-webkit-scrollbar-thumb{ background: rgba(170,120,255,.35); border-radius:999px; }

.mwpl-b66-section{
  margin-bottom: 16px;
  padding: 12px;
  border-radius: 18px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
}

.mwpl-b66-section-h{
  font-weight:900;
  font-size:13px;
  letter-spacing:.02em;
  margin-bottom: 10px;
  color:#fff;
}

.mwpl-b66-muted{ opacity:.75; color:#dbe7ff; font-size:12px; }

.mwpl-b66-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap:12px;
}

.mwpl-b66-bubble{
  border-radius: 16px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
}

.mwpl-b66-k{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  opacity:.7;
  margin-bottom: 6px;
  color:#dbe7ff;
}

.mwpl-b66-v{
  font-size:14px;
  font-weight:900;
  color:#fff;
  display:flex;
  align-items:center;
  gap:10px;
}

.mwpl-b66-wxicon{ width:34px; height:34px; }
.mwpl-b66-wxicon-sm{ width:86px; height:86px; }

.mwpl-b66-arrow{
  display:inline-block;
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:10px solid rgba(255,255,255,.85);
  margin-left:10px;
}

/* Accents (gives it LIFE) */
.mwpl-b66-bubble.is-temp{ box-shadow: inset 0 0 0 1px rgba(120,200,255,.25); }
.mwpl-b66-bubble.is-temp2{ box-shadow: inset 0 0 0 1px rgba(170,120,255,.20); }
.mwpl-b66-bubble.is-wind{ box-shadow: inset 0 0 0 1px rgba(120,255,220,.18); }
.mwpl-b66-bubble.is-gust{ box-shadow: inset 0 0 0 1px rgba(255,200,120,.16); }
.mwpl-b66-bubble.is-uv{ box-shadow: inset 0 0 0 1px rgba(255,120,180,.14); }
.mwpl-b66-bubble.is-sky{ box-shadow: inset 0 0 0 1px rgba(120,200,255,.18); }
.mwpl-b66-bubble.is-cold{ box-shadow: inset 0 0 0 1px rgba(120,200,255,.30); }
.mwpl-b66-bubble.is-hot{ box-shadow: inset 0 0 0 1px rgba(255,140,120,.30); }
.mwpl-b66-bubble.is-wet{ box-shadow: inset 0 0 0 1px rgba(120,220,255,.22); }
.mwpl-b66-bubble.is-snow{ box-shadow: inset 0 0 0 1px rgba(220,240,255,.22); }

/* Minute */
.mwpl-b66-minute-summary{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:10px;
  font-size:12px;
  color:#eaf2ff;
}

.mwpl-b66-bars{
  display:flex;
  align-items:flex-end;
  gap:3px;
  height:120px;
  padding: 6px 0 2px;
  margin-bottom:10px;
}

.mwpl-b66-bar{
  flex:1 1 0;
  border-radius: 10px 10px 4px 4px;
  background: rgba(120,200,255,.35);
  border:1px solid rgba(120,200,255,.12);
}

.mwpl-b66-bar.is-tide{
  background: rgba(170,120,255,.25);
  border-color: rgba(170,120,255,.12);
}

.mwpl-b66-minute-list{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap:10px;
}

.mwpl-b66-chip{
  border-radius: 14px;
  padding: 10px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
}

.mwpl-b66-chipk{ font-size:11px; opacity:.75; }
.mwpl-b66-chipv{ font-weight:900; margin-top:4px; }

/* Hourly */
.mwpl-b66-hourlywrap{
  max-height: 360px; /* lets you see ~3 rows then scroll */
  overflow:auto;
  padding-right: 6px;
}

.mwpl-b66-hourlywrap::-webkit-scrollbar{ width:12px; }
.mwpl-b66-hourlywrap::-webkit-scrollbar-track{ background: rgba(255,255,255,.06); border-radius:999px; }
.mwpl-b66-hourlywrap::-webkit-scrollbar-thumb{ background: rgba(120,200,255,.28); border-radius:999px; }

.mwpl-b66-hourlygrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap:12px;
}

.mwpl-b66-hourbubble{
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
}

.mwpl-b66-hourtop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.mwpl-b66-hourt{ font-weight:850; font-size:12px; opacity:.9; }
.mwpl-b66-hourtemp{ font-size:18px; font-weight:950; margin-top:6px; }

.mwpl-b66-hourmeta{
  margin-top:8px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:6px 10px;
  font-size:12px;
  opacity:.9;
}

/* Daily */
.mwpl-b66-dailygrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap:12px;
}

.mwpl-b66-daybubble{
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
}

.mwpl-b66-daytop{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.mwpl-b66-dayname{ font-weight:950; font-size:12px; opacity:.95; }

.mwpl-b66-daytemps{
  display:flex;
  gap:10px;
  margin-top:6px;
  font-weight:950;
  font-size:16px;
}

.mwpl-b66-hi{ color:#ffffff; }
.mwpl-b66-lo{ opacity:.75; }

.mwpl-b66-daymeta{
  margin-top:8px;
  display:grid;
  gap:6px;
  font-size:12px;
  opacity:.9;
}

.mwpl-b66-moon{
  margin-top:10px;
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.08);
}

.mwpl-b66-moonimg{ width:34px; height:34px; }
.mwpl-b66-moonname{ font-size:12px; font-weight:900; opacity:.9; }

/* Alerts */
.mwpl-b66-alertcard{
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  margin-bottom: 10px;
}

.mwpl-b66-alerttitle{ font-weight:950; font-size:13px; }
.mwpl-b66-alerttime{ font-size:12px; opacity:.85; margin-top:6px; }

.mwpl-b66-alertdetails summary{
  cursor:pointer;
  margin-top:10px;
  font-weight:850;
  font-size:12px;
}

.mwpl-b66-alerttext{
  margin-top:8px;
  white-space:pre-wrap;
  line-height:1.35;
  font-size:12px;
  opacity:.9;
}

/* Tides */
.mwpl-b66-viewchips{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.mwpl-b66-chipbtn{
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  cursor:pointer;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#eaf2ff;
}
.mwpl-b66-chipbtn.is-active{
  background: rgba(120,200,255,.18);
  border-color: rgba(120,200,255,.28);
}

.mwpl-b66-tidecalgrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap:12px;
}

.mwpl-b66-tidecalcell{
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
}

.mwpl-b66-tidedate{
  font-weight:950;
  font-size:12px;
  margin-bottom:8px;
}

.mwpl-b66-tideline{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
  opacity:.9;
  padding:3px 0;
}

.mwpl-b66-tidelistgrid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap:10px;
}

.mwpl-b66-tidelistitem{
  border-radius: 18px;
  padding: 12px;
  background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
  display:grid;
  grid-template-columns: 70px 1fr 70px;
  gap:10px;
  align-items:center;
  font-size:12px;
}

.mwpl-b66-tidelisttype{ font-weight:950; }
.mwpl-b66-tidelisth{ text-align:right; font-weight:950; }

/* Tide graph: axis + now marker positioning */
.mwpl-b66-bars-tide{
  position: relative;
}

.mwpl-b66-nowline.is-tide{
  position:absolute;
  bottom:0;
  top:0;
  width:3px; /* thicker “hand” */
  background: rgba(255,255,255,.85);
  border-radius: 999px;
  pointer-events:none;
  box-shadow: 0 0 0 1px rgba(0,0,0,.35), 0 0 18px rgba(255,255,255,.18);
}

.mwpl-b66-nowline.is-tide::after{
  content:"";
  position:absolute;
  top:-6px;
  left:50%;
  transform:translateX(-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background: rgba(255,255,255,.9);
  box-shadow: 0 0 0 1px rgba(0,0,0,.35);
}

.mwpl-b66-nowlabel{
  position:absolute;
  top:-22px;
  left:8px; /* label to the right of the hand */
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
  opacity:.85;
  color:#fff;
}
.mwpl-b66-overview{
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
}
.mwpl-b66-overviewk{
  font-weight: 950;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11px;
  opacity: .85;
  margin-bottom: 6px;
}
.mwpl-b66-overviewv{
  font-size: 14px;
  line-height: 1.45;
  opacity: .95;
}

/* Minute graph: value labels on bars + simple time axis */
#mwpl-board66 .mwpl-b66-bars-minute .mwpl-b66-bar{
  position: relative;
}

/* shows the value (no units) on rainy minutes */
#mwpl-board66 .mwpl-b66-bars-minute .mwpl-b66-bar[data-v]::after{
  content: attr(data-v);
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%) rotate(-65deg);
  font-size: 10px;
  font-weight: 800;
  opacity: 0.95;
  pointer-events: none;
}

/* units shown once under the graph */
#mwpl-board66 .mwpl-b66-minute-units{
  margin-top: 6px;
  font-size: 11px;
  opacity: 0.70;
  font-weight: 700;
}

/* time ticks under the graph */
#mwpl-board66 .mwpl-b66-minute-axis{
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  opacity: 0.70;
  font-weight: 700;
}
/*----------------------------------------------*/

/* =========================================================
   Card 66 Board – Contrast / readability patch
   Paste at bottom of extrainfo.css
   ========================================================= */

#mwpl-board66,
#mwpl-board66 *{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Global text lift */
#mwpl-board66{
  color: rgba(255,255,255,.92);
}

#mwpl-board66 .mwpl-b66-title{
  color: rgba(255,255,255,.98);
  text-shadow: 0 1px 10px rgba(0,0,0,.45);
}

#mwpl-board66 .mwpl-b66-sub{
  color: rgba(255,255,255,.80);
}

/* Section headers */
#mwpl-board66 .mwpl-b66-section-h span{
  color: rgba(255,255,255,.92);
  font-weight: 850;
  letter-spacing: .01em;
}

/* Make the “glass” panels less smoky and more readable */
#mwpl-board66 .mwpl-b66-section,
#mwpl-board66 .mwpl-b66-shell{
  background: rgba(7,10,16,.78) !important;
}

/* Bubbles + cards: raise contrast */
#mwpl-board66 .mwpl-b66-bubble,
#mwpl-board66 .mwpl-b66-hourbubble,
#mwpl-board66 .mwpl-b66-daybubble,
#mwpl-board66 .mwpl-b66-alertcard{
  background: rgba(20,26,36,.72) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
}

#mwpl-board66 .mwpl-b66-k{
  color: rgba(255,255,255,.70);
  font-weight: 800;
}

#mwpl-board66 .mwpl-b66-v,
#mwpl-board66 .mwpl-b66-hourtemp,
#mwpl-board66 .mwpl-b66-daytemps,
#mwpl-board66 .mwpl-b66-alerttitle{
  color: rgba(255,255,255,.96);
  font-weight: 800;
  text-shadow: 0 1px 10px rgba(0,0,0,.40);
}

/* Tiny meta text everywhere */
#mwpl-board66 .mwpl-b66-muted,
#mwpl-board66 .mwpl-b66-hourmeta,
#mwpl-board66 .mwpl-b66-daymeta,
#mwpl-board66 .mwpl-b66-minute-summary,
#mwpl-board66 .mwpl-b66-minute-axis,
#mwpl-board66 .mwpl-b66-minute-units{
  color: rgba(255,255,255,.78) !important;
  opacity: 1 !important;
}

/* Minute graph labels on bars (the yellow-line numbers) */
#mwpl-board66 .mwpl-b66-bars-minute .mwpl-b66-bar[data-v]::after{
  color: rgba(255,255,255,.95);
  text-shadow: 0 1px 8px rgba(0,0,0,.55);
}

/* Buttons: make them pop a bit */
#mwpl-board66 .mwpl-b66-btn{
  border: 1px solid rgba(255,255,255,.16);
}
#mwpl-board66 .mwpl-b66-btn-ghost{
  background: rgba(255,255,255,.08);
}
#mwpl-board66 .mwpl-b66-btn-solid{
  background: rgba(120,160,255,.20);
}
/*----------------------------------------------------------------------------------------------*/
/* Minute graph labels slightly bigger */
#mwpl-board66 .mwpl-b66-bars-minute .mwpl-b66-bar[data-v]::after{
  font-size: 12px;          /* was ~10 */
  font-weight: 900;
}

/* Minute summary + axis a touch bigger */
#mwpl-board66 .mwpl-b66-minute-summary{
  font-size: 13px;          /* was ~12 */
}
#mwpl-board66 .mwpl-b66-minute-axis,
#mwpl-board66 .mwpl-b66-minute-units{
  font-size: 12px;
}

/* Hourly icons bigger */
#mwpl-board66 .mwpl-b66-hourbubble .mwpl-b66-wxicon-sm{
  width: 86px;              /* try 44–56 */
  height: 86px;
  opacity: 0.95;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,.45));
}

/* Give the top row a bit more space so the icon doesn't crowd */
#mwpl-board66 .mwpl-b66-hourtop{
  gap: 10px;
  align-items: center;
}


/* (Optional) quick proof CSS is loading — uncomment for 5 seconds */
/* #mwpl-board66 .mwpl-b66-shell{ outline:2px solid rgba(255,0,0,.6) !important; } */


#mwpl-board66 .mwpl-b66-overviewbox{
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 14px;
  background: rgba(20,26,36,.60);
  border: 1px solid rgba(255,255,255,.10);
}

#mwpl-board66 .mwpl-b66-overviewk{
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  font-size: 12px;
  opacity: .85;
  margin-bottom: 8px;
}

#mwpl-board66 .mwpl-b66-overviewv{
  font-size: 14px;
  line-height: 1.45;
  opacity: .92;
}

/* Make the NOW bubble a true 2x2 tile block */
#mwpl-board66 .mwpl-b66-bubble.is-nowhero{
  grid-column: span 2;   /* 2 tiles wide */
  grid-row: span 2;      /* 2 tiles tall */
  padding: 16px 16px;
  display: flex;
  align-items: center;
}


/* Layout inside the hero */
#mwpl-board66 .mwpl-b66-nowhero{
  display: flex;
  align-items: center;
  gap: 14px;
}

#mwpl-board66 .mwpl-b66-nowhero .mwpl-b66-wxicon{
  width: 136px;
  height: 136px;
  flex: 0 0 136px;
  opacity: 0.98;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.55));
}

#mwpl-board66 .mwpl-b66-nowhero-temp{
  font-size: 44px;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -0.02em;
}

#mwpl-board66 .mwpl-b66-nowhero-cond{
  margin-top: 4px;
  font-size: 15px;
  font-weight: 850;
  opacity: 0.92;
  text-transform: capitalize;
}
/*--------------------------------------------Better Tides_____________________________________*/
/* Tide axis time row */
.mwpl-b66-tide-axis{
  margin-top: 10px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:12px;
  font-weight:600;
  color: rgba(255,255,255,.92);
}
.mwpl-b66-tide-axis span{
  white-space:nowrap;
  opacity:.95;
}

/* Tide day row */
.mwpl-b66-tide-dayaxis{
  position: relative;
  margin-top: 6px;
  height: 16px;
}
.mwpl-b66-tide-dayaxis span{
  position:absolute;
  transform: translateX(-50%);
  font-size:12px;
  font-weight:800;
  color: rgba(255,170,255,.95);
  white-space:nowrap;
}

/* Y labels */
.mwpl-b66-tide-ylabels{
  position:absolute;
  left:10px;
  top:8px;
  bottom:8px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  pointer-events:none;
  font-size:12px;
  font-weight:700;
  color: rgba(255,255,255,.9);
  z-index: 5;
}

/* NOW marker */
.mwpl-b66-nowline.is-tide{
  position:absolute;
  top:0;
  bottom:0;
  width:2px;
  background: rgba(255,255,255,.9);
  z-index: 6;
  transform: translateX(-1px);
}
.mwpl-b66-nowline.is-tide .mwpl-b66-nowlabel{
  position:absolute;
  top:-18px;
  left:50%;
  transform:translateX(-50%);
  font-size:11px;
  font-weight:900;
  color: rgba(255,255,255,.92);
  background: rgba(0,0,0,.45);
  padding:2px 6px;
  border-radius:999px;
}

/* Min/Max markers */
.mwpl-b66-tide-mark{
  position:absolute;
  transform: translateX(-50%);
  z-index: 6;
  pointer-events:none;
}
.mwpl-b66-tide-markline{
  display:block;
  width:22px;
  height:3px;
  border-radius:999px;
  background: rgba(255,215,0,.95);
  margin: 0 auto 4px;
}
.mwpl-b66-tide-mark.is-min .mwpl-b66-tide-markline{
  background: rgba(160,220,255,.95);
}
.mwpl-b66-tide-marktxt{
  display:block;
  text-align:center;
  font-size:12px;
  font-weight:900;
  color: rgba(255,255,255,.95);
}
.mwpl-b66-tide-markt{
  display:block;
  text-align:center;
  font-size:11px;
  font-weight:700;
  opacity:.9;
  color: rgba(255,255,255,.9);
}
/* Per-extreme tide markers (High/Low) */
.mwpl-b66-tide-ext{
  position:absolute;
  transform: translateX(-50%);
  z-index: 7;
  pointer-events: auto;
}

.mwpl-b66-tide-extline{
  display:block;
  width: 20px;
  height: 3px;
  border-radius: 999px;
  margin: 0 auto;
  opacity: .95;
}

.mwpl-b66-tide-ext.is-high .mwpl-b66-tide-extline{
  background: rgba(255,215,0,.95); /* yellow */
}
.mwpl-b66-tide-ext.is-low .mwpl-b66-tide-extline{
  background: rgba(160,220,255,.95); /* light blue */
}

.mwpl-b66-tide-extlbl{
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 11px;
  font-weight: 900;
  color: rgba(255,255,255,.95);
  white-space: nowrap;
  text-shadow: 0 1px 10px rgba(0,0,0,.65);
  opacity: .95;
}

/* Lane lift: each lane moves label farther away to reduce overlap */
.mwpl-b66-tide-ext.is-high .mwpl-b66-tide-extlbl{
  bottom: calc(100% + 6px + (var(--lane) * 14px));
}
.mwpl-b66-tide-ext.is-low .mwpl-b66-tide-extlbl{
  top: calc(100% + 6px + (var(--lane) * 14px));
}
.mwpl-b66-tideline{
  display: grid;
  grid-template-columns: 52px 1fr 70px;
  gap: 10px;
  align-items: center;
}

.mwpl-b66-tidetime{
  opacity: .8;
  font-variant-numeric: tabular-nums;
}

.mwpl-b66-tideh{
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.mwpl-b66-tempval{
  font-weight: 900;
}

.mwpl-b66-moonmini{
  width: 96px;
  height: 96px;
  margin-left: 40px;
  vertical-align: middle;
  display: inline-block;
  filter: drop-shadow(0 2px 10px rgba(0,0,0,.45));
  opacity: .98;
}

/*------------------------------------------tide dial shit -------------------------------------*/
/* =========================================================
   Dial tide cards (15/16/17 + 51–55): keep the 3 buttons ON the card
   ========================================================= */

.mw-card.card-15,
.mw-card.card-16,
.mw-card.card-17,
.mw-card.card-51,
.mw-card.card-52,
.mw-card.card-53,
.mw-card.card-54,
.mw-card.card-55{
  position: relative !important;
  padding-bottom: 44px !important; /* room for the docked buttons */
}

/* Dock the injected actions row to the bottom INSIDE the card */
.mw-card.card-15 .mwpl-actions-row,
.mw-card.card-16 .mwpl-actions-row,
.mw-card.card-17 .mwpl-actions-row,
.mw-card.card-51 .mwpl-actions-row,
.mw-card.card-52 .mwpl-actions-row,
.mw-card.card-53 .mwpl-actions-row,
.mw-card.card-54 .mwpl-actions-row,
.mw-card.card-55 .mwpl-actions-row{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 10px !important;

  margin: 0 !important;
  width: auto !important;

  z-index: 9999;
  pointer-events: none; /* prevents blocking the dial */
}

/* Make the actual buttons clickable */
.mw-card.card-15 .mwpl-actions-row > *,
.mw-card.card-16 .mwpl-actions-row > *,
.mw-card.card-17 .mwpl-actions-row > *,
.mw-card.card-51 .mwpl-actions-row > *,
.mw-card.card-52 .mwpl-actions-row > *,
.mw-card.card-53 .mwpl-actions-row > *,
.mw-card.card-54 .mwpl-actions-row > *,
.mw-card.card-55 .mwpl-actions-row > *{
  pointer-events: auto;
}

/* Keep left group tight + not centered */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline{
  margin-left: 0 !important;
  width: auto !important;
  justify-content: flex-start !important;
}
/* Tighten the two left buttons so they don't overlap */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline{
  gap: 6px !important;              /* less space between the two */
}

/* The actual buttons inside that left group */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn,
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn,
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn,
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn,
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn,
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn,
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn,
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn{
  font-size: 9px !important;
  line-height: 1 !important;
  padding: 5px 8px !important;
  border-radius: 10px !important;
  min-height: 0 !important;
  white-space: nowrap !important;
}

/* Shrink any icons in those two buttons */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg,
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg,
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg,
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg,
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg,
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg,
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg,
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline .mwpl-btn svg{
  width: 12px !important;
  height: 12px !important;
}
/*---------------------------------------------------*/

/* FORCE shrink the two left buttons (My location + Reset) on dial tide cards */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline{
  gap: 4px !important;
}

/* catch ANY element you use as a "button" in that left group */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]),
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]),
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]),
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]),
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]),
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]),
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]),
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline :is(button,a,input,[role="button"]){
  font-size: 9px !important;
  line-height: 1 !important;
  padding: 3px 6px !important;
  border-radius: 9px !important;
  min-height: 0 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

/* shrink icons inside those two buttons no matter how they're built */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img),
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img),
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img),
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img),
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img),
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img),
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img),
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline :is(svg,i,.dashicons,img){
  width: 11px !important;
  height: 11px !important;
  font-size: 11px !important;
}

/* nuclear option: scale the whole left cluster slightly (guaranteed visible shrink) */
.mw-card.card-15 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-16 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-17 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-51 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-52 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-53 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-54 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-55 .mwpl-actions-row .mwpl-userloc-inline{
  transform: scale(0.90);
  transform-origin: left bottom;
}
/* =========================================================
   Compact footer (buttons + freshness) for:
   1,2,3,4,11,12,13,14,47,48,49,50
   ========================================================= */

.mw-card.card-1,
.mw-card.card-2,
.mw-card.card-3,
.mw-card.card-4,
.mw-card.card-11,
.mw-card.card-12,
.mw-card.card-13,
.mw-card.card-14,
.mw-card.card-47,
.mw-card.card-48,
.mw-card.card-49,
.mw-card.card-50{
  position: relative !important;
  /* small room so docked footer doesn't overlap the card edge */
  padding-bottom: 34px !important;
}

/* Dock the injected actions row (My location / Reset / More) INSIDE the card */
.mw-card.card-1  .mwpl-actions-row,
.mw-card.card-2  .mwpl-actions-row,
.mw-card.card-3  .mwpl-actions-row,
.mw-card.card-4  .mwpl-actions-row,
.mw-card.card-11 .mwpl-actions-row,
.mw-card.card-12 .mwpl-actions-row,
.mw-card.card-13 .mwpl-actions-row,
.mw-card.card-14 .mwpl-actions-row,
.mw-card.card-47 .mwpl-actions-row,
.mw-card.card-48 .mwpl-actions-row,
.mw-card.card-49 .mwpl-actions-row,
.mw-card.card-50 .mwpl-actions-row{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;

  margin: 0 !important;
  width: auto !important;

  z-index: 9999;
  pointer-events: none; /* don't block card */
}

/* Make the actual buttons clickable */
.mw-card.card-1  .mwpl-actions-row > *,
.mw-card.card-2  .mwpl-actions-row > *,
.mw-card.card-3  .mwpl-actions-row > *,
.mw-card.card-4  .mwpl-actions-row > *,
.mw-card.card-11 .mwpl-actions-row > *,
.mw-card.card-12 .mwpl-actions-row > *,
.mw-card.card-13 .mwpl-actions-row > *,
.mw-card.card-14 .mwpl-actions-row > *,
.mw-card.card-47 .mwpl-actions-row > *,
.mw-card.card-48 .mwpl-actions-row > *,
.mw-card.card-49 .mwpl-actions-row > *,
.mw-card.card-50 .mwpl-actions-row > *{
  pointer-events: auto;
}

/* IMPORTANT: ip-geo.js may inline-position these bottom-left.
   Force them back into normal flow inside the actions row. */
.mw-card.card-1  .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-2  .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-3  .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-4  .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-11 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-12 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-13 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-14 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-47 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-48 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-49 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-50 .mwpl-actions-row .mwpl-userloc-inline{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  margin: 0 !important;
}

/* Put "Last updated" on the SAME line (centered) */
.mw-card.card-1  .mw-freshness,
.mw-card.card-2  .mw-freshness,
.mw-card.card-3  .mw-freshness,
.mw-card.card-4  .mw-freshness,
.mw-card.card-11 .mw-freshness,
.mw-card.card-12 .mw-freshness,
.mw-card.card-13 .mw-freshness,
.mw-card.card-14 .mw-freshness,
.mw-card.card-47 .mw-freshness,
.mw-card.card-48 .mw-freshness,
.mw-card.card-49 .mw-freshness,
.mw-card.card-50 .mw-freshness{
  position: absolute !important;
  left: 50% !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-size: 10px !important;

  z-index: 9998;
  pointer-events: none;
}

/* If it gets cramped on small screens, move freshness up one line */
@media (max-width: 420px){
  .mw-card.card-1  .mw-freshness,
  .mw-card.card-2  .mw-freshness,
  .mw-card.card-3  .mw-freshness,
  .mw-card.card-4  .mw-freshness,
  .mw-card.card-11 .mw-freshness,
  .mw-card.card-12 .mw-freshness,
  .mw-card.card-13 .mw-freshness,
  .mw-card.card-14 .mw-freshness,
  .mw-card.card-47 .mw-freshness,
  .mw-card.card-48 .mw-freshness,
  .mw-card.card-49 .mw-freshness,
  .mw-card.card-50 .mw-freshness{
    bottom: 34px !important;
  }
}
/* =========================================================
   Compact footer (buttons + "Last updated") for:
   8,9,10,22,23,24,25,26,56,57,58,59,60
   (these cards use .mw-timezone-hint, not .mw-freshness)
   ========================================================= */

.mw-card.card-8,
.mw-card.card-9,
.mw-card.card-10,
.mw-card.card-22,
.mw-card.card-23,
.mw-card.card-24,
.mw-card.card-25,
.mw-card.card-26,
.mw-card.card-56,
.mw-card.card-57,
.mw-card.card-58,
.mw-card.card-59,
.mw-card.card-60{
  position: relative !important;
  padding-bottom: 34px !important; /* room for docked footer */
}

/* Dock the action buttons row inside the card */
.mw-card.card-8  .mwpl-actions-row,
.mw-card.card-9  .mwpl-actions-row,
.mw-card.card-10 .mwpl-actions-row,
.mw-card.card-22 .mwpl-actions-row,
.mw-card.card-23 .mwpl-actions-row,
.mw-card.card-24 .mwpl-actions-row,
.mw-card.card-25 .mwpl-actions-row,
.mw-card.card-26 .mwpl-actions-row,
.mw-card.card-56 .mwpl-actions-row,
.mw-card.card-57 .mwpl-actions-row,
.mw-card.card-58 .mwpl-actions-row,
.mw-card.card-59 .mwpl-actions-row,
.mw-card.card-60 .mwpl-actions-row{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;

  margin: 0 !important;
  width: auto !important;

  z-index: 9999;
  pointer-events: none;
}

/* Make the buttons clickable */
.mw-card.card-8  .mwpl-actions-row > *,
.mw-card.card-9  .mwpl-actions-row > *,
.mw-card.card-10 .mwpl-actions-row > *,
.mw-card.card-22 .mwpl-actions-row > *,
.mw-card.card-23 .mwpl-actions-row > *,
.mw-card.card-24 .mwpl-actions-row > *,
.mw-card.card-25 .mwpl-actions-row > *,
.mw-card.card-26 .mwpl-actions-row > *,
.mw-card.card-56 .mwpl-actions-row > *,
.mw-card.card-57 .mwpl-actions-row > *,
.mw-card.card-58 .mwpl-actions-row > *,
.mw-card.card-59 .mwpl-actions-row > *,
.mw-card.card-60 .mwpl-actions-row > *{
  pointer-events: auto;
}

/* If JS/inline styles try to pin userloc, force it back into the row flow */
.mw-card.card-8  .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-9  .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-10 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-22 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-23 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-24 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-25 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-26 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-56 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-57 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-58 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-59 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-60 .mwpl-actions-row .mwpl-userloc-inline{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  margin: 0 !important;
}

/* Center the "Last updated" line on the SAME bottom line */
.mw-card.card-8  .mw-timezone-hint,
.mw-card.card-9  .mw-timezone-hint,
.mw-card.card-10 .mw-timezone-hint,
.mw-card.card-22 .mw-timezone-hint,
.mw-card.card-23 .mw-timezone-hint,
.mw-card.card-24 .mw-timezone-hint,
.mw-card.card-25 .mw-timezone-hint,
.mw-card.card-26 .mw-timezone-hint,
.mw-card.card-56 .mw-timezone-hint,
.mw-card.card-57 .mw-timezone-hint,
.mw-card.card-58 .mw-timezone-hint,
.mw-card.card-59 .mw-timezone-hint,
.mw-card.card-60 .mw-timezone-hint{
  position: absolute !important;
  left: 50% !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
  line-height: 1.1 !important;
  font-size: 10px !important;

  z-index: 9998;
  pointer-events: none;
}

/* On narrow screens, pop it up one line */
@media (max-width: 420px){
  .mw-card.card-8  .mw-timezone-hint,
  .mw-card.card-9  .mw-timezone-hint,
  .mw-card.card-10 .mw-timezone-hint,
  .mw-card.card-22 .mw-timezone-hint,
  .mw-card.card-23 .mw-timezone-hint,
  .mw-card.card-24 .mw-timezone-hint,
  .mw-card.card-25 .mw-timezone-hint,
  .mw-card.card-26 .mw-timezone-hint,
  .mw-card.card-56 .mw-timezone-hint,
  .mw-card.card-57 .mw-timezone-hint,
  .mw-card.card-58 .mw-timezone-hint,
  .mw-card.card-59 .mw-timezone-hint,
  .mw-card.card-60 .mw-timezone-hint{
    bottom: 34px !important;
  }
}
/* =========================================================
   Cards 18–21: keep moon + thermometer bulb on same baseline
   AND leave ~6px gap above buttons
   ========================================================= */

.mw-card.card-18,
.mw-card.card-19,
.mw-card.card-20,
.mw-card.card-21{
  position: relative !important;
  --mw1821_footer_space: 28px; /* ~button height + ~6px gap */
}

/* Create space UNDER the forecast+meter row so the bulb sits higher */
.mw-card.card-18 .mw18-bottom-combined,
.mw-card.card-19 .mw19-bottom-combined,
.mw-card.card-20 .mw20-bottom-combined,
.mw-card.card-21 .mw21-bottom-combined{
  padding-bottom: var(--mw1821_footer_space) !important;
}

/* Anchor the moon to the SAME baseline as the bulb */
.mw-card.card-18 .mw18-moon-fixed,
.mw-card.card-19 .mw19-moon-fixed,
.mw-card.card-20 .mw20-moon-fixed,
.mw-card.card-21 .mw21-moon-fixed{
  bottom: var(--mw1821_footer_space) !important;
}

/* Dock the buttons at the very bottom, not affecting layout */
.mw-card.card-18 .mwpl-actions-row,
.mw-card.card-19 .mwpl-actions-row,
.mw-card.card-20 .mwpl-actions-row,
.mw-card.card-21 .mwpl-actions-row{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 7px !important;
  margin: 0 !important;
  width: auto !important;
  z-index: 9999;
  pointer-events: none;
}

/* Buttons clickable */
.mw-card.card-18 .mwpl-actions-row > *,
.mw-card.card-19 .mwpl-actions-row > *,
.mw-card.card-20 .mwpl-actions-row > *,
.mw-card.card-21 .mwpl-actions-row > *{
  pointer-events: auto;
}

/* Undo any inline pinning on the userloc */
.mw-card.card-18 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-19 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-20 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-21 .mwpl-actions-row .mwpl-userloc-inline{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  margin: 0 !important;
}

/* =========================================================
   Compact footer (buttons + "Last updated") for:
   61,62,63,64,65
   ========================================================= */

.mw-card.card-61,
.mw-card.card-62,
.mw-card.card-63,
.mw-card.card-64,
.mw-card.card-65{
  position: relative !important;
  padding-bottom: 34px !important; /* room for docked footer */
}

/* Dock the action buttons row inside the card */
.mw-card.card-61 .mwpl-actions-row,
.mw-card.card-62 .mwpl-actions-row,
.mw-card.card-63 .mwpl-actions-row,
.mw-card.card-64 .mwpl-actions-row,
.mw-card.card-65 .mwpl-actions-row{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;

  margin: 0 !important;
  width: auto !important;

  z-index: 9999;
  pointer-events: none;
}

/* Make buttons clickable */
.mw-card.card-61 .mwpl-actions-row > *,
.mw-card.card-62 .mwpl-actions-row > *,
.mw-card.card-63 .mwpl-actions-row > *,
.mw-card.card-64 .mwpl-actions-row > *,
.mw-card.card-65 .mwpl-actions-row > *{
  pointer-events: auto;
}

/* If inline styles try to pin userloc, undo it */
.mw-card.card-61 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-62 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-63 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-64 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-65 .mwpl-actions-row .mwpl-userloc-inline{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  margin: 0 !important;
}

/* Center "Last updated" on the same bottom line */
.mw-card.card-61 .mw-timezone-hint,
.mw-card.card-62 .mw-timezone-hint,
.mw-card.card-63 .mw-timezone-hint,
.mw-card.card-64 .mw-timezone-hint,
.mw-card.card-65 .mw-timezone-hint{
  position: absolute !important;
  left: 50% !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
  line-height: 1.1 !important;

  z-index: 9998;
  pointer-events: none;
}

/* On narrow screens, pop it up one line */
@media (max-width: 420px){
  .mw-card.card-61 .mw-timezone-hint,
  .mw-card.card-62 .mw-timezone-hint,
  .mw-card.card-63 .mw-timezone-hint,
  .mw-card.card-64 .mw-timezone-hint,
  .mw-card.card-65 .mw-timezone-hint{
    bottom: 34px !important;
  }
}

/* =========================================================
   Compact footer (buttons + "Last updated") for:
   32,33,34,35,36
   ========================================================= */

.mw-card.card-32,
.mw-card.card-33,
.mw-card.card-34,
.mw-card.card-35,
.mw-card.card-36{
  position: relative !important;
  padding-bottom: 34px !important; /* room for docked footer */
}

/* Dock the action buttons row inside the card */
.mw-card.card-32 .mwpl-actions-row,
.mw-card.card-33 .mwpl-actions-row,
.mw-card.card-34 .mwpl-actions-row,
.mw-card.card-35 .mwpl-actions-row,
.mw-card.card-36 .mwpl-actions-row{
  position: absolute !important;
  left: 12px !important;
  right: 12px !important;
  bottom: 8px !important;

  margin: 0 !important;
  width: auto !important;

  z-index: 9999;
  pointer-events: none;
}

/* Make buttons clickable */
.mw-card.card-32 .mwpl-actions-row > *,
.mw-card.card-33 .mwpl-actions-row > *,
.mw-card.card-34 .mwpl-actions-row > *,
.mw-card.card-35 .mwpl-actions-row > *,
.mw-card.card-36 .mwpl-actions-row > *{
  pointer-events: auto;
}

/* Undo any inline pinning */
.mw-card.card-32 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-33 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-34 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-35 .mwpl-actions-row .mwpl-userloc-inline,
.mw-card.card-36 .mwpl-actions-row .mwpl-userloc-inline{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  top: auto !important;
  margin: 0 !important;
}

/* Center "Last updated" on the same bottom line */
.mw-card.card-32 .mw-timezone-hint,
.mw-card.card-33 .mw-timezone-hint,
.mw-card.card-34 .mw-timezone-hint,
.mw-card.card-35 .mw-timezone-hint,
.mw-card.card-36 .mw-timezone-hint{
  position: absolute !important;
  left: 50% !important;
  bottom: 10px !important;
  transform: translateX(-50%) !important;

  margin: 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
  line-height: 1.1 !important;

  z-index: 9998;
  pointer-events: none;
}

/* On narrow screens, pop it up one line */
@media (max-width: 420px){
  .mw-card.card-32 .mw-timezone-hint,
  .mw-card.card-33 .mw-timezone-hint,
  .mw-card.card-34 .mw-timezone-hint,
  .mw-card.card-35 .mw-timezone-hint,
  .mw-card.card-36 .mw-timezone-hint{
    bottom: 34px !important;
  }
}