/* UkraineType | Fast Visual Stabilization v1 | 2026-10-22
 * Appearance only. No operational, evidence or safety state rules.
 * Loaded last from app.blade.php. Strictly scoped to shared chrome and Home/About presentation.
 */
:root { --ut-fix-navy:#102e45; --ut-fix-ink:#17364a; --ut-fix-blue:#0876b9; --ut-fix-sky:#eff7fb; --ut-fix-line:#dce7ec; --ut-fix-muted:#587183; }

/* 1. Shared header — ONE brand lockup; neutralize flag pseudo-element created by navigation-v2. */
body.ut-v2 nav.utNav.utChromeV2 { min-height:76px !important; height:auto !important; background:rgba(255,255,255,.98) !important; border-bottom:1px solid #e4edf1 !important; box-shadow:0 5px 22px rgba(13,46,67,.055) !important; }
body.ut-v2 nav.utNav.utChromeV2 > .shell.utNavInner,
body.ut-v2 nav.utNav.utChromeV2 > .utNavInner { width:min(1260px, calc(100% - 56px)) !important; min-height:76px !important; height:auto !important; max-width:1260px !important; margin-inline:auto !important; display:grid !important; grid-template-columns:minmax(0,240px) minmax(0,1fr) auto !important; align-items:center !important; column-gap:22px !important; }
body.ut-v2 nav.utNav.utChromeV2 a.utBrand.utBrandV2 { display:inline-flex !important; flex-direction:row !important; align-items:center !important; justify-content:flex-start !important; width:max-content !important; max-width:100% !important; gap:10px !important; padding:0 !important; margin:0 !important; border:0 !important; transform:none !important; }
body.ut-v2 nav.utNav.utChromeV2 a.utBrand.utBrandV2::before,
body.ut-v2 footer.utChromeV2 a.utBrand.utBrandV2::before { content:none !important; display:none !important; width:0 !important; height:0 !important; background:none !important; box-shadow:none !important; }
body.ut-v2 nav.utNav.utChromeV2 .utBrandV2Pin { display:block !important; width:45px !important; height:46px !important; object-fit:contain !important; flex:0 0 auto !important; }
body.ut-v2 nav.utNav.utChromeV2 .utBrandV2Wordmark { display:block !important; width:167px !important; height:auto !important; object-fit:contain !important; flex:0 1 auto !important; }
body.ut-v2 nav.utNav.utChromeV2 .utNavLinks { display:flex !important; gap:5px !important; align-items:center !important; justify-content:center !important; min-width:0 !important; }
body.ut-v2 nav.utNav.utChromeV2 .utNavLinks a { color:#35546a !important; font:600 13px/1.2 Arial,sans-serif !important; padding:11px 10px !important; border-radius:10px !important; }
body.ut-v2 nav.utNav.utChromeV2 .utNavLinks a:hover { background:#eef6fb !important; color:#0876b9 !important; }
body.ut-v2 nav.utNav.utChromeV2 .utNavTools { display:flex !important; gap:10px !important; align-items:center !important; }
body.ut-v2 nav.utNav.utChromeV2 .utNavTools .utLanguage { border:1px solid #e2eaf0 !important; background:#fff !important; border-radius:11px !important; min-height:40px !important; }
body.ut-v2 nav.utNav.utChromeV2 .utNavCta { min-height:41px !important; border-radius:11px !important; padding:0 17px !important; box-shadow:0 6px 15px rgba(8,118,185,.15) !important; font-weight:700 !important; }
body.ut-v2 nav.utNav.utChromeV2 .utMobileMenu { margin:0 !important; }
body.ut-v2 nav.utNav.utChromeV2 a:focus-visible,
body.ut-v2 nav.utNav.utChromeV2 summary:focus-visible { outline:3px solid #167bbb !important; outline-offset:3px !important; }

/* 2. Shared footer — clean white surface, readable links, balanced brand. */
body.ut-v2 footer.utChromeV2.utFastFooter { background:#f8fbfd !important; color:var(--ut-fix-ink) !important; padding:46px 0 44px !important; border-top:1px solid var(--ut-fix-line) !important; box-shadow:none !important; }
body.ut-v2 footer.utChromeV2.utFastFooter > .shell.foot { width:min(1260px,calc(100% - 56px)) !important; max-width:1260px !important; margin-inline:auto !important; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.5fr) !important; gap:50px !important; align-items:start !important; padding:0 !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterBrand { display:flex !important; flex-direction:column !important; align-items:flex-start !important; gap:13px !important; min-width:0 !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterBrand > .utBrandV2 { display:inline-flex !important; align-items:center !important; width:auto !important; gap:9px !important; margin:0 !important; padding:0 !important; }
body.ut-v2 footer.utChromeV2 .utBrandV2Pin { width:37px !important; height:auto !important; object-fit:contain !important; }
body.ut-v2 footer.utChromeV2 .utBrandV2Wordmark { width:132px !important; height:auto !important; object-fit:contain !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterBrand p,
body.ut-v2 footer.utChromeV2 .utFastFooterDescription p { margin:0 !important; color:#5b7486 !important; font:400 13px/1.75 Arial,sans-serif !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterDescription { padding-top:10px !important; min-width:0; }
body.ut-v2 footer.utChromeV2 .utFastFooterLinks { min-width:0; padding-top:4px !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterLinks nav { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; column-gap:20px !important; row-gap:7px !important; align-items:start !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterLinks nav a { display:block !important; width:fit-content !important; max-width:100% !important; color:#284a60 !important; font:600 12px/1.55 Arial,sans-serif !important; padding:4px 0 !important; text-decoration:none !important; overflow-wrap:anywhere !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterLinks nav a:hover { color:#0876b9 !important; text-decoration:underline !important; text-underline-offset:4px !important; }
body.ut-v2 footer.utChromeV2 .utFastFooterLinks nav a:focus-visible { outline:3px solid #167bbb !important; outline-offset:3px; }

/* 3. Home/About visual polish — no journey/evidence status overrides. */
body.ut-v2.utTravelSurface .utHomeEditorial .utJourneyTeaser,
body.ut-v2.utTravelSurface.utPublicTravel .uk-card,
body.ut-v2.utTravelSurface.utPublicTravel .ukFounderProfileV1 { border:1px solid #e2ebef !important; box-shadow:0 11px 32px rgba(15,55,76,.055) !important; }
body.ut-v2.utTravelSurface .utHomeEditorial .utJourneyTeaser:hover { transform:translateY(-2px) !important; box-shadow:0 18px 40px rgba(15,55,76,.1) !important; }
body.ut-v2.utTravelSurface .utHomeEditorial .utV2CardArtwork { background:linear-gradient(145deg,#edf7fd,#f8fcfe) !important; color:#0876b9 !important; border-bottom:1px solid #e0edf3 !important; }
body.ut-v2.utTravelSurface .utHomeEditorial .utV2CardArtwork svg { display:block !important; width:78px !important; height:68px !important; max-width:50% !important; }
body.ut-v2.utTravelSurface .utHomeEditorial .utV2CardArtwork--before { background:linear-gradient(145deg,#edf8f6,#f9fdfc) !important; color:#188b84 !important; }
body.ut-v2.utTravelSurface .utHomeEditorial .utV2CardArtwork--during { background:linear-gradient(145deg,#f3f1fe,#fcfbff) !important; color:#7561bc !important; }
body.ut-v2.utTravelSurface .utHomeEditorial .utTravelSectionHead h2,
body.ut-v2.utTravelSurface.utPublicTravel .uk-section-head h2 { letter-spacing:-.035em !important; }
body.ut-v2.utTravelSurface.utPublicTravel .ukFounderProfileImage img { border-radius:15px !important; object-position:center top !important; }
body.ut-v2.utTravelSurface .utV2Disclosure { border-color:#dfebef !important; border-radius:17px !important; }
body.ut-v2.utTravelSurface .utV2Disclosure summary:focus-visible { outline:3px solid #167bbb !important; outline-offset:3px !important; }

/* 4. New illustrative editorial asset: no fabricated route geometry, no outdated photos. */
body.ut-v2.utTravelSurface .utV2EditorialPhoto.utVisualEvidenceArt { box-sizing:border-box !important; min-width:0 !important; position:relative !important; display:flex !important; flex-direction:column !important; justify-content:space-between !important; isolation:isolate !important; width:100% !important; min-height:350px !important; padding:25px 28px 28px !important; overflow:hidden !important; border:1px solid rgba(196,222,232,.8) !important; border-radius:20px !important; background:radial-gradient(circle at 76% 27%,rgba(104,194,232,.28) 0,transparent 45%),linear-gradient(145deg,#062d48 0%,#0e5976 64%,#0f7c92 100%) !important; box-shadow:0 18px 44px rgba(12,65,91,.16) !important; color:#fff !important; }
body.ut-v2.utTravelSurface .utVisualArtGrid { position:absolute; inset:0; opacity:.18; pointer-events:none; background-image:linear-gradient(to right,rgba(255,255,255,.22) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.22) 1px,transparent 1px); background-size:27px 27px; mask-image:linear-gradient(90deg,transparent,#000 38%,#000 90%); }
body.ut-v2.utTravelSurface .utVisualArtTop { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:20px; }
body.ut-v2.utTravelSurface .utVisualArtLabel { font:800 12px/1.2 Arial,sans-serif; letter-spacing:.14em; color:#d9f5ff; }
body.ut-v2.utTravelSurface .utVisualArtDot { width:11px; height:11px; border-radius:50%; background:#ffd34d; box-shadow:0 0 0 6px rgba(255,211,77,.17); }
body.ut-v2.utTravelSurface .utVisualArtRoute { position:relative; z-index:1; display:flex; justify-content:center; align-items:center; margin:28px 0; gap:10px; }
body.ut-v2.utTravelSurface .utVisualArtNode { width:94px; height:92px; border:1px solid rgba(227,251,255,.38); background:rgba(255,255,255,.12); border-radius:20px; display:grid; grid-template-rows:20px 1fr; place-items:center; backdrop-filter:blur(4px); }
body.ut-v2.utTravelSurface .utVisualArtNode span { justify-self:start; padding:10px 0 0 12px; color:#d6f0fa; font:700 10px/1 Arial,sans-serif; }
body.ut-v2.utTravelSurface .utVisualArtNode svg { width:35px; height:35px; stroke:#fff; stroke-width:1.8; }
body.ut-v2.utTravelSurface .utVisualArtConnector { display:flex; align-items:center; justify-content:center; gap:8px; flex:0 1 110px; }
body.ut-v2.utTravelSurface .utVisualArtConnector i { display:block; width:9px; height:9px; flex:0 0 9px; border:2px solid #c6e8f4; border-radius:50%; background:#39b4d3; }
body.ut-v2.utTravelSurface .utVisualArtConnector i:nth-child(2) { background:#ffd34d; border-color:#ffdf79; }
body.ut-v2.utTravelSurface .utVisualArtBottom { position:relative; z-index:1; display:flex; flex-direction:column; gap:7px; }
body.ut-v2.utTravelSurface .utVisualArtBottom strong { color:#fff; font:750 clamp(19px,2.2vw,27px)/1.2 Arial,sans-serif; letter-spacing:-.02em; }
body.ut-v2.utTravelSurface .utVisualArtBottom span { color:#cbeaf4; font:500 12px/1.55 Arial,sans-serif; }

/* 5. Adaptive shell and mobile navigation; retain existing menu semantics. */
@media (max-width:1130px) and (min-width:981px) {
 body.ut-v2 nav.utNav.utChromeV2 > .shell.utNavInner { grid-template-columns:minmax(0,212px) minmax(0,1fr) auto !important; gap:9px !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utNavLinks { gap:0 !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utNavLinks a { font-size:11px !important; padding:9px 7px !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utBrandV2Wordmark { width:152px !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utNavTools { gap:5px !important; }
}
@media (max-width:980px) {
 body.ut-v2 nav.utNav.utChromeV2 > .shell.utNavInner { width:calc(100% - 36px) !important; min-height:68px !important; grid-template-columns:minmax(0,1fr) auto auto !important; gap:12px !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utNavLinks { display:none !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utMobileMenu { display:block !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utBrandV2Pin { width:37px !important; height:38px !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utBrandV2Wordmark { width:140px !important; }
 body.ut-v2 footer.utChromeV2.utFastFooter > .shell.foot { grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) !important; gap:30px !important; }
 body.ut-v2 footer.utChromeV2 .utFastFooterDescription { grid-column:1; padding:0 !important; }
 body.ut-v2 footer.utChromeV2 .utFastFooterLinks { grid-column:2; grid-row:1/span 2; }
 body.ut-v2 footer.utChromeV2 .utFastFooterLinks nav { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:820px) {
 body.ut-v2 nav.utNav.utChromeV2 .utNavTools { display:none !important; }
 body.ut-v2.utTravelSurface nav.utNav.utChromeV2 .utNavTools { display:flex !important; }
 body.ut-v2 nav.utNav.utChromeV2 > .shell.utNavInner { display:flex !important; justify-content:space-between !important; align-items:center !important; }
 body.ut-v2 nav.utNav.utChromeV2 a.utBrandV2 { margin-right:auto !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utMobileMenu { order:3 !important; }
 body.ut-v2.utTravelSurface nav.utNav.utChromeV2 .utNavTools { order:2 !important; margin-left:auto !important; }
}
@media (max-width:600px) {
 body.ut-v2 nav.utNav.utChromeV2 > .shell.utNavInner { width:calc(100% - 28px) !important; min-height:64px !important; gap:8px !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utBrandV2Pin { width:32px !important; height:34px !important; }
 body.ut-v2 nav.utNav.utChromeV2 .utBrandV2Wordmark { width:118px !important; }
 body.ut-v2 footer.utChromeV2.utFastFooter { padding:34px 0 !important; }
 body.ut-v2 footer.utChromeV2.utFastFooter > .shell.foot { display:flex !important; flex-direction:column !important; gap:20px !important; width:calc(100% - 34px) !important; }
 body.ut-v2 footer.utChromeV2 .utFastFooterLinks { width:100%; }
 body.ut-v2 footer.utChromeV2 .utFastFooterLinks nav { grid-template-columns:repeat(2,minmax(0,1fr)) !important; row-gap:4px !important; }
 body.ut-v2.utTravelSurface .utV2EditorialPhoto.utVisualEvidenceArt { min-height:270px !important; padding:20px 21px !important; }
 body.ut-v2.utTravelSurface .utVisualArtNode { width:70px; height:76px; border-radius:15px; }
 body.ut-v2.utTravelSurface .utVisualArtNode svg { width:29px; height:29px; }
 body.ut-v2.utTravelSurface .utVisualArtConnector { flex:0 1 65px; gap:5px; }
 body.ut-v2.utTravelSurface .utVisualArtConnector i { width:7px;height:7px;flex-basis:7px; }
}
@media (prefers-reduced-motion:reduce) { body.ut-v2.utTravelSurface .utHomeEditorial .utJourneyTeaser { transition:none !important; } }