/* =============================================================================
   ToolGrowth — NAVIGATION styles (V3.2, category-first). Site-wide, additive.
   Headers' own CSS is untouched: page links are bare <a> styled by the header;
   only the NEW structures below are styled here. Buttons carry hardened,
   high-specificity resets because Elementor's global kit (.elementor-kit-N
   button) was overriding V3.1's single-class rules — that was the blue pill.
   ============================================================================= */

/* shared inline icon */
.tg-nic{width:16px;height:16px;flex:none;display:inline-block;vertical-align:middle}

/* ---------------------------------------------------------------------------
   DESKTOP — Canva-style dropdown: attached flush under the header (no floating
   gap), flat top edge, rounded bottom, two columns inside. Hidden ≤900px.
   --------------------------------------------------------------------------- */
.tg-ndd{display:flex;align-items:center}
.tg-ndd__t{display:inline-flex;align-items:center;gap:7px}
.tg-ndd__t .tg-nic{width:15px;height:15px;opacity:.6;transition:opacity .18s}
.tg-ndd__t:hover .tg-nic,.tg-ndd.is-open .tg-ndd__t .tg-nic{opacity:1}
.tg-ndd.is-open>.tg-ndd__t{color:#0A0F1C}

.tg-ndd__p{position:absolute;top:100%;left:50%;transform:translate(-50%,-6px);width:min(960px,calc(100vw - 48px));
  background:#fff;border:1px solid #E7EBF3;border-top:0;border-radius:0 0 22px 22px;overflow:hidden;
  box-shadow:0 60px 100px -40px rgba(13,30,70,.30),0 20px 44px -28px rgba(13,30,70,.22);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,transform .24s cubic-bezier(.16,1,.3,1),visibility .18s;z-index:65;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;text-align:left}
.tg-ndd__p *{box-sizing:border-box}
.tg-ndd.is-open>.tg-ndd__p{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
/* browsing between open items: swap content instantly, no re-slide (Canva feel) */
.tg-nav.tg-nav--live .tg-ndd__p{transition:opacity .1s ease,visibility .1s;transform:translate(-50%,0)}

.tg-ndd__grid{display:grid;grid-template-columns:1fr 264px}

/* LEFT — latest articles */
.tg-ndd__main{padding:0;min-width:0}
.tg-ndd__hd{display:flex;align-items:center;gap:16px;margin:40px 28px 0 72px;padding:0 44px 22px 36px;border-bottom:1px solid #EEF2F9}
.tg-ndd__hic{width:48px;height:48px;border-radius:14px;background:#F2F6FD;color:#0B57D0;display:grid;place-items:center;flex:none}
.tg-ndd__hic .tg-nic{width:22px;height:22px}
.tg-ndd__hd b{font-size:18px;font-weight:750;letter-spacing:-.01em;color:#0A0F1C;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-ndd__all{font-size:14px;font-weight:650;color:#0B57D0;text-decoration:none;white-space:nowrap;margin-left:auto;transition:opacity .18s}
.tg-ndd__all:hover{opacity:.72}
.tg-ndd__list{display:flex;flex-direction:column;margin:16px 48px 44px 72px}
.tg-ndd__post,.tg-ndd__feat{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:700;letter-spacing:-.012em;color:#0A0F1C;text-decoration:none;padding:14px 18px !important;margin:0;border-radius:12px;transition:background .15s,color .15s}
.tg-ndd__post:hover,.tg-ndd__feat:hover{background:#F2F6FD;color:#0B57D0}

.tg-ndd__post{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-ndd__feat{font-weight:750}
.tg-ndd__feat i{font-style:normal;color:#F5A623;flex:none;line-height:1.45}
.tg-ndd__feat span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-ndd__empty{font-size:14.5px;color:#6B7488;padding:12px 0;display:block}

/* RIGHT — more categories */
.tg-ndd__side{background:#F7FAFE;border-left:1px solid #EEF2F9;padding:0;display:flex;flex-direction:column;gap:3px}
.tg-ndd__ml{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#8A93A8;padding:0;margin:38px 36px 14px}
.tg-ndd__cat{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:650;color:#39435A;text-decoration:none;padding:11px 14px !important;margin:0 22px;border-radius:11px;transition:background .15s,color .15s}
.tg-ndd__cat:hover{background:#fff;color:#0B57D0;box-shadow:0 1px 2px rgba(13,30,70,.06)}
.tg-ndd__cat .tg-nic{width:15px;height:15px;opacity:.65}
.tg-ndd__cat:hover .tg-nic{opacity:1}
.tg-ndd__cat span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-ndd__cat em{font-style:normal;font-size:11.5px;font-weight:700;color:#8A93A8;background:rgba(13,30,70,.05);border-radius:999px;padding:1px 7px;flex:none}
.tg-ndd__allcats{margin:20px 36px 44px;padding:0;font-size:14.5px;font-weight:650;color:#0B57D0;text-decoration:none;transition:opacity .18s}
.tg-ndd__allcats:hover{opacity:.72}

@media(max-width:900px){.tg-ndd__p{display:none}}

/* ---------------------------------------------------------------------------
   MOBILE — flat category rows inside the existing dark overlay
   --------------------------------------------------------------------------- */

/* reveal stagger for ALL injected children (extends the header's own animation) */
.tg-mnav__links>.tg-mcat,.tg-mnav__links>.tg-mdiv,.tg-mnav__links>.tg-mpage{opacity:0;transform:translateY(22px);transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}
.tg-mnav.is-open .tg-mnav__links>.tg-mcat,.tg-mnav.is-open .tg-mnav__links>.tg-mdiv,.tg-mnav.is-open .tg-mnav__links>.tg-mpage{opacity:1;transform:none}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(1){transition-delay:.05s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(2){transition-delay:.09s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(3){transition-delay:.13s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(4){transition-delay:.17s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(5){transition-delay:.21s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(6){transition-delay:.25s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(7){transition-delay:.29s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(8){transition-delay:.33s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(9){transition-delay:.36s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(10){transition-delay:.39s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(11){transition-delay:.42s}
.tg-mnav.is-open .tg-mnav__links>*:nth-child(12){transition-delay:.45s}

/* category row — HARDENED reset (beats .elementor-kit-N button / Astra button) */
.tg-mnav .tg-mcat>button.tg-mcat__t{
	all:revert;
	display:flex!important;align-items:center;gap:14px;width:100%;
	background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
	padding:13px 0!important;margin:0;min-height:0;cursor:pointer;text-align:left;
	font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;
	color:#fff!important;font-size:24px!important;font-weight:750!important;letter-spacing:-.02em!important;
	line-height:1.3!important;text-transform:none!important;transition:color .2s}
.tg-mnav .tg-mcat>button.tg-mcat__t:hover,.tg-mnav .tg-mcat>button.tg-mcat__t:focus{background:transparent!important;color:#fff!important;outline:none}
.tg-mnav .tg-mcat>button.tg-mcat__t:active{color:#7dd3fc!important}
.tg-mcat__t .tg-nic{width:21px;height:21px;opacity:.6;stroke-width:1.8}
.tg-mcat.is-open>.tg-mcat__t .tg-nic{opacity:1}
.tg-mcat__t span{flex:1;min-width:0}

/* chevron (rotates open) */
.tg-mcat__ch{position:relative;flex:none;width:16px;height:16px;opacity:.5;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .2s}
.tg-mcat__ch::before,.tg-mcat__ch::after{content:'';position:absolute;top:50%;width:9px;height:2px;background:currentColor;border-radius:2px}
.tg-mcat__ch::before{left:1px;transform:rotate(45deg)}
.tg-mcat__ch::after{right:1px;transform:rotate(-45deg)}
.tg-mcat.is-open>.tg-mcat__t .tg-mcat__ch{transform:rotate(180deg);opacity:1}

/* posts panel */
.tg-mcat__p{overflow:hidden;max-height:0;transition:max-height .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;padding-left:35px}
.tg-mcat__post,.tg-mcat__feat{color:#9aa6c2;font-size:16px;font-weight:550;line-height:1.45;text-decoration:none;padding:8px 0;transition:color .2s;display:flex;gap:8px;align-items:flex-start}
.tg-mcat__post:active,.tg-mcat__feat:active{color:#fff}
.tg-mcat__feat{color:#e6edf7;font-weight:650}
.tg-mcat__feat i{font-style:normal;color:#F5A623;flex:none}
.tg-mcat__all{color:#7dd3fc;font-size:14.5px;font-weight:650;text-decoration:none;padding:10px 0 14px;display:block}

/* divider + page links */
.tg-mdiv{height:1px;background:rgba(255,255,255,.12);margin:18px 0 12px}
.tg-mnav__links a.tg-mpage{font-size:19px;font-weight:650;color:#c3ccde;padding:9px 0;letter-spacing:-.01em}
.tg-mnav__links a.tg-mpage:active{color:#fff}

@media (prefers-reduced-motion: reduce){
	.tg-ndd__p,.tg-mcat__p,.tg-mcat__ch,.tg-mnav__links>.tg-mcat,.tg-mnav__links>.tg-mdiv,.tg-mnav__links>.tg-mpage{transition:none;animation:none}
}

/* ---------------------------------------------------------------------------
   V3.2.1 — desktop row integrity + one-line menu entries
   --------------------------------------------------------------------------- */

/* Nav items must NEVER wrap to two lines (this was breaking the whole header
   row); slightly tighter gap fits 8 items comfortably inside 1160px. */
.tg-hdr .tg-nav{flex-wrap:nowrap}
.tg-hdr .tg-nav a{white-space:nowrap}
.tg-hdr .tg-hdr__in{gap:20px}
.tg-hdr .tg-logo,.tg-hdr .tg-hdr__r{flex:none}

/* With 8 items the nav needs more room than the old 5-link version; below
   1080px it hides (same pattern the header already used below 900px). */
@media(max-width:1000px){.tg-hdr .tg-nav{display:none}}

/* Menu post entries: exactly ONE clean line each, ellipsis if long.
   (Full title shows in the browser tooltip on hover.) */
.tg-mcat__post span,.tg-mcat__feat span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tg-mcat__post,.tg-mcat__feat{max-width:100%}

/* =============================================================================
   V3.2.9 — LAYOUT SHIELD. The header widget ships `.tg-sec *{margin:0;padding:0}`
   (a universal reset inside the widget's own <style>, loaded in <body> after
   this file). It silently flattened every non-!important margin/padding inside
   the dropdown panel. These re-assertions carry !important so the panel's
   geometry finally renders exactly as designed. Values, colors, fonts: unchanged.
   ============================================================================= */
.tg-ndd .tg-ndd__hd{margin:40px 28px 0 72px !important;padding:0 44px 22px 0 !important}
.tg-ndd .tg-ndd__list{margin:16px 48px 44px 72px !important;padding:0 !important}
.tg-ndd .tg-ndd__ml{margin:38px 36px 14px !important;padding:0 !important}
.tg-ndd .tg-ndd__cat{margin:0 22px !important}
.tg-ndd .tg-ndd__allcats{margin:20px 36px 44px !important;padding:0 !important}
.tg-ndd .tg-ndd__empty{padding:12px 0 !important}