/*
Theme Name: WhatDateTime
Theme URI: https://whatdatetime.com
Author: WhatDateTime
Description: Native block theme. Edit templates and Global Styles in Appearance / Editor.
Version: 0.3.0
Requires PHP: 8.2
*/
:where(*){box-sizing:border-box}:where(a){color:var(--wp--preset--color--primary);text-underline-offset:3px}:where(button,input,select){font:inherit}:where(button,a,input,select,summary){touch-action:manipulation}:where(button){font-size:.9375rem;background:var(--wp--preset--color--primary);color:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--primary);border-radius:4px;padding:.65rem 1.15rem;min-height:44px;cursor:pointer}:where(button.secondary){color:var(--wp--preset--color--primary);background:var(--wp--preset--color--surface);border-color:var(--wp--preset--color--border)}:where(button:disabled){opacity:.55;cursor:not-allowed}:where(input,select){font-size:1rem;width:100%;min-width:0;min-height:46px;border:1px solid var(--wp--preset--color--border);border-radius:4px;padding:.55rem;background:var(--wp--preset--color--surface);color:inherit}:where(header.site-header){border-top:3px solid var(--wp--preset--color--primary);border-bottom:1px solid var(--wp--preset--color--border);background:var(--wp--preset--color--surface)}:where(.nav-inner){max-width:1440px;margin:auto;display:flex;align-items:center;gap:var(--wp--preset--spacing--50);padding:.75rem var(--wp--preset--spacing--50);flex-wrap:wrap}:where(.brand){font-size:1.25rem;color:var(--wp--preset--color--text);font-weight:700;text-decoration:none}:where(.nav-inner nav){display:flex;flex-wrap:wrap;gap:1.25rem}:where(.nav-inner nav a){text-decoration:none}:where(.container){max-width:1440px;margin:auto;padding:1.3rem var(--wp--preset--spacing--50) 3rem}:where(.page-grid){display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--wp--preset--spacing--60);margin-top:var(--wp--preset--spacing--50)}:where(.content){min-width:0}:where(aside){min-width:0;font-size:.9375rem}:where(aside h2){font-size:1.125rem}:where(aside nav a){display:block;border-bottom:1px solid var(--wp--preset--color--border);padding:.7rem 0}:where(.panel){border:1px solid var(--wp--preset--color--border);background:var(--wp--preset--color--surface);border-radius:4px;padding:1.2rem;margin:var(--wp--preset--spacing--40) 0}:where(.answer){background:var(--wp--preset--color--subtle);text-align:center;padding:var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);min-height:190px}:where(.answer-value){font-size:var(--wp--preset--font-size--answer);font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}:where(.eyebrow){font-size:.85rem;text-transform:uppercase;color:var(--wp--preset--color--primary);font-weight:700}:where(.muted){color:var(--wp--preset--color--muted)}:where(.inputs){display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--wp--preset--spacing--40)}:where(.inputs label){display:block;font-weight:600;font-size:.94rem}:where(.actions){display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--wp--preset--spacing--30);margin-top:var(--wp--preset--spacing--40)}:where(.note){border-left:3px solid var(--wp--preset--color--primary);background:var(--wp--preset--color--subtle);padding:.8rem var(--wp--preset--spacing--40)}:where(.table-scroll){max-width:100%;overflow-x:auto}:where(table){border-collapse:collapse;width:100%;font-size:.9375rem;font-variant-numeric:tabular-nums}:where(th,td){border:1px solid var(--wp--preset--color--border);padding:.45rem var(--wp--preset--spacing--30);text-align:left}:where(th){background:var(--wp--preset--color--subtle)}:where(.calendar){text-align:center;table-layout:fixed}:where(.calendar td,.calendar th){text-align:center;padding:.45rem .1rem}:where(.selected-date){background:var(--wp--preset--color--primary);color:var(--wp--preset--color--surface)}:where(.timeline){display:flex;list-style:none;justify-content:space-between;padding:var(--wp--preset--spacing--40) 0;gap:var(--wp--preset--spacing--40);border-top:2px solid var(--wp--preset--color--primary)}:where(.timeline li){flex:1;min-width:0;overflow-wrap:anywhere;font-size:.95rem}:where(.tool-links){display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 var(--wp--preset--spacing--50);padding:0;list-style:none}:where(.tool-links li){border-bottom:1px solid var(--wp--preset--color--border);padding:.75rem 0}:where(details){border-bottom:1px solid var(--wp--preset--color--border);padding:.7rem 0}:where(summary){cursor:pointer;font-weight:600;min-height:30px}:where(.site-footer){border-top:1px solid var(--wp--preset--color--border);padding:var(--wp--preset--spacing--60) var(--wp--preset--spacing--50)}:where(.footer-inner){max-width:1440px;margin:auto;display:flex;gap:var(--wp--preset--spacing--50);flex-wrap:wrap}:where(.skip){position:absolute;left:-9999px}:where(.skip:focus){left:1rem;top:1rem;background:var(--wp--preset--color--surface);padding:var(--wp--preset--spacing--40);z-index:5}:where([data-error]){color:var(--wp--preset--color--error);white-space:normal}:where(pre,code){overflow-wrap:anywhere}:where(body:has([data-error]:not(:empty)) [data-result]){opacity:.8}:where(:focus-visible){outline:3px solid var(--wp--preset--color--primary);outline-offset:3px}:where(.staging){background:#fff3cd;color:#6b4b00;text-align:center;padding:.45rem;font-size:.85rem}:where(.clock-value){font-size:var(--wp--preset--font-size--clock);font-variant-numeric:tabular-nums;font-weight:700}:where(.breadcrumb){font-size:.9rem;margin-bottom:var(--wp--preset--spacing--40)}:where(.calendar-details){margin-top:var(--wp--preset--spacing--40)}
:where(.clock-layout){display:flex;align-items:center;justify-content:space-between;gap:var(--wp--preset--spacing--40);flex-wrap:wrap}:where(.analog-clock){width:240px;height:240px;max-width:100%;flex-shrink:0}:where(.clock-layout>div){min-width:0}:where(.site-search){margin-bottom:var(--wp--preset--spacing--40)}:where(.site-search form){max-width:600px}:where(.site-search button){margin-top:.5rem}:where(.tool-links p){font-size:.9rem}:where(.actions label){max-width:100%}:where([data-clock-status],[data-status],[data-formula]){overflow-wrap:anywhere}
:where(.nav-group){position:relative;border:0;padding:0}:where(.nav-group summary){font-size:.9375rem;font-weight:500;padding:.45rem .3rem;min-height:44px}:where(.nav-group ul){font-size:.9375rem;position:absolute;z-index:10;min-width:250px;margin:0;padding:var(--wp--preset--spacing--30);list-style:none;background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--border);box-shadow:0 4px 10px #10264b12}:where(.nav-group li a){display:block;padding:.55rem}:where(.nav-group:last-child ul){right:0}:where(.paired-times,.paired-clocks){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--40)}:where(.paired-times){font-size:1rem;text-align:left;margin-top:var(--wp--preset--spacing--40)}:where(.compact-clock .analog-clock){display:none}:where(.compact-clock .clock-value){font-size:2rem}:where(.compact-clock .panel){padding:var(--wp--preset--spacing--40)}:where(.compact-clock p){overflow-wrap:anywhere}:where(.compact-clock .actions){align-items:start}:where(.compact-clock button){font-size:.9rem}:where(.tool-links){grid-template-columns:repeat(2,minmax(0,1fr))}:where(aside .tool-links){grid-template-columns:minmax(0,1fr)}:where([data-today-summary] dl){display:grid;grid-template-columns:1fr auto;gap:.5rem}:where([data-today-summary] dd){margin:0;font-variant-numeric:tabular-nums} @media(max-width:600px){:where(.paired-times,.paired-clocks,.tool-links){grid-template-columns:minmax(0,1fr)}:where(.nav-group ul){position:fixed;left:1rem;right:1rem;width:auto;max-height:55vh;overflow-y:auto}:where(.nav-group:last-child ul){right:1rem}}
@media(max-width:850px){:where(.page-grid){grid-template-columns:minmax(0,1fr)}:where(aside){border-top:1px solid var(--wp--preset--color--border)}:where(.container){padding:var(--wp--preset--spacing--40)}:where(.nav-inner){padding:.85rem var(--wp--preset--spacing--40);gap:.75rem}:where(.nav-inner nav){gap:.8rem}:where(.answer){min-height:210px}:where(.panel){padding:var(--wp--preset--spacing--40)}:where(.timeline){gap:.4rem}:where(.timeline li){font-size:.85rem}:where(.analog-clock){margin:auto;width:210px;height:210px}}@media(prefers-reduced-motion:reduce){:where(*){scroll-behavior:auto}}

/* Utility-first layout: shared controls and server results remain unchanged. */
:where(.page-grid){display:block;margin-top:var(--wp--preset--spacing--40)}
:where(.content>p){max-width:85ch}
:where(.nav-inner){position:relative;gap:var(--wp--preset--spacing--40)}
:where(.nav-inner nav){gap:var(--wp--preset--spacing--30)}
:where(.site-search){margin:0 0 0 auto}
:where(.site-search summary){color:var(--wp--preset--color--primary)}
:where(.site-search .search-panel){position:absolute;z-index:20;right:0;top:100%;width:min(440px,calc(100vw - 2rem));max-width:none;padding:var(--wp--preset--spacing--40);border:1px solid var(--wp--preset--color--border);background:var(--wp--preset--color--surface);box-shadow:0 4px 10px #10264b12;max-height:65vh;overflow-y:auto}
:where(.search-panel label){display:block;font-weight:600}
:where(.search-panel input){margin-top:.4rem}
:where(.site-search .search-panel ul){position:static;min-width:0;width:auto;border:0;box-shadow:none;padding:0;margin:.5rem 0 0;max-height:none}
:where(.search-panel ul:empty){display:none}
:where(.site-search .search-panel li a){padding:var(--wp--preset--spacing--30) 0;border-bottom:1px solid var(--wp--preset--color--border)}
:where(.page-home>h1){margin-top:.2rem}
:where(.page-home .page-grid){margin-top:.8rem}
:where(.home-clock [data-clock-root]){display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);column-gap:var(--wp--preset--spacing--60);align-items:center;padding:var(--wp--preset--spacing--40) 1.25rem;margin:.8rem 0 var(--wp--preset--spacing--50)}
:where(.home-clock .clock-layout){display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:var(--wp--preset--spacing--40)}
:where(.home-clock .analog-clock){width:150px;height:150px;margin:0}
:where(.home-clock .clock-value){line-height:1.15}
:where(.home-clock [data-clock-date],.home-clock [data-clock-zone]){margin:.35rem 0}
:where(.home-clock .actions){margin:0;gap:.5rem}
:where(.home-clock .actions label){flex-basis:100%}
:where(.home-clock [data-clock-status]){grid-column:1/-1;margin:.65rem 0 0;font-size:.875rem}
:where(.home-tools>h2){margin-top:0}
:where(.tool-groups){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wp--preset--spacing--50)}
:where(.tool-group){min-width:0}
:where(.tool-group h3){margin:.2rem 0 0;padding:.7rem 0;border-bottom:2px solid var(--wp--preset--color--border);font-size:1.0625rem}
:where(.tool-menu){list-style:none;padding:0;margin:0}
:where(.tool-menu li+li){border-top:1px solid var(--wp--preset--color--border)}
:where(.tool-menu a){display:block;min-height:44px;padding:.8rem .25rem;text-decoration:none;border-radius:3px}
:where(.tool-menu a:hover){background:var(--wp--preset--color--subtle)}
:where(.tool-title){display:block;font-weight:600}
:where(.tool-description){display:block;color:var(--wp--preset--color--muted);font-size:.9375rem;line-height:1.45;margin-top:.2rem}
:where(.home-reference){display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--wp--preset--spacing--60)}
:where(.today-summary dl){max-width:360px}
:where(.calculator-columns){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--60);align-items:start}
:where(.calculator-inputs,.calculator-output){min-width:0}
:where(.calculator-inputs h2){margin:0 0 var(--wp--preset--spacing--40);font-size:1.125rem}
:where(.calculator-workspace .inputs){grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.calculator-workspace .answer){min-height:0;padding:1.25rem}
:where(.calculator-workspace [data-details]:not(:empty)){border-top:1px solid var(--wp--preset--color--border);margin-top:var(--wp--preset--spacing--50);padding-top:.25rem}
:where(.answer-workspace .calculator-inputs){margin-top:var(--wp--preset--spacing--50)}
:where(.related-tools){border-top:1px solid var(--wp--preset--color--border);border-bottom:1px solid var(--wp--preset--color--border);padding:var(--wp--preset--spacing--40) 0;margin:var(--wp--preset--spacing--50) 0}
:where(.related-tools h2){font-size:1.125rem;margin:0 0 .35rem}
:where(.related-tools .tool-links){grid-template-columns:repeat(3,minmax(0,1fr));gap:0 var(--wp--preset--spacing--50);margin:0}
:where(.related-tools .tool-links li){border:0;padding:.4rem 0}
:where(.related-tools a){display:inline-block;min-height:44px;padding:.55rem 0;text-decoration:none}
:where(.related-tools a:hover){text-decoration:underline}
@media(max-width:1000px){
  :where(.home-clock [data-clock-root]){grid-template-columns:minmax(0,1fr);gap:var(--wp--preset--spacing--40)}
  :where(.home-clock .actions label){flex-basis:auto;min-width:min(260px,100%)}
  :where(.home-clock [data-clock-status]){margin:0}
  :where(.calculator-columns){gap:1.25rem}
}
@media(max-width:850px){
  :where(.nav-inner nav){order:3;flex-basis:100%;gap:0 .5rem}
  :where(.site-search){position:static}
  :where(.site-search .search-panel){left:1rem;right:1rem;width:auto}
  :where(.nav-group summary){padding:.35rem .25rem}
  :where(.calculator-columns){grid-template-columns:minmax(0,1fr)}
  :where(.calculator-output){border-top:1px solid var(--wp--preset--color--border);padding-top:var(--wp--preset--spacing--40)}
  :where(.home-reference){grid-template-columns:minmax(0,1fr)}
  :where(.tool-groups){grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wp--preset--spacing--40)}
}
@media(max-width:600px){
  :where(.container){padding-top:.8rem}
  :where(.home-clock [data-clock-root]){padding:var(--wp--preset--spacing--40);gap:.75rem;margin-bottom:1.25rem}
  :where(.home-clock .clock-layout){grid-template-columns:minmax(0,1fr) 96px;gap:.5rem}
  :where(.home-clock .analog-clock){width:96px;height:96px}
  :where(.home-clock .clock-value){font-size:clamp(1.75rem,8vw,2.5rem)}
  :where(.home-clock .actions label){flex-basis:100%;min-width:0}
  :where(.tool-groups,.calculator-workspace .inputs,.related-tools .tool-links){grid-template-columns:minmax(0,1fr)}
  :where(.tool-group h3){padding:.5rem 0}
  :where(.calculator-inputs .actions button[type=submit]){flex-basis:100%}
  :where(.related-tools .tool-links li){padding:0}
}
@media(max-width:380px){
  :where(.home-clock .clock-layout){grid-template-columns:minmax(0,1fr) 72px;gap:.25rem}
  :where(.home-clock .analog-clock){width:72px;height:72px}
}

/* Native template mechanics. Global Styles own body/type/colors/content width. */
:where(.wdt-main){padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) var(--wp--preset--spacing--70)}
:where(.header-shell,.footer-row){padding:var(--wp--preset--spacing--40) var(--wp--preset--spacing--50)}
:where(.wdt-main){min-width:0}:where(.site-header .wp-block-site-title a){text-decoration:none}:where(.site-header .wp-block-navigation){margin-inline-start:auto}:where(.site-header .wp-block-navigation a){min-height:44px;display:flex;align-items:center}
:where(.wdt-details){grid-column:1/-1;min-width:0}:where(.layout-stack .calculator-columns){grid-template-columns:minmax(0,1fr)}:where(.hide-analog .analog-clock){display:none}:where(.analog-clock text){fill:currentColor}:where(.wdt-editor-block){min-width:0}
@media(max-width:850px){:where(.layout-stack .calculator-output){border:0;padding:0}}