/* ===================== WPToolsHub enhancements ===================== */
/* Header dropdown nav */
.nav .nav-link{font-size:.94rem;color:var(--ink-soft);font-weight:500}
.nav .nav-link:hover{color:var(--accent);text-decoration:none}
.nav-drop{position:relative;display:inline-flex}
.nav-trigger{display:inline-flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-family:var(--font-body);font-size:.94rem;font-weight:500;color:var(--ink-soft);padding:0}
.nav-trigger:hover,.nav-drop[data-open] .nav-trigger{color:var(--accent)}
.nav-caret{font-size:.62em;opacity:.7;transition:transform .15s}
.nav-drop[data-open] .nav-caret{transform:rotate(180deg)}
.nav-menu{position:absolute;top:150%;left:50%;transform:translateX(-50%) translateY(6px);min-width:230px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:70}
.nav-drop[data-open] .nav-menu{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-menu[hidden]{display:none}
.nav-menu--wide{min-width:430px;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.nav-menu a{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:9px;font-size:.9rem;color:var(--ink);font-weight:500}
.nav-menu a:hover{background:var(--accent-tint);color:var(--accent-2);text-decoration:none}
.nav-menu a .ico{font-family:var(--font-mono);width:18px;text-align:center;color:var(--accent);font-weight:700}
.nav-menu a .fl{font-size:1.05rem}
/* Mobile accordions */
.m-acc{border-bottom:1px solid var(--line-soft)}
.m-acc>summary{list-style:none;cursor:pointer;padding:11px 0;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:center}
.m-acc>summary::-webkit-details-marker{display:none}
.m-acc>summary::after{content:"▾";font-size:.7em;opacity:.6;transition:transform .15s}
.m-acc[open]>summary::after{transform:rotate(180deg)}
.m-sub{display:flex;flex-direction:column;padding:2px 0 10px 12px}
.m-sub a{padding:8px 0;font-size:.88rem;color:var(--ink-soft);border:none!important}
.m-sub a:hover{color:var(--accent)}

/* Language popup — multi option grid */
.tb-langs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tb-lopt{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--paper-3);border:1.5px solid transparent;border-radius:8px;padding:8px 10px;font-size:.85rem;font-weight:600;color:var(--ink);cursor:pointer;font-family:var(--font-body)}
.tb-lopt:hover{border-color:var(--accent)}
.tb-lopt.is-on{border-color:var(--accent);background:var(--accent-tint)}
.tb-lopt .dot{color:var(--accent);font-size:.7em;opacity:0}
.tb-lopt.is-on .dot{opacity:1}

/* ===================== Footer redesign ===================== */
.site-foot{margin-top:80px;border-top:1.5px solid var(--line);background:var(--paper-2)}
.foot-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:34px 0 8px}
.foot-id{max-width:34ch}
.foot-id .foot-brand{font-family:var(--font-display);font-weight:800;font-size:1.25rem;display:inline-flex;align-items:center;gap:9px}
.foot-id .foot-brand .fb-mark{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--grad-brand);color:#fff;border-radius:8px;font-weight:800;box-shadow:var(--shadow-blue)}
.foot-id .foot-brand b{color:var(--accent)}
.foot-id .foot-tag{color:var(--ink-soft);font-size:.9rem;margin:10px 0 0}
.foot-clock{display:inline-flex;align-items:center;gap:9px;background:var(--grad-navy);color:#eaf2fc;border-radius:14px;padding:11px 16px;font-family:var(--font-mono);box-shadow:var(--shadow)}
.foot-clock .fc-dot{width:7px;height:7px;border-radius:50%;background:var(--sky);animation:tb-pulse 2s infinite}
.foot-clock .fc-flag{font-size:1.15rem}
.foot-clock .fc-time{color:#fff;font-weight:600;font-size:1.05rem;letter-spacing:.02em}
.foot-clock .fc-meta{color:#9fc0e4;font-size:.72rem}
.foot-controls{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:14px;padding:14px 0 4px;border-top:1.5px solid var(--line-soft);border-bottom:1.5px solid var(--line-soft);margin-top:18px}
.foot-ctl{display:grid;gap:5px}
.foot-ctl label{font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint)}
.foot-ctl select{width:100%;font-family:var(--font-body);font-size:.92rem;padding:.55em .7em;border:1.5px solid var(--line);border-radius:10px;background:var(--paper-2);color:var(--ink);cursor:pointer}
.foot-ctl select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.foot-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:28px;padding:30px 0 26px}
.foot-col h3{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);margin:0 0 12px}
.foot-col a{display:block;padding:4px 0;font-size:.9rem;color:var(--ink-soft)}
.foot-col a:hover{color:var(--accent)}
.foot-base{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:18px 0 38px;font-size:.82rem;color:var(--ink-faint);border-top:1.5px solid var(--line-soft)}
.foot-base .fb-note{max-width:60ch}
@media(max-width:760px){
  .foot-controls{grid-template-columns:1fr 1fr}
  .foot-inner{grid-template-columns:1fr 1fr}
  .foot-top{flex-direction:column;align-items:flex-start}
}
@media(max-width:460px){.foot-controls{grid-template-columns:1fr}.foot-inner{grid-template-columns:1fr 1fr}}

/* ===================== Bento equalisation + World Clock tile ===================== */
.bento .tile.big{grid-column:auto!important;grid-row:auto!important;min-height:150px!important}
.bento .tile.big .tile-glyph{font-size:2.2rem!important}
.bento .tile.big .tile-name{font-size:1.2rem!important}
.cat-worldclock:after{background:linear-gradient(#0ea5b7,#0b7c8c)!important}
.cat-worldclock .tile-glyph{color:#0ea5b7!important}

/* ===================== World clock page ===================== */
.wc-hero{background:var(--grad-navy);color:#eaf2fc;border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow-lg);margin-top:8px;position:relative;overflow:hidden}
.wc-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 220px at 85% -10%,rgba(56,189,248,.22),transparent)}
.wc-hero .wc-kick{position:relative;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-soft)}
.wc-hero .wc-main{position:relative;display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-top:10px}
.wc-flag{font-size:3rem;line-height:1}
.wc-now{display:flex;flex-direction:column}
.wc-time{font-family:var(--font-mono);font-size:3rem;font-weight:600;color:#fff;line-height:1;letter-spacing:.01em}
.wc-sub{color:#bcd4ee;font-size:.95rem;margin-top:6px}
.wc-cc{font-size:1.4rem;font-family:var(--font-display);font-weight:700;color:#fff}
.wc-change{margin-left:auto;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:9px 16px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--font-body)}
.wc-change:hover{background:#ffffff2e}
.wc-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:26px 0 14px}
.wc-toolbar input{max-width:280px}
.wc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.wc-card{display:flex;align-items:center;gap:13px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:14px;padding:14px 15px;box-shadow:var(--shadow);transition:transform .15s,border-color .15s;cursor:pointer;width:100%;text-align:left;font-family:var(--font-body)}
.wc-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.wc-card.is-on{border-color:var(--accent);background:var(--accent-tint)}
.wc-card .wf{font-size:1.7rem}
.wc-card .wc-cn{font-weight:600;color:var(--ink);font-size:.95rem}
.wc-card .wc-tz{color:var(--ink-faint);font-size:.74rem;font-family:var(--font-mono)}
.wc-card .wc-ct{margin-left:auto;text-align:right}
.wc-card .wc-ct .t{font-family:var(--font-mono);font-weight:600;color:var(--ink);font-size:1rem}
.wc-card .wc-ct .d{color:var(--ink-faint);font-size:.7rem}

/* ===================== Contact form upgrade ===================== */
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cf-grid .f.full{grid-column:1 / -1}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=url],.contact-form select,.contact-form textarea{width:100%;font-family:var(--font-body);font-size:1rem;color:var(--ink);background:var(--paper-2);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:.72em .85em;transition:border-color .15s,box-shadow .15s}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}
.contact-form label{font-size:.85rem;font-weight:600;color:var(--ink)}
.contact-form .req{color:var(--orange-2)}
.cf-reasons{display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}
.cf-chip{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line);background:var(--paper-2);border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:500;color:var(--ink-soft);cursor:pointer;transition:all .12s;font-family:var(--font-body)}
.cf-chip:hover{border-color:var(--accent)}
.cf-chip.is-on{border-color:var(--accent);background:var(--accent-tint);color:var(--accent-2);font-weight:600}
.cf-chip .ce{font-size:1rem}
.cf-note{font-size:.82rem;color:var(--ink-faint);margin:2px 0 0}
.cf-msg{font-size:.92rem;min-height:1.3em;margin:4px 0 0;font-weight:600}
.cf-msg.ok{color:var(--good)}
.cf-msg.err{color:var(--bad)}
.cf-hide{display:none!important}
@media(max-width:560px){.cf-grid{grid-template-columns:1fr}}

/* ===================== Extended SEO prose ===================== */
.seo-extra{margin-top:8px}
.seo-extra h2{margin-top:26px}
.seo-extra h3{font-family:var(--font-display);font-size:1.05rem;margin:18px 0 6px}
.seo-extra p{color:var(--ink-soft);line-height:1.7}
.seo-extra ul{color:var(--ink-soft);line-height:1.7}
.seo-keyrow{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.seo-keyrow .kw{font-size:.78rem;background:var(--paper-3);border:1px solid var(--line);border-radius:999px;padding:4px 11px;color:var(--ink-soft);font-family:var(--font-mono)}
/* world clock + standalone page typography */
.wc-page{padding-top:30px;padding-bottom:10px}
.wc-page .wc-h1{font-family:var(--font-display);font-weight:800;line-height:1.05;margin:0 0 8px}
.wc-page .wc-lede{color:var(--ink-soft);font-size:1.08rem;max-width:62ch;margin:0 0 8px}
.wc-page .wc-crumbs{font-size:.82rem;color:var(--ink-faint);font-family:var(--font-mono);margin-bottom:14px}
.wc-page .wc-crumbs a{color:var(--ink-soft)}
.wc-page .wc-crumbs a:hover{color:var(--accent)}
.wc-prose{max-width:74ch;margin-top:34px}
.wc-prose h2{font-family:var(--font-display);font-size:1.5rem;margin:26px 0 8px}
.wc-prose h3{font-family:var(--font-display);font-size:1.08rem;margin:18px 0 5px}
.wc-prose p,.wc-prose li{color:var(--ink-soft);line-height:1.75}
.wc-faq{margin-top:18px;display:grid;gap:10px}
.wc-faq details{border:1.5px solid var(--line);border-radius:12px;background:var(--paper-2);padding:2px 16px}
.wc-faq summary{cursor:pointer;font-weight:600;padding:13px 0;color:var(--ink);list-style:none}
.wc-faq summary::-webkit-details-marker{display:none}
.wc-faq summary::after{content:"+";float:right;color:var(--accent);font-weight:700}
.wc-faq details[open] summary::after{content:"–"}
.wc-faq p{padding:0 0 13px;margin:0;color:var(--ink-soft)}

/* ===================== FOOTER REDESIGN v2 (overrides above) ===================== */
.site-foot{margin-top:80px;background:var(--grad-navy);color:#cfe0f2;border-top:none;position:relative;overflow:hidden}
.site-foot:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-accent-bar)}
.site-foot .wrap{max-width:var(--maxw);margin:0 auto;padding-left:24px;padding-right:24px}
.foot-top{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:46px 0 0;border-top:none}
.foot-id{max-width:40ch}
.foot-id .foot-brand{font-family:var(--font-display);font-weight:800;font-size:1.2rem;display:inline-flex;align-items:center;gap:10px;color:#fff}
.foot-id .foot-brand .fb-mark{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--grad-brand);color:#fff;border-radius:9px;font-weight:800;font-size:1rem;box-shadow:var(--shadow-blue)}
.foot-id .foot-brand b{color:#5b9bff}
.foot-id .foot-tag{color:#9fc0e4;font-size:.92rem;line-height:1.6;margin:13px 0 0}
.foot-clock{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#eaf2fc;border-radius:15px;padding:13px 18px;font-family:var(--font-mono)}
.foot-clock .fc-dot{width:7px;height:7px;border-radius:50%;background:var(--sky);box-shadow:0 0 0 4px rgba(56,189,248,.18);animation:tb-pulse 2s infinite}
.foot-clock .fc-flag{font-size:1.25rem}
.foot-clock .fc-time{color:#fff;font-weight:600;font-size:1.1rem;letter-spacing:.02em;line-height:1.1}
.foot-clock .fc-meta{color:#9fc0e4;font-size:.72rem}
.foot-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px 0;margin-top:30px;border-top:1px solid rgba(255,255,255,.1);border-bottom:none}
.foot-ctl{display:grid;gap:6px}
.foot-ctl label{font-family:var(--font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.11em;color:#7ea6d4}
.foot-ctl select{width:100%;font-family:var(--font-body);font-size:.92rem;padding:.62em 2.2em .62em .85em;border:1px solid rgba(255,255,255,.16);border-radius:11px;background-color:rgba(255,255,255,.06);color:#fff;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'><path d='M1 1.5L6 6.5L11 1.5' stroke='%237ea6d4' stroke-width='1.8' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right .85em center}
.foot-ctl select option{color:#0A2540;background:#fff}
.foot-ctl select:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px rgba(56,189,248,.25)}
.foot-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:30px;padding:10px 0 32px}
.foot-col h3{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.11em;color:#7ea6d4;margin:0 0 14px}
.foot-col a{display:block;padding:5px 0;font-size:.9rem;color:#cfe0f2;transition:color .15s ease,transform .15s ease}
.foot-col a:hover{color:#fff;transform:translateX(3px);text-decoration:none}
.foot-base{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:20px 0 42px;font-size:.82rem;color:#7ea6d4;border-top:1px solid rgba(255,255,255,.1)}
.foot-base .fb-note{max-width:64ch}
.foot-base a{color:var(--sky-soft)}
@media(max-width:820px){.foot-inner{grid-template-columns:1fr 1fr}.foot-controls{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-top{flex-direction:column}.foot-controls{grid-template-columns:1fr}.foot-inner{grid-template-columns:1fr}}

/* ===================== WORLD CLOCK GRID v2 + MOBILE POLISH ===================== */
.wc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:15px}
.wc-card{display:flex;flex-direction:column;gap:9px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:16px;padding:16px 16px 14px;box-shadow:var(--shadow);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;cursor:pointer;width:100%;text-align:left;font-family:var(--font-body);position:relative;overflow:hidden}
.wc-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--grad-brand);opacity:0;transition:opacity .16s}
.wc-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-lg)}
.wc-card.is-on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint)}
.wc-card.is-on:before{opacity:1}
.wc-card .wc-top{display:flex;align-items:center;gap:11px}
.wc-card .wf{font-size:1.55rem;line-height:1;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;flex:none;background:var(--paper-3);transition:background .3s}
.wc-card.is-day .wf{background:#FFF1D6}
.wc-card.is-night .wf{background:#DCE6F6}
.wc-card .wc-meta{display:flex;flex-direction:column;min-width:0}
.wc-card .wc-cn{font-weight:700;color:var(--ink);font-size:.93rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-card .wc-tz{color:var(--ink-faint);font-size:.7rem;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wc-card .wc-dn{margin-left:auto;font-size:.95rem;flex:none;line-height:1;opacity:.9}
.wc-card .t{font-family:var(--font-mono);font-weight:700;color:var(--accent-2);font-size:1.6rem;letter-spacing:.01em;line-height:1.02}
.wc-card.is-night .t{color:var(--accent)}
.wc-card .wc-d{color:var(--ink-faint);font-size:.72rem;font-family:var(--font-mono)}

/* ---- Mobile top bar polish ---- */
@media(max-width:600px){
  .tb-inner{gap:9px}
  .tb-clock{font-size:.76rem;min-width:0}
  .tb-clock #tb-time,.tb-clock time{white-space:nowrap;font-size:.8rem}
  .tb-zone{display:none}
  .tb-right{gap:7px}
  .wc-time{font-size:2.4rem}
  .wc-flag{font-size:2.4rem}
  .wc-hero{padding:24px 20px}
}
@media(max-width:380px){
  .tb-date{display:none}
}

/* ===================== Google Translate widget — hide default chrome ===================== */
#google_translate_element{display:none!important}
.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.skiptranslate{display:none!important;visibility:hidden!important}
body{top:0!important;position:static!important}
.goog-tooltip,.goog-tooltip:hover{display:none!important}
.goog-text-highlight{background:none!important;box-shadow:none!important;color:inherit!important}
.goog-te-gadget{height:0;overflow:hidden;font-size:0!important}