/* Watersport Getijden 1.9 - scoped to plugin and its containing page. */
.wtg{--wtg-navy:#153a50;--wtg-deep:#10344d;--wtg-sea:#087e9c;--wtg-line:#dfebef;--wtg-muted:#637b8b;--wtg-radius:17px;box-sizing:border-box;container-type:inline-size;max-width:1100px;width:100%;margin:0 auto;padding-inline:clamp(14px,2.2vw,28px);color:var(--wtg-navy);font:400 17px/1.48 ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-x:clip}
.wtg *,.wtg *::before,.wtg *::after{box-sizing:border-box}
.wtg :is(button,input,select){font:inherit}
.wtg button{cursor:pointer}
.wtg :is(p,h2,h3){margin:0}
.wtg-shell{width:100%;padding:0 0 14px}
.wtg-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;align-items:stretch;padding:0 0 17px}
.wtg-field{display:block;min-width:0;background:#fff;padding:11px 16px 9px;min-height:79px}
.wtg-location{border:1px solid #cbdde5;border-radius:14px}
.wtg-location:focus-within,.wtg-date-control:focus-within{border-color:#087e9c;box-shadow:0 0 0 3px #087e9c18}
.wtg-field>span{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--wtg-muted);font-weight:760;text-transform:uppercase;letter-spacing:.8px;line-height:1.4}
.wtg-field svg,.wtg-date-step svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wtg-field :is(select,input){display:block;appearance:auto;-webkit-appearance:auto;width:100%;min-width:0;max-width:100%;padding:6px 0 0;border:0!important;border-radius:0!important;background:transparent!important;outline:none!important;box-shadow:none!important;color:var(--wtg-navy)!important;font-size:20px!important;font-weight:760!important;line-height:1.5!important;min-height:32px;margin:0!important}
.wtg-field select{cursor:pointer}
.wtg-date-control{display:flex;align-items:stretch;min-width:0;min-height:79px;border:1px solid #cbdde5;border-radius:14px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
.wtg-date-control .wtg-date{flex:1 1 auto;min-width:0;min-height:0;padding:11px 8px 7px 13px}
.wtg-date-step{flex:0 0 52px;display:flex;align-items:center;justify-content:center;background:#f6fafb!important;color:#24556a!important;border:none!important;border-radius:0!important;box-shadow:none!important;min-width:0;padding:0!important;transition:background .15s}
.wtg-date-step:first-child{border-right:1px solid #e2edf1!important}
.wtg-date-step:last-child{border-left:1px solid #e2edf1!important}
.wtg-date-step:hover:not(:disabled){background:#e4f4f7!important}
.wtg-date-step:focus-visible{outline:2px solid #087e9c;outline-offset:-3px}
.wtg-date-step:disabled{color:#b6cbd1!important;background:#f8fafb!important;cursor:not-allowed}
.wtg-date-step svg{width:24px;height:24px}
.wtg-feedback{font-size:15px;color:var(--wtg-sea)}
.wtg-feedback:not(:empty){margin:0 0 12px}
.wtg-feedback-error{color:#b53b32}
.wtg-phase-card,.wtg-chart-card{border:1px solid var(--wtg-line);border-radius:var(--wtg-radius);background:#fff;box-shadow:0 4px 24px rgba(15,59,78,.026)}
.wtg-phase-card{padding:22px 24px 17px;margin-bottom:15px}
.wtg-phase-summary{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px}
.wtg-phase-copy{min-width:0;flex:1}
.wtg-phase-title{font-size:clamp(24px,2.2vw,29px);line-height:1.2;font-weight:770;color:#10344d;letter-spacing:-.35px}
.wtg-phase-sub{margin-top:5px;color:var(--wtg-muted);font-size:15px;line-height:1.55;max-width:710px}
.wtg-phase-pill{display:flex;align-items:center;gap:9px;background:#edf7fa;border:1px solid #dbeef2;border-radius:13px;padding:10px 13px;flex-shrink:0}
.wtg-phase-pill-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d9f1f5;color:#087e9c;font-size:17px;font-weight:800}
.wtg-phase-pill-copy{display:flex;flex-direction:column;line-height:1.2}
.wtg-phase-pill-copy strong{font-size:17px;color:#0f3146;font-weight:770;white-space:nowrap}
.wtg-phase-pill-copy small{font-size:11px;color:var(--wtg-muted);text-transform:uppercase;letter-spacing:.55px}
.wtg-daybar-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;letter-spacing:.6px;text-transform:uppercase;font-weight:760;color:#657e8d}
.wtg-daybar-legend{display:flex;align-items:center;gap:5px;font-size:12px;letter-spacing:0;text-transform:none;font-weight:650}
.wtg-daybar-legend i{display:block;width:11px;height:7px;border-radius:9px;background:#13a3b5;margin:0 2px 0 9px}
.wtg-daybar-legend i:nth-of-type(2){background:#8da9b7}
.wtg-daybar-track{position:relative;height:118px;margin:8px 8px 0;overflow:visible}
.wtg-daybar-base{position:absolute;left:0;right:0;top:72px;height:10px;border-radius:99px;background:#e8f0f4}
.wtg-daybar-seg{position:absolute;top:72px;height:10px;border-radius:99px}
.wtg-daybar-seg.is-rising{background:#0ea0b4}
.wtg-daybar-seg.is-falling{background:#91adbb}
.wtg-daybar-marker{position:absolute;top:0;transform:translateX(-50%);text-align:center;z-index:2;width:0;height:0}
.wtg-daybar-bubble{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:70px;background:#fff;border:1px solid #dbe9ee;border-radius:11px;padding:6px 9px 7px;box-shadow:0 2px 10px rgba(15,59,78,.04)}
.wtg-daybar-marker.edge-start .wtg-daybar-bubble{left:0;transform:none}
.wtg-daybar-marker.edge-end .wtg-daybar-bubble{left:auto;right:0;transform:none}
.wtg-daybar-label{font-size:11px;line-height:1.1;font-weight:800;letter-spacing:.7px;color:#688393}
.wtg-daybar-time{font-size:16px;line-height:1.12;font-weight:800;color:#0f3146;white-space:nowrap;font-variant-numeric:tabular-nums}
.wtg-daybar-stem{position:absolute;top:47px;left:0;width:2px;height:25px;background:#c6d8e0;transform:translateX(-50%)}
.wtg-daybar-dot{position:absolute;top:69px;left:0;transform:translate(-50%,-3px);width:16px;height:16px;border-radius:50%;border:3px solid #6f8998;background:#fff;box-shadow:0 0 0 3px #fff}
.wtg-daybar-marker.is-high .wtg-daybar-dot{border-color:#0a899d}
.wtg-daybar-now{position:absolute;left:0;top:77px;z-index:10;pointer-events:none;display:block;width:20px;height:20px;transform:translate(-50%,-50%)}
.wtg-daybar-now-dot{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:50%;background:#ff7900;border:3px solid #fff;box-shadow:0 0 0 3px rgba(242,110,0,.42),0 2px 8px rgba(156,72,0,.26)}
.wtg-daybar-hours{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;margin-top:15px;font-size:12px;font-variant-numeric:tabular-nums;color:#718b99}
.wtg-chart-card{padding:16px 22px 18px}
.wtg-chart-toggle{display:none}
.wtg-scroll-hint{display:none;color:var(--wtg-muted);font-size:13px;text-align:center}
.wtg-graph-wrap{width:100%;overflow:hidden}
.wtg-graph{width:100%;line-height:0}
.wtg-graph svg{display:block;width:100%;height:auto;max-width:none;overflow:visible;font-family:inherit}
.wtg-graph-bottom{border-top:1px solid var(--wtg-line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px}
.wtg-readout{min-height:25px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:15px;color:var(--wtg-muted)}
.wtg-readout strong{font-weight:750;color:var(--wtg-navy);font-variant-numeric:tabular-nums}
.wtg-readout-mark{display:inline-block;background:#ed9055;border-radius:50%;width:8px;height:8px;flex:0 0 auto}
.wtg-trend{background:#e7f5f8;padding:3px 9px;border-radius:999px;color:#087e9c;font-size:14px;font-weight:740}
.wtg-graph-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.wtg-phase{display:flex;align-items:center;gap:6px;font-weight:650;font-size:14px;white-space:nowrap}
.wtg-phase:empty{display:none}
.wtg-phase-icon{font-size:20px;line-height:1}
.wtg-approx{flex-shrink:0;font-size:13px;color:var(--wtg-muted)}
.wtg-events{padding:26px 0 24px}
.wtg-list-head{margin-bottom:13px}
.wtg-list-head h3{font-size:25px;letter-spacing:-.35px;color:var(--wtg-navy);font-weight:780}
.wtg-event-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.wtg-event{display:flex;align-items:center;gap:10px;min-height:110px;background:#f1f8fa;border:1px solid #e5eff3;border-radius:14px;padding:16px 12px}
.wtg-event-low{background:#f8fafb}
.wtg-event-sign{font-size:26px;font-weight:800;color:#008da6;align-self:flex-start;margin-top:3px}
.wtg-event-low .wtg-event-sign{color:#6a8492}
.wtg-event-data{flex:1;min-width:0}
.wtg-event-type{font-size:12px;color:#647d8b;letter-spacing:.5px;font-weight:840;white-space:nowrap}
.wtg-event-time{font-size:clamp(23px,2.6vw,29px);font-weight:780;letter-spacing:-.5px;line-height:1.45;color:var(--wtg-navy);font-variant-numeric:tabular-nums;white-space:nowrap}
.wtg-event-height{display:flex;align-items:end;flex-direction:column;white-space:nowrap;padding-top:18px}
.wtg-event-height strong{font-size:18px;color:var(--wtg-sea);font-weight:770;font-variant-numeric:tabular-nums}
.wtg-event-height span{font-size:12px;color:var(--wtg-muted)}
.wtg-footer{display:block;padding:20px 0 5px;border-top:1px solid var(--wtg-line)}
.wtg-footer strong{font-size:14px;color:var(--wtg-navy)}
.wtg-footer p{margin-top:6px;max-width:850px;font-size:14px;line-height:1.7;color:var(--wtg-muted)}
.wtg-footer p strong{font-size:inherit;color:inherit}
.wtg-loading,.wtg-error{padding:24px;border:1px solid #d6e7ea;border-radius:12px;font-size:16px;color:#214a5d;background:#f2f8fa}
.wtg-error{color:#ad3b37;background:#fff4f4}
@container(max-width:870px){
 .wtg-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wtg-event-time{font-size:26px}
 .wtg-phase-summary{align-items:flex-start}
 .wtg-phase-pill{padding:9px 11px}
}
@container(max-width:620px){
 .wtg-controls{grid-template-columns:minmax(0,1fr);gap:9px;padding-bottom:13px}
 .wtg-field{min-height:66px;padding:9px 13px 8px}
 .wtg-date-control{min-height:66px}
 .wtg-date-control .wtg-date{padding:9px 7px 6px 12px}
 .wtg-date-step{flex-basis:48px}
 .wtg-field :is(select,input){font-size:18px!important;min-height:29px;line-height:1.4!important}
 .wtg-phase-card{padding:15px 13px 16px;margin-bottom:10px}
 .wtg-phase-summary{flex-direction:column;gap:11px;margin-bottom:15px}
 .wtg-phase-title{font-size:23px}
 .wtg-phase-sub{font-size:14px}
 .wtg-phase-pill{padding:8px 10px}
 .wtg-phase-pill-copy strong{font-size:16px}
 .wtg-daybar-track{margin-left:5px;margin-right:5px}
 .wtg-daybar-bubble{min-width:60px;padding:6px 6px 7px;border-radius:9px}
 .wtg-daybar-label{font-size:10px}
 .wtg-daybar-time{font-size:13px}
 .wtg-daybar-topline{font-size:12px}
 .wtg-daybar-legend{font-size:11px}
 .wtg-daybar-hours{font-size:11px;padding:0 5px}
 .wtg-chart-card{padding:0 12px;border-radius:14px}
 .wtg-chart-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:12px 4px;border:0!important;box-shadow:none!important;background:#fff!important;color:#153a50!important;text-align:left;font-size:16px!important;font-weight:760!important}
 .wtg-chart-toggle svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;transition:transform .2s}
 .wtg-chart-open .wtg-chart-toggle svg{transform:rotate(180deg)}
 .wtg-chart-content{display:none}
 .wtg-chart-open .wtg-chart-content{display:block;padding:5px 0 14px}
 .wtg-graph-wrap{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}
 .wtg-graph{min-width:760px}
 .wtg-scroll-hint{display:block;margin:6px 0}
 .wtg-graph-bottom{display:block;padding-top:12px}
 .wtg-readout{font-size:14px;gap:7px}
 .wtg-graph-meta{margin-top:9px;gap:8px;justify-content:flex-start}
 .wtg-approx{font-size:12px}
 .wtg-events{padding:22px 0 19px}
 .wtg-list-head h3{font-size:23px}
 .wtg-event-grid{grid-template-columns:1fr;gap:9px}
 .wtg-event{min-height:88px;padding:11px 14px}
 .wtg-event-time{font-size:25px}
 .wtg-event-height{padding-top:0}
 .wtg-footer{padding-top:16px}
}
@container(max-width:350px){
 .wtg-date-step{flex-basis:42px}
 .wtg-date-control .wtg-date{padding-left:7px;padding-right:3px}
 .wtg-field>span{font-size:12px}
 .wtg-field :is(select,input){font-size:16px!important}
 .wtg-phase-pill-copy strong{font-size:15px}
 .wtg-daybar-bubble{min-width:55px;padding:5px 4px 6px}
 .wtg-daybar-time{font-size:12px}
 .wtg-daybar-hours{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.wtg *{transition:none!important;animation:none!important}}
/* Theme-only decoration: limit changes to pages containing this shortcode. */
body.wtg-getijden-page :is(h1.entry-title,h1.page-title,h1.post-title,h1.wp-block-post-title,h1.ast-archive-title,h1.wtg-theme-title-hidden),
body.wtg-getijden-page :is(.elementor-widget-theme-post-title,.page-title-heading,.post-title-wrapper)>h1{display:none!important}
body.wtg-getijden-page :is(.entry-header,.page-header,.post-header,.page-title-wrap,.entry-title,.page-title)::before,
body.wtg-getijden-page :is(.entry-header,.page-header,.post-header,.page-title-wrap,.entry-title,.page-title)::after{content:none!important;display:none!important}
body.wtg-getijden-page :is(.entry-header,.page-header,.post-header,.page-title-wrap,.page-title-area){margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;min-height:0!important;border-bottom:0!important}
body.wtg-getijden-page :is(.entry-header,.page-header,.post-header):empty,
body.wtg-getijden-page .wtg-empty-page-heading{display:none!important}
body.wtg-getijden-page :is(.entry-header,.page-header,.post-header)>:empty{display:none!important}
body.wtg-getijden-page :is(.entry-content,.page-content){margin-top:0!important;padding-top:0!important}
body.wtg-getijden-page .wtg{margin-top:0!important}
body.wtg-getijden-page :is(.entry-header,.page-header,.post-header,.page-title-area) :is(.title-divider,.title-separator,.heading-decoration,.heading-divider,.section-title-divider,.wp-block-separator){display:none!important}
/* Labels in exceptional narrow embeds can alternate instead of overlapping. */
.wtg .wtg-daybar-bubble.wtg-daybar-tier-two{top:-48px}
@container(max-width:350px){
 .wtg-daybar-track:has(.wtg-daybar-tier-two){margin-top:56px}
}

/* No extra space: the current-time dot is centered on the tide line. */
.wtg .wtg-daybar-track.has-now{height:118px}

/* 1.9 — subtle 15-minute subdivisions, more prominent marks at each hour. */
.wtg-daybar-tick{position:absolute;top:94px;width:1px;height:4px;z-index:1;background:#bbd0d8;opacity:.6;transform:translateX(-50%);pointer-events:none}
.wtg-daybar-tick.is-hour{top:92px;height:10px;width:1.5px;background:#7894a3;opacity:.88}
.wtg-daybar-tick.is-major{top:91px;height:13px;width:2px;background:#527588;opacity:1}
.wtg-daybar-hours{margin-top:12px}
@container(max-width:620px){
 .wtg-daybar-tick{height:3px;opacity:.45}
 .wtg-daybar-tick.is-hour{height:8px;opacity:.75}
 .wtg-daybar-tick.is-major{height:11px;opacity:.95}
}


/* 1.11 · wind forecast compass, only populated with validated MFC model speed AND direction. */
.wtg-wind-card{border:1px solid #dbeaf0;border-radius:16px;background:#fbfdfe;margin:0 0 13px;padding:16px 20px 17px;color:#153a50}
.wtg-wind-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.wtg-wind-head h3{font-size:21px;line-height:1.2;font-weight:780;margin:0}
.wtg-wind-head p{font-size:13px;line-height:1.4;margin:3px 0 0;color:#607c8d}
.wtg-wind-empty{display:flex;align-items:center;gap:12px;border:1px dashed #dbe8ed;background:#fff;border-radius:12px;padding:12px 14px}
.wtg-wind-empty-icon{color:#91a8b3;font-size:23px;line-height:1}
.wtg-wind-empty strong{font-size:15px;font-weight:700;color:#607987}
.wtg-wind-empty p{font-size:12px;color:#6e8793;margin:2px 0 0}
.wtg-wind-loading{font-size:14px;color:#667f8c;margin:6px 0}
.wtg-wind-result{display:flex;gap:18px;align-items:center}
.wtg-wind-compass{width:138px;height:138px;flex:none}
.wtg-wind-compass text{font-size:12px;fill:#567588;font-weight:700}
.wtg-wind-copy{flex:1;min-width:0}
.wtg-wind-copy>strong{font-size:18px;font-weight:790}
.wtg-wind-speed{font-size:31px;line-height:1.25;letter-spacing:-.5px;color:#067f97;font-weight:800;margin:2px 0}
.wtg-wind-speed span{font-size:16px;font-weight:680;letter-spacing:0}
.wtg-wind-copy p{font-size:13px;color:#627e8b;margin:3px 0 0;line-height:1.45}
.wtg-wind-copy p.wtg-wind-source{font-size:11.5px;color:#78909d;margin-top:9px}
.wtg-wind-source a{color:#087e9c;text-decoration:underline}
@container(max-width:620px){
 .wtg-wind-card{padding:13px 13px 14px;border-radius:13px}
 .wtg-wind-head{align-items:flex-start;flex-direction:column;gap:8px}
 .wtg-wind-result{gap:7px}
 .wtg-wind-compass{width:112px;height:112px}
 .wtg-wind-copy>strong{font-size:16px}
 .wtg-wind-speed{font-size:24px}
 .wtg-wind-speed span{font-size:13px}
 .wtg-wind-copy p{font-size:12px}
 .wtg-wind-copy p.wtg-wind-source{font-size:11px}
}
@container(max-width:355px){
 .wtg-wind-compass{width:96px;height:96px}
 .wtg-wind-result{gap:5px}
}

/* 1.11 — Wind forecast legibility and comfortable horizontal page margins */
.wtg-shell{min-width:0}
.wtg-wind-card{margin-inline:0}
.wtg-wind-copy .wtg-wind-gust{display:inline-block;margin-top:6px;color:#087e9c;font-size:13px;font-weight:700}
@container(max-width:620px){
 .wtg-wind-copy .wtg-wind-gust{font-size:12px}
}

@media(max-width:700px){.wtg-daybar-now{width:18px;height:18px}.wtg-daybar-now-dot{border-width:3px;box-shadow:0 0 0 3px rgba(242,110,0,.42),0 2px 7px rgba(156,72,0,.25)}}

/* 1.15 — zesuurs windtrend. Each hour includes direction and relative wind strength. */
.wtg-wind-trend{margin-top:13px;padding-top:13px;border-top:1px solid #dceaf0}
.wtg-wind-trend-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-bottom:10px}
.wtg-wind-trend-heading strong{font-size:15px;font-weight:790;color:#153a50}
.wtg-wind-trend-heading span{font-size:12px;font-weight:680;color:#65828f}
.wtg-wind-trend-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.wtg-wind-hour{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px;border:1px solid #e1edf0;background:#fff;border-radius:11px;padding:9px 5px 10px;font-variant-numeric:tabular-nums}
.wtg-wind-hour-time{font-size:13px;font-weight:800;color:#3d6172}
.wtg-wind-hour-arrow{display:block;line-height:1;font-size:18px;font-weight:900;color:#087e9c;transform-origin:center;transition:transform .3s}
.wtg-wind-hour-arrow.is-calm{opacity:.27}
.wtg-wind-hour-bar-area{height:43px;display:flex;align-items:flex-end;justify-content:center;width:100%}
.wtg-wind-hour-bar{display:block;width:19px;max-width:80%;border-radius:5px 5px 3px 3px;background:linear-gradient(#0e9cb2,#6ccad4)}
.wtg-wind-hour-speed{font-size:16px;line-height:1.1;font-weight:800;color:#0d4257;white-space:nowrap}
.wtg-wind-hour-speed small{font-size:11px;font-weight:640;color:#65828f}
.wtg-wind-hour-direction{font-size:11px;font-weight:720;color:#647e8c;min-height:13px}
.wtg-wind-trend-note{margin:8px 0 0;font-size:11px;line-height:1.3;color:#718c9a}
@container (max-width:620px){
 .wtg-wind-trend{margin-top:11px;padding-top:11px}
 .wtg-wind-trend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .wtg-wind-hour{padding:9px 5px 8px;gap:4px}
 .wtg-wind-hour-bar-area{height:36px}
 .wtg-wind-hour-bar{width:22px}
 .wtg-wind-hour-speed{font-size:15px}
}

.wtg-wind-card .wtg-wind-source-bottom{font-size:11.5px;color:#78909d;line-height:1.55;margin:11px 0 0}

.wtg-wind-trend-missing{font-size:12px;color:#78909d;margin:12px 0 0;padding-top:12px;border-top:1px solid #dceaf0}
@container(max-width:355px){.wtg-wind-speed{font-size:23px}.wtg-wind-speed span{font-size:12px;white-space:nowrap}}


/* 1.16 — weather condition and daily min/max in the wind card */
.wtg-wind-result{align-items:flex-start}
.wtg-weather-box{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:10px;border:1px solid #e2edf1;background:#fff;border-radius:14px}
.wtg-weather-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:27px;line-height:1;background:#f2f8fb}
.wtg-weather-copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.wtg-weather-label{font-size:16px;font-weight:790;color:#153a50}
.wtg-weather-meta{display:flex;flex-wrap:wrap;gap:7px 10px;align-items:center}
.wtg-weather-now{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef7fa;color:#117f97;font-size:12px;font-weight:760}
.wtg-weather-temps{display:flex;flex-wrap:wrap;gap:6px}
.wtg-weather-temps span{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#f4f8fa;color:#5f7c8d;font-size:12px;font-weight:720}
.wtg-wind-head{margin-bottom:8px}
.wtg-wind-source-bottom{margin-top:10px}
@container(max-width:620px){
 .wtg-weather-box{padding:9px 10px;gap:10px;margin-bottom:9px}
 .wtg-weather-icon{width:42px;height:42px;font-size:24px;border-radius:12px}
 .wtg-weather-label{font-size:15px}
 .wtg-weather-meta{gap:6px 8px}
 .wtg-weather-now,.wtg-weather-temps span{font-size:11px;padding:4px 7px}
 .wtg-wind-result{align-items:flex-start}
}
@container(max-width:355px){
 .wtg-wind-result{display:block}
 .wtg-wind-compass{float:left;margin-right:8px;margin-bottom:6px}
 .wtg-weather-box{margin-top:2px}
}


/* 1.17 — getijden page only: hide the brand logo, never the navigation. */
body.wtg-getijden-page :is(.site-header,.site-branding,.elementor-location-header,header[role="banner"],.wp-block-template-part) :is(a.custom-logo-link,img.custom-logo,.site-logo,.site-logo-img,.ast-site-identity .custom-logo-link,.elementor-widget-theme-site-logo,.wp-block-site-logo){display:none!important}
body.wtg-getijden-page :is(.site-header,.site-branding,.elementor-location-header,header[role="banner"]) :is(.site-title,.site-description){display:none!important}

/* 1.17 — visually unified daily weather strip and clear wind area. */
.wtg-weather-summary{margin:1px 0 15px}
.wtg-weather-box{display:flex;align-items:center;gap:13px;margin:0;padding:13px 15px;background:linear-gradient(105deg,#eff8fa,#fafdfd);border-color:#dfedf1;border-radius:14px}
.wtg-weather-icon{width:60px;height:60px;flex:0 0 60px;font-size:35px;background:#fff;border:1px solid #e5eff2;box-shadow:0 2px 7px rgba(20,60,80,.03)}
.wtg-weather-copy{flex:1;gap:3px}
.wtg-weather-kicker{font-size:11px;font-weight:790;letter-spacing:.7px;color:#6d8895;text-transform:uppercase}
.wtg-weather-label{font-size:19px;line-height:1.25}
.wtg-weather-metrics{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}
.wtg-weather-now{font-size:13px}
.wtg-weather-temps{gap:6px}
.wtg-weather-temps span{font-size:13px;padding:5px 9px;background:#fff;border:1px solid #e4edf1}
.wtg-wind-result{align-items:center;padding:0 4px}
.wtg-weather-period-empty{display:flex;align-items:center;gap:12px;background:#f4f8fa;border:1px solid #dfeaf0;color:#617c8c;border-radius:12px;padding:15px 16px;font-size:15px}
.wtg-weather-period-empty span{font-size:26px;line-height:1;color:#91a7b1}
.wtg-weather-period-empty strong{font-weight:710}
@container(max-width:620px){
 .wtg-weather-summary{margin-bottom:12px}
 .wtg-weather-box{padding:10px 11px;gap:10px}
 .wtg-weather-icon{width:48px;height:48px;flex-basis:48px;font-size:27px}
 .wtg-weather-label{font-size:16px}
 .wtg-weather-kicker{font-size:10px}
 .wtg-weather-metrics{gap:5px}
 .wtg-weather-now,.wtg-weather-temps span{font-size:11px;padding:4px 7px}
 .wtg-wind-result{display:flex;align-items:center;gap:10px}
 .wtg-wind-compass{float:none;margin:0;width:112px;height:112px}
 /* Mobile tide track: small LW/HW markers only; the precise times are in the cards below. */
 .wtg .wtg-phase-card{padding-bottom:13px}
 .wtg .wtg-phase-summary{margin-bottom:13px}
 .wtg .wtg-daybar-track,.wtg .wtg-daybar-track.has-now{height:72px!important;margin:10px 7px 0!important}
 .wtg .wtg-daybar-base,.wtg .wtg-daybar-seg{top:38px;height:9px}
 .wtg .wtg-daybar-marker{top:0}
 .wtg .wtg-daybar-bubble{top:0!important;min-width:0!important;padding:0!important;border:0!important;border-radius:0;background:transparent!important;box-shadow:none!important;gap:0}
 .wtg .wtg-daybar-time{display:none!important}
 .wtg .wtg-daybar-label{font-size:10px;letter-spacing:.5px;color:#6b8795}
 .wtg .wtg-daybar-stem{top:18px;height:18px}
 .wtg .wtg-daybar-dot{top:35px;width:13px;height:13px;border-width:2px}
 .wtg .wtg-daybar-now{top:42.5px;width:18px;height:18px}
 .wtg .wtg-daybar-tick{top:59px;height:3px}
 .wtg .wtg-daybar-tick.is-hour{top:56px;height:8px}
 .wtg .wtg-daybar-tick.is-major{top:54px;height:11px}
 .wtg .wtg-daybar-hours{padding:0 6px;margin-top:0!important;font-size:11px}
 .wtg .wtg-daybar-bubble.wtg-daybar-tier-two{top:0!important}
}
@container(max-width:355px){
 .wtg .wtg-daybar-track:has(.wtg-daybar-tier-two){margin-top:10px!important}
 .wtg-wind-result{display:flex;gap:8px}
 .wtg-wind-compass{width:89px;height:89px;flex:0 0 89px;float:none;margin:0}
 .wtg-weather-box{flex-wrap:wrap}
 .wtg-weather-copy{flex:1}
 .wtg-weather-metrics{flex:0 0 100%;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:58px;flex-wrap:wrap}
}


/* v1.18 — Wind and weather are two independent panels. */
.wtg-weather-card{
  border:1px solid #dbeaf0;border-radius:16px;background:#fbfdfe;
  margin:0 0 14px;padding:16px 20px 15px;color:#153a50;min-width:0;
}
.wtg-weather-head{margin:0 0 10px}
.wtg-weather-head h3{font-size:21px;font-weight:780;line-height:1.2;margin:0;color:#153a50}
.wtg-weather-card .wtg-weather-summary{margin:0}
.wtg-weather-card .wtg-weather-box{margin:0;background:linear-gradient(105deg,#eff8fa,#fafdfd)}
.wtg-weather-card .wtg-weather-source{margin:12px 0 0;font-size:11.5px;color:#78909d;line-height:1.55}
.wtg-weather-source a{color:#087e9c;text-decoration:underline}
.wtg-wind-state,.wtg-weather-state{min-width:0}
@container(max-width:620px){
 .wtg-weather-card{padding:13px 13px 14px;border-radius:13px;margin-bottom:12px}
 .wtg-weather-head h3{font-size:21px}
 .wtg-weather-card .wtg-weather-source{margin-top:10px}
}


/* v1.18 · Windguru-inspired speed colours: only wind metrics/compass/trend. */
.wtg .wtg-wind-speed-colored{
 display:inline-flex;align-items:baseline;gap:7px;flex-wrap:wrap;
 border-left:4px solid var(--wtg-wind-color);border-radius:6px;
 background:var(--wtg-wind-soft);color:var(--wtg-wind-ink);
 padding:3px 9px 4px;margin:4px 0;
 font-variant-numeric:tabular-nums;max-width:100%;
}
.wtg .wtg-wind-speed-colored span{color:inherit}
.wtg .wtg-wind-hour-bar{background:var(--wtg-wind-color)}
.wtg .wtg-wind-hour-speed{color:var(--wtg-wind-ink)}
@container(max-width:620px){
 .wtg .wtg-wind-speed-colored{gap:4px;padding:2px 6px 3px;border-left-width:3px}
 .wtg .wtg-wind-hour-speed{font-size:15px}
}


/* v1.19 — robust, single-line HW/LW abbreviations in every WordPress theme. */
.wtg .wtg-daybar-bubble{
  width:max-content;
  max-width:none;
  white-space:nowrap;
}
.wtg .wtg-daybar-label{
  display:inline-block!important;
  width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
}
/* Smaller points on phones, still aligned exactly with the centre of the tide line. */
@container (max-width:620px){
  .wtg .wtg-daybar-dot{
    top:42.5px;
    width:11px;height:11px;
    border-width:2px;
    transform:translate(-50%,-50%);
    box-shadow:0 0 0 2px #fff;
  }
  .wtg .wtg-daybar-now{
    top:42.5px;
    width:14px;height:14px;
  }
  .wtg .wtg-daybar-now-dot{
    border-width:2px;
    box-shadow:0 0 0 2px rgba(242,110,0,.34),0 1px 5px rgba(156,72,0,.18);
  }
}


/* 1.20 — Exacte getijmomenten direct na de getijdbalk. */
.wtg .wtg-events{padding:3px 0 23px;margin:0}
.wtg .wtg-events .wtg-list-head{margin-bottom:13px}
@container(max-width:620px){
 .wtg .wtg-events{padding:7px 0 18px}
 .wtg .wtg-events .wtg-list-head h3{font-size:22px}
}

/* 1.20 — Zevendaagse maxima, dezelfde kleuren als de zesuurs-windtrend. */
.wtg .wtg-wind-week{margin-top:16px;padding-top:14px;border-top:1px solid #dceaf0;min-width:0}
.wtg .wtg-wind-week-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;margin-bottom:11px;color:#153a50}
.wtg .wtg-wind-week-head strong{font-size:15px;font-weight:790}
.wtg .wtg-wind-week-head span{font-size:12px;font-weight:670;color:#65828f}
.wtg .wtg-wind-week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:6px;min-width:0}
.wtg .wtg-week-day{min-width:0;padding:11px 4px 8px;border:1px solid #e1edf0;background:#fff;border-radius:11px;display:flex;flex-direction:column;align-items:center;gap:4px;font-variant-numeric:tabular-nums}
.wtg .wtg-week-day.is-selected{background:#f4f9fb;border-color:#b4d6df}
.wtg .wtg-week-value{font-size:17px;font-weight:790;white-space:nowrap;line-height:1.2;color:var(--wtg-wind-ink)}
.wtg .wtg-week-value small{font-size:11px;font-weight:600;color:#718b99}
.wtg .wtg-week-bar-area{height:80px;width:100%;display:flex;align-items:flex-end;justify-content:center;min-width:0}
.wtg .wtg-week-bar{display:block;width:clamp(12px,37%,26px);border-radius:5px 5px 2px 2px;background:var(--wtg-wind-color);box-shadow:0 1px 2px rgba(25,65,83,.06)}
.wtg .wtg-week-daylabel{font-size:12px;font-weight:760;color:#496779;line-height:1.25;white-space:nowrap}
.wtg .wtg-week-date{font-size:11px;font-weight:620;color:#7b94a1;line-height:1.2;white-space:nowrap}
.wtg .wtg-wind-week-unavailable{margin:10px 0 0;font-size:12px;color:#78909d;line-height:1.45}
@container(max-width:620px){
 .wtg .wtg-wind-week{margin-top:13px;padding-top:12px}
 .wtg .wtg-wind-week-grid{gap:3px}
 .wtg .wtg-week-day{padding:8px 1px 7px;gap:3px;border-radius:8px}
 .wtg .wtg-week-value{font-size:13px;letter-spacing:-.3px}
 .wtg .wtg-week-value small{display:none}
 .wtg .wtg-week-bar-area{height:65px}
 .wtg .wtg-week-bar{width:clamp(9px,49%,16px)}
 .wtg .wtg-week-daylabel{font-size:10px}
 .wtg .wtg-week-date{font-size:9px}
 .wtg .wtg-wind-week-head strong{font-size:14px}
 .wtg .wtg-wind-week-head span{font-size:11px}
}
@container(max-width:360px){
 .wtg .wtg-wind-week-grid{gap:2px}
 .wtg .wtg-week-value{font-size:12px}
 .wtg .wtg-week-daylabel{font-size:9px}
 .wtg .wtg-week-date{font-size:9px}
}


/* 1.21 — five-day wind line chart */
.wtg .wtg-wind-week-head strong{font-size:15px;font-weight:790}
.wtg .wtg-wind-week-head span{font-size:12px;font-weight:670;color:#65828f}
.wtg .wtg-wind-week-linechart{position:relative;margin-top:8px;padding:8px 0 0}
.wtg .wtg-week-svg{display:block;width:100%;height:112px;overflow:visible}
.wtg .wtg-week-axis{font-size:10px;fill:#8aa0ab;font-weight:650}
.wtg .wtg-week-points{position:absolute;inset:8px 0 auto 0;height:102px}
.wtg .wtg-week-point{position:absolute;left:var(--wtg-point-x);top:var(--wtg-point-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px}
.wtg .wtg-week-dot{width:12px;height:12px;border-radius:50%;background:var(--wtg-wind-color);border:2px solid #fff;box-shadow:0 1px 4px rgba(24,56,71,.12)}
.wtg .wtg-week-point.is-selected .wtg-week-dot{box-shadow:0 0 0 3px rgba(8,126,156,.15),0 1px 4px rgba(24,56,71,.12)}
.wtg .wtg-week-value{font-size:16px;font-weight:790;white-space:nowrap;line-height:1.1;color:var(--wtg-wind-ink);order:-1;margin-bottom:2px}
.wtg .wtg-week-value small{font-size:11px;font-weight:600;color:#718b99}
.wtg .wtg-week-daylabel{font-size:12px;font-weight:760;color:#496779;line-height:1.15;white-space:nowrap;margin-top:10px}
.wtg .wtg-week-date{font-size:11px;font-weight:620;color:#7b94a1;line-height:1.15;white-space:nowrap}
.wtg .wtg-wind-week-unavailable{margin:10px 0 0;font-size:12px;color:#78909d;line-height:1.45}
@container(max-width:700px){
 .wtg .wtg-week-svg{height:104px}
 .wtg .wtg-week-points{height:96px}
 .wtg .wtg-week-dot{width:11px;height:11px}
 .wtg .wtg-week-value{font-size:15px}
 .wtg .wtg-week-daylabel{font-size:11px}
 .wtg .wtg-week-date{font-size:10px}
}


/* 1.22 — cleaner 5-day line chart layout */
.wtg .wtg-wind-week-linechart{position:relative;margin-top:10px;padding:4px 0 2px}
.wtg .wtg-week-svg{display:block;width:100%;height:124px;overflow:visible}
.wtg .wtg-week-axis{font-size:12px;fill:#7f97a3;font-weight:700}
.wtg .wtg-week-points{position:absolute;inset:4px 0 auto 0;height:112px}
.wtg .wtg-week-point{position:absolute;left:var(--wtg-point-x);top:var(--wtg-point-y);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;min-width:58px;text-align:center}
.wtg .wtg-week-point.is-first{transform:translate(-28%,-50%)}
.wtg .wtg-week-point.is-last{transform:translate(-72%,-50%)}
.wtg .wtg-week-dot{width:12px;height:12px;border-radius:50%;background:var(--wtg-wind-color);border:2px solid #fff;box-shadow:0 1px 4px rgba(24,56,71,.12)}
.wtg .wtg-week-point.is-selected .wtg-week-dot{box-shadow:0 0 0 3px rgba(8,126,156,.15),0 1px 4px rgba(24,56,71,.12)}
.wtg .wtg-week-value{font-size:18px;font-weight:800;white-space:nowrap;line-height:1.05;color:var(--wtg-wind-ink);order:-1;margin-bottom:2px}
.wtg .wtg-week-value small{font-size:11px;font-weight:700;color:#718b99}
.wtg .wtg-week-daylabel{font-size:13px;font-weight:780;color:#496779;line-height:1.12;white-space:nowrap;margin-top:10px}
.wtg .wtg-week-date{font-size:12px;font-weight:650;color:#7b94a1;line-height:1.12;white-space:nowrap}
@container(max-width:700px){
 .wtg .wtg-week-svg{height:112px}
 .wtg .wtg-week-axis{font-size:11px}
 .wtg .wtg-week-points{height:100px}
 .wtg .wtg-week-point{min-width:48px}
 .wtg .wtg-week-dot{width:10px;height:10px}
 .wtg .wtg-week-value{font-size:16px}
 .wtg .wtg-week-daylabel{font-size:11px}
 .wtg .wtg-week-date{font-size:10px}
}


/* 1.23 — fully synchronized five-day wind line. No crowded left-axis legends. */
.wtg .wtg-five-day-chart{position:relative;width:100%;height:150px;min-width:0;margin:5px 0 0;overflow:visible}
.wtg .wtg-five-day-svg{display:block;width:100%;height:150px;max-width:none;overflow:visible}
.wtg .wtg-five-day-values{position:absolute;inset:0;pointer-events:none}
.wtg .wtg-five-day-value{position:absolute;transform:translate(-50%,-100%);margin-top:-13px;line-height:1.2;white-space:nowrap;color:var(--wtg-wind-ink)}
.wtg .wtg-five-day-value strong{display:block;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.wtg .wtg-five-day-dates{display:grid;grid-template-columns:repeat(var(--wtg-days),minmax(0,1fr));align-items:start;width:100%;gap:0;margin-top:-21px}
.wtg .wtg-five-day-date{min-width:0;display:flex;align-items:center;flex-direction:column;gap:3px;text-align:center;white-space:nowrap;color:#496779}
.wtg .wtg-five-day-date strong{font-size:13px;font-weight:780;line-height:1.25}
.wtg .wtg-five-day-date span{font-size:12px;color:#7b94a1;font-weight:660;line-height:1.25}
.wtg .wtg-five-day-date.is-selected strong{color:#087e9c}
@container(max-width:620px){
 .wtg .wtg-five-day-chart,.wtg .wtg-five-day-svg{height:150px}
 .wtg .wtg-five-day-value strong{font-size:17px}
 .wtg .wtg-five-day-date strong{font-size:11px}
 .wtg .wtg-five-day-date span{font-size:10px}
}

.wtg .wtg-five-day-dot{position:absolute;display:block;width:13px;height:13px;border-radius:50%;background:var(--wtg-wind-color);border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,62,78,.1);transform:translate(-50%,-50%)}
@container(max-width:620px){.wtg .wtg-five-day-dot{width:11px;height:11px}}


/* 1.24 — more compact selectors and 5-day weather overview */
.wtg-controls{gap:10px;padding:0 0 12px}
.wtg-field{min-height:68px;padding:10px 14px 9px;border-radius:14px}
.wtg-field>span{gap:9px;font-size:12px;letter-spacing:1.6px}
.wtg-field select,.wtg-field input{font-size:26px;margin-top:4px}
.wtg-date-control{min-height:68px;border-radius:14px}
.wtg-date-control .wtg-date{padding:9px 8px 8px 12px}
.wtg-date-step{flex:0 0 44px}
.wtg-date-step svg{width:21px;height:21px}
@container(max-width:760px){
 .wtg-controls{gap:8px;padding-bottom:10px}
 .wtg-field{min-height:62px;padding:8px 12px 8px}
 .wtg-field>span{font-size:11px;letter-spacing:1.4px}
 .wtg-field select,.wtg-field input{font-size:22px}
 .wtg-date-control{min-height:62px}
 .wtg-date-step{flex-basis:40px}
}
.wtg-weather-week{margin-top:14px;padding-top:14px;border-top:1px solid #dceaf0}
.wtg-weather-week-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.wtg-weather-day{display:flex;flex-direction:column;gap:6px;padding:12px;border:1px solid #deebef;border-radius:14px;background:#fff;min-width:0}
.wtg-weather-day.is-selected{border-color:#9fcddd;box-shadow:0 0 0 2px rgba(8,126,156,.08)}
.wtg-weather-day-top{display:flex;align-items:center;gap:8px;color:#153a50;min-width:0}
.wtg-weather-day-top strong{font-size:15px;line-height:1.1;white-space:nowrap}
.wtg-weather-day-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f2f8fb;font-size:20px;flex:0 0 34px}
.wtg-weather-day-date{font-size:12px;font-weight:700;color:#7a92a0}
.wtg-weather-day-label{font-size:12px;line-height:1.35;color:#4f6d7d;min-height:32px}
.wtg-weather-day-temps{display:flex;flex-direction:column;gap:5px;margin-top:auto}
.wtg-weather-day-temps span{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:999px;font-size:11px;font-weight:760;background:#f5f9fb;color:#5f7c8d}
@container(max-width:900px){
 .wtg-weather-week-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container(max-width:560px){
 .wtg-weather-week-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .wtg-weather-day{padding:10px}
 .wtg-weather-day-top strong{font-size:14px}
 .wtg-weather-day-label{font-size:11px;min-height:auto}
 .wtg-weather-day-icon{width:30px;height:30px;font-size:18px;border-radius:9px}
}


/* 1.25 — one shared selector surface, with one date control embedded */
.wtg .wtg-controls-unified{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  gap:0;padding:0;margin-bottom:12px;min-width:0;
  border:1px solid #cbdde5;border-radius:15px;overflow:hidden;background:#fff;
  box-shadow:0 2px 10px rgba(25,64,82,.02)
}
.wtg .wtg-controls-unified .wtg-location{
  min-width:0;min-height:64px;padding:9px 16px 8px;border:0!important;
  border-right:1px solid #e0ebef!important;border-radius:0!important;background:#fff;
}
.wtg .wtg-controls-unified .wtg-date-control{
  min-height:64px;min-width:0;border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow:hidden;display:flex;align-items:stretch;
}
.wtg .wtg-controls-unified .wtg-date-control .wtg-date{
  min-height:0;min-width:0;flex:1 1 0;padding:9px 12px 8px;border:0!important;border-radius:0!important;
}
.wtg .wtg-controls-unified .wtg-field>span{font-size:11px;letter-spacing:1px;line-height:1.25;gap:7px}
.wtg .wtg-controls-unified .wtg-field svg{width:16px;height:16px}
.wtg .wtg-controls-unified .wtg-field :is(select,input){
  width:100%;max-width:100%;min-width:0;min-height:26px;
  margin:2px 0 0!important;padding:0!important;font-size:19px!important;line-height:1.35!important;
  font-weight:760!important;background-color:transparent!important;
}
.wtg .wtg-controls-unified .wtg-date-step{
  flex:0 0 44px;min-width:0;padding:0!important;
}
.wtg .wtg-controls-unified .wtg-date-step svg{width:21px;height:21px}
.wtg .wtg-controls-unified:focus-within{border-color:#77b2c2}
.wtg .wtg-controls-unified .wtg-location:focus-within{box-shadow:none!important}
@container(max-width:620px){
  .wtg .wtg-controls-unified{grid-template-columns:minmax(0,1fr);margin-bottom:10px}
  .wtg .wtg-controls-unified .wtg-location{
    min-height:51px;padding:6px 12px 5px;
    border-right:0!important;border-bottom:1px solid #e0ebef!important
  }
  .wtg .wtg-controls-unified .wtg-date-control{min-height:51px}
  .wtg .wtg-controls-unified .wtg-date-control .wtg-date{padding:6px 9px 5px}
  .wtg .wtg-controls-unified .wtg-date-step{flex-basis:42px}
  .wtg .wtg-controls-unified .wtg-field>span{font-size:10px}
  .wtg .wtg-controls-unified .wtg-field :is(select,input){font-size:17px!important;min-height:24px;line-height:1.25!important}
}
@container(max-width:355px){
  .wtg .wtg-controls-unified .wtg-date-step{flex-basis:37px}
  .wtg .wtg-controls-unified .wtg-date-control .wtg-date{padding-inline:6px}
  .wtg .wtg-controls-unified .wtg-field :is(select,input){font-size:16px!important}
}

/* 1.25 — the five-day weather fits in one tidy row, also on a narrow phone */
.wtg .wtg-weather-week{margin-top:12px;padding-top:12px}
.wtg .wtg-weather-week .wtg-wind-week-head{margin-bottom:8px}
.wtg .wtg-weather-week-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;min-width:0;
}
.wtg .wtg-weather-day{
  display:flex;flex-direction:column;justify-content:flex-start;align-items:center;
  gap:3px;min-width:0;min-height:0;padding:9px 5px 10px;
  border:1px solid #e1ebef;border-radius:11px;background:#fff;
  text-align:center;
}
.wtg .wtg-weather-day.is-selected{border-color:#a8d4e1;box-shadow:inset 0 0 0 1px #d8edf1;background:#f6fbfc}
.wtg .wtg-weather-day-name{font-size:13px;line-height:1.1;font-weight:790;color:#314e5e;text-transform:lowercase;white-space:nowrap}
.wtg .wtg-weather-day-date{font-size:10px;line-height:1.2;font-weight:600;color:#77909d;white-space:nowrap}
.wtg .wtg-weather-day-icon{
  width:auto;height:33px;flex:none;display:grid;place-items:center;
  font-size:26px;line-height:1.2;border:0;background:transparent;
}
.wtg .wtg-weather-day-label{
  display:block;min-height:0;margin:0;padding:0;width:100%;
  font-size:10px;line-height:1.2;color:#627e8c;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.wtg .wtg-weather-day-temps{
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:4px 9px;width:100%;margin-top:auto;padding-top:3px;
}
.wtg .wtg-weather-day-temps span{
  display:inline;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;
  font-size:12px;font-weight:760;line-height:1.2;white-space:nowrap;color:#657f8c;
}
.wtg .wtg-weather-day-temps .wtg-temp-max{color:#b86636}
@container(max-width:620px){
 .wtg .wtg-weather-week-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 .wtg .wtg-weather-day{gap:2px;padding:7px 1px 8px;border-radius:8px}
 .wtg .wtg-weather-day-name{font-size:12px}
 .wtg .wtg-weather-day-date{font-size:9px}
 .wtg .wtg-weather-day-icon{height:30px;font-size:23px;width:auto}
 .wtg .wtg-weather-day-label{display:none}
 .wtg .wtg-weather-day-temps{flex-direction:column;gap:2px;padding-top:2px}
 .wtg .wtg-weather-day-temps span{font-size:11px}
}
@container(max-width:355px){
 .wtg .wtg-weather-week-grid{gap:3px}
 .wtg .wtg-weather-day-temps span{font-size:10px}
 .wtg .wtg-weather-day-icon{font-size:21px;height:27px}
 .wtg .wtg-weather-day-date{font-size:9px}
}