/*
 * RWx Premium Weather UI Overlay
 * Adds the light/dark premium weather dashboard styling across the existing theme
 * without replacing data feeds, radar viewers, lightning tools, memberships, or templates.
 */
:root{
  --rwx-bg:#eef7ff;
  --rwx-bg-2:#f8fbff;
  --rwx-surface:rgba(255,255,255,.82);
  --rwx-surface-strong:rgba(255,255,255,.96);
  --rwx-border:rgba(26,59,91,.12);
  --rwx-text:#0d2338;
  --rwx-muted:#60758a;
  --rwx-blue:#1379c8;
  --rwx-blue-2:#20aae8;
  --rwx-cyan:#80d9ff;
  --rwx-sun:#ffae22;
  --rwx-green:#10b981;
  --rwx-red:#ef4444;
  --rwx-shadow:0 18px 55px rgba(19,72,119,.14);
  --rwx-shadow-soft:0 10px 30px rgba(19,72,119,.10);
  --rwx-radius:24px;
  --rwx-radius-sm:16px;
  --rwx-blur:blur(18px) saturate(1.18);
}
html[data-rwx-theme="dark"],body.rwx-dark-theme{
  --rwx-bg:#06192c;
  --rwx-bg-2:#09243e;
  --rwx-surface:rgba(9,31,53,.76);
  --rwx-surface-strong:rgba(12,37,62,.94);
  --rwx-border:rgba(180,222,255,.16);
  --rwx-text:#eef8ff;
  --rwx-muted:#a9bfd3;
  --rwx-blue:#39aaf4;
  --rwx-blue-2:#62d4ff;
  --rwx-cyan:#9be5ff;
  --rwx-sun:#ffc55f;
  --rwx-shadow:0 22px 70px rgba(0,0,0,.34);
  --rwx-shadow-soft:0 12px 36px rgba(0,0,0,.24);
}
html{scroll-behavior:smooth}
body{
  color:var(--rwx-text)!important;
  background:
    radial-gradient(circle at 15% -10%,rgba(123,211,255,.45),transparent 32rem),
    radial-gradient(circle at 82% 8%,rgba(255,196,88,.30),transparent 26rem),
    linear-gradient(180deg,var(--rwx-bg),var(--rwx-bg-2) 48%,#fff 100%)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
html[data-rwx-theme="dark"] body,body.rwx-dark-theme{
  background:
    radial-gradient(circle at 18% -10%,rgba(41,151,219,.28),transparent 34rem),
    radial-gradient(circle at 85% 0,rgba(255,183,74,.14),transparent 27rem),
    linear-gradient(180deg,var(--rwx-bg),#03111f 100%)!important;
}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 35%),url('/wp-content/themes/rw-modern-theme/assets/gritting-services-truck-day-hero.jpg');background-size:cover;background-position:center top;opacity:.13;pointer-events:none;filter:saturate(1.25)}
html[data-rwx-theme="dark"] body:before,body.rwx-dark-theme:before{opacity:.08;filter:saturate(1.15) brightness(.65)}
.outer,.site-shell,.page-wrap{background:transparent!important}.site-shell,.page-wrap{max-width:1360px!important;margin-inline:auto!important}.page-wrap{padding-inline:clamp(14px,2vw,28px)!important}
.site-header{position:sticky!important;top:10px!important;z-index:9990;margin:10px clamp(10px,2vw,24px) 18px!important;padding:12px!important;border:1px solid var(--rwx-border)!important;border-radius:26px!important;background:var(--rwx-surface)!important;box-shadow:var(--rwx-shadow-soft)!important;backdrop-filter:var(--rwx-blur);-webkit-backdrop-filter:var(--rwx-blur)}
.header-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0!important}.brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}.brand-logo img{max-height:46px!important;width:auto!important;display:block!important}.brand-name{font-family:Outfit,Inter,sans-serif!important;font-size:clamp(20px,2vw,28px)!important;letter-spacing:-.04em!important;color:var(--rwx-text)!important;margin:0!important}.brand-tag{margin:0!important;color:var(--rwx-muted)!important;font-size:12px!important}.header-cta-group{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}.header-cta,.btn,.button,button,input[type="submit"],.wp-block-button__link{border-radius:999px!important;border:1px solid var(--rwx-border)!important;background:var(--rwx-surface-strong)!important;color:var(--rwx-text)!important;box-shadow:0 8px 20px rgba(19,72,119,.08)!important;text-decoration:none!important;font-weight:800!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.header-cta:hover,.btn:hover,.button:hover,button:hover,input[type="submit"]:hover,.wp-block-button__link:hover{transform:translateY(-1px);box-shadow:0 14px 30px rgba(19,72,119,.16)!important}.btn-primary,.header-cta-account,.rw-forecast-search-btn,.wp-block-button__link{background:linear-gradient(135deg,var(--rwx-blue),var(--rwx-blue-2))!important;color:#fff!important;border-color:transparent!important}.header-nav{margin-top:12px!important;padding-top:10px!important;border-top:1px solid var(--rwx-border)!important}.nav_main{display:flex!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important;margin:0!important;padding:0!important}.nav_main li{list-style:none!important}.nav_main a{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:10px 13px!important;border-radius:999px!important;color:var(--rwx-text)!important;text-decoration:none!important;font-weight:800!important}.nav_main a:hover,.nav_main .current-menu-item>a{background:rgba(32,170,232,.13)!important;color:var(--rwx-blue)!important}
.rwx-theme-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rwx-border);border-radius:999px;background:var(--rwx-surface-strong);color:var(--rwx-text);padding:10px 12px;font:800 13px/1 Inter,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(19,72,119,.08)}.rwx-theme-toggle span:first-child{font-size:16px}.rwx-theme-toggle:hover{transform:translateY(-1px)}
.header-forecast-search,.rw-forecast-search-wrap{max-width:none!important}.rw-forecast-search-row{display:flex!important;gap:10px!important;align-items:center!important}.rw-forecast-search-box{flex:1!important}.rw-forecast-search-box input,input[type="text"],input[type="search"],input[type="email"],input[type="password"],select,textarea{border:1px solid var(--rwx-border)!important;border-radius:18px!important;background:rgba(255,255,255,.72)!important;color:var(--rwx-text)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.65)!important}.rw-forecast-search-box input{padding:14px 16px!important}html[data-rwx-theme="dark"] input,html[data-rwx-theme="dark"] select,html[data-rwx-theme="dark"] textarea,body.rwx-dark-theme input,body.rwx-dark-theme select,body.rwx-dark-theme textarea{background:rgba(9,31,53,.78)!important;color:var(--rwx-text)!important}
.content-section,.hero-card,.card,.forecast-card,.weather-card,.rwx-home-weather,.rwx-map-shell,.rw-header-livebar,.rwx-sales-strip,.entry-content>table,.wp-block-group,.pmpro,main article,.archive-card,.post-card,[class*="panel"],[class*="widget"],[class*="map-shell"],[class*="radar"],[class*="lightning"],[class*="forecast"]{border-color:var(--rwx-border)!important;border-radius:var(--rwx-radius)!important;background:var(--rwx-surface)!important;color:var(--rwx-text)!important;box-shadow:var(--rwx-shadow-soft)!important;backdrop-filter:var(--rwx-blur);-webkit-backdrop-filter:var(--rwx-blur)}
.content-section,.wp-block-group,main article{padding:clamp(18px,2.6vw,30px)!important}.hero-card{overflow:hidden!important;box-shadow:var(--rwx-shadow)!important}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,25,44,.70),rgba(6,25,44,.10) 58%,transparent);pointer-events:none}.hero-content{position:relative;z-index:2}.hero-panel{background:rgba(255,255,255,.20)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:28px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.hero-title,h1,h2,h3{font-family:Outfit,Inter,sans-serif!important;letter-spacing:-.035em!important;color:var(--rwx-text)!important}.hero-title{color:#fff!important;font-size:clamp(32px,5vw,68px)!important;line-height:.96!important}.hero-text,.section-subtitle,p,li{color:var(--rwx-muted)}
.rw-header-livebar{padding:14px!important;margin-top:12px!important;display:grid!important;grid-template-columns:minmax(190px,.8fr) 1.2fr!important;gap:16px!important}.rw-livebar-location strong,.rw-livebar-main strong{color:var(--rwx-text)!important}.rw-livebar-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(90px,1fr))!important;gap:10px!important}.rw-livebar-item{border:1px solid var(--rwx-border)!important;border-radius:18px!important;background:rgba(255,255,255,.54)!important;padding:12px!important}html[data-rwx-theme="dark"] .rw-livebar-item,body.rwx-dark-theme .rw-livebar-item{background:rgba(255,255,255,.06)!important}.rw-livebar-icon{filter:drop-shadow(0 7px 10px rgba(255,174,34,.28))}
.rwx-home-weather{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.66))!important}.rwx-map-shell,#rwxHomeMap,.leaflet-container,[id*="map"],[class*="map"] canvas{border-radius:22px!important}.leaflet-control,.leaflet-popup-content-wrapper{border-radius:16px!important;box-shadow:var(--rwx-shadow-soft)!important}.rwx-map-pill,.rwx-radar-link,.rwx-time-rail,.rwx-time-chip,.rwx-slide-btn{border-color:var(--rwx-border)!important;background:var(--rwx-surface-strong)!important;color:var(--rwx-text)!important}.rwx-time-chip.is-active{background:linear-gradient(135deg,var(--rwx-blue),var(--rwx-blue-2))!important;color:#fff!important}.rwx-marker-pin{border-color:rgba(32,170,232,.72)!important;box-shadow:0 15px 30px rgba(19,72,119,.25),0 0 0 6px rgba(255,255,255,.58)!important}
.rw-badge,.rw-badge-pro,.rw-badge-free{border-radius:999px!important;padding:.22rem .5rem!important;font-weight:900!important}.rw-badge-pro{background:linear-gradient(135deg,#7c3aed,#20aae8)!important;color:#fff!important}.rw-badge-free{background:rgba(16,185,129,.13)!important;color:#047857!important}.rwx-sales-strip{background:linear-gradient(135deg,#0a3155,var(--rwx-blue) 58%,var(--rwx-blue-2))!important;color:#fff!important}.rwx-sales-float{border:1px solid rgba(255,255,255,.2)!important;background:rgba(6,25,44,.88)!important;backdrop-filter:blur(18px)!important;border-radius:22px!important}
.pmpro table,.entry-content table,table{border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;border-radius:18px!important;border:1px solid var(--rwx-border)!important;background:var(--rwx-surface-strong)!important}td,th{border-color:var(--rwx-border)!important}th{background:rgba(32,170,232,.10)!important;color:var(--rwx-text)!important}.pmpro_btn,.pmpro_btn-submit{background:linear-gradient(135deg,var(--rwx-blue),var(--rwx-blue-2))!important;color:#fff!important;border:0!important;border-radius:999px!important}
a{color:var(--rwx-blue)}.warning,.alert,[class*="warning"],[class*="alert"]{border-radius:18px!important}.metoffice-warning,.rw-warning-bar{background:linear-gradient(135deg,rgba(255,174,34,.18),rgba(255,255,255,.72))!important;border:1px solid rgba(255,174,34,.30)!important;color:var(--rwx-text)!important}
@media(max-width:900px){.site-header{top:0!important;margin:0 0 12px!important;border-radius:0 0 24px 24px!important}.header-top{align-items:flex-start!important}.header-cta-group{justify-content:flex-start!important}.rw-header-livebar{grid-template-columns:1fr!important}.rw-livebar-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nav_main{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px!important}.nav_main a{white-space:nowrap!important}.content-section,.wp-block-group,main article{padding:16px!important}.page-wrap{padding-inline:10px!important}.rwx-theme-toggle .rwx-theme-label{display:none}}
@media(max-width:560px){.brand-copy{display:none}.brand-logo img{max-height:40px!important}.header-cta{padding:9px 11px!important;font-size:12px!important}.rw-livebar-metrics{grid-template-columns:1fr 1fr!important}.hero-title{font-size:36px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}