/* ucg-modul 46 — style — kilde kode/wordpress-pages/4780-soegeordstjek.html linje 12919-12972 — id=ucg-r23-style Kilde-SHA-256 66b4137e56a673793e34babe9626a504bbfe4ba9503eb9e51b46aa5bae72267e; genereret af scripts/lav-frontend-adapter.mjs. Indholdet under denne kommentar er UAENDRET fra kilden. Ret i kilden, ikke her. */ /* R23: sidehovedets HOEJRE VAERKTOEJSKLYNGE — form efter ATP's forlaeg (atp-frisoer-rapport-INDLOGGET-1425x820.png, baand y0-63, bg 9,9,11, taerskel |d|>25). ATP's blaek (brugbar bredde 1410): Upgrade x1162-1213 · globus x1232-1247 · EN x1255-1270 · klokke x1295-1308 + badge x1307-1320 · avatar x1333-1362 (30x30) · chevron x1370-1381 (12x6). Glyf-til-glyf 24/24 mellem de tre vaerktoejer, 18 fra Upgrade til globus, 28 til hoejrekanten. */ @media (min-width:1100px){ #ucg-pbar .ucg-pbar-tools{display:inline-flex;align-items:center;flex:0 0 auto;margin-left:auto;padding-right:6px;white-space:nowrap} /* 1) ATP's fremhaevede hoejrelink. Vores SANDE modstykke — samme saetning som betabaandet. */ #ucg-pbar .ucg-pbar-tools a.ucg-pbar-free{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:#7BC96A;font-size:14px;font-weight:700;text-decoration:none;border-radius:8px} #ucg-pbar .ucg-pbar-tools a.ucg-pbar-free:hover{background:rgba(123,201,106,.12);color:#9BDA8B} /* 2-4) Skaller. Trykflade >=44 (ATP's egne er 16-30 px => trykfladekravet vinder, bevidst). */ #ucg-pbar .ucg-pbar-tools button.ucg-pbar-tool{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;height:44px;border:0;background:none;border-radius:8px;color:#9DAD95;font:inherit;cursor:default} #ucg-pbar .ucg-pbar-tools button.ucg-pbar-tool:hover{background:rgba(255,255,255,.06);color:#DCE8D6} #ucg-pbar .ucg-pbar-tools button.ucg-pbar-tool:focus-visible{outline:2px solid #7BC96A;outline-offset:-2px} #ucg-pbar .ucg-pbar-tools button.t-sprog{min-width:45px;padding:0 3px;margin-left:5px} #ucg-pbar .ucg-pbar-tools button.t-besked{min-width:44px;padding:0 14px;margin-left:7px} #ucg-pbar .ucg-pbar-tools button.t-konto{min-width:49px;padding:0;margin-left:10px;gap:7px} #ucg-pbar .ucg-pbar-tools .ucg-pbar-tico{display:block;width:16px;height:16px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:16px 16px;mask-size:16px 16px} #ucg-pbar .ucg-pbar-tools .t-sprog .ucg-pbar-tico{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22%2F%3E%3Cpath%20d=%22M3%2012h18%22%2F%3E%3Cpath%20d=%22M12%203c2.5%202.7%202.5%2015.3%200%2018c-2.5-2.7-2.5-15.3%200-18z%22%2F%3E%3C%2Fsvg%3E');mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229%22%2F%3E%3Cpath%20d=%22M3%2012h18%22%2F%3E%3Cpath%20d=%22M12%203c2.5%202.7%202.5%2015.3%200%2018c-2.5-2.7-2.5-15.3%200-18z%22%2F%3E%3C%2Fsvg%3E')} #ucg-pbar .ucg-pbar-tools .t-besked .ucg-pbar-tico{-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%208a6%206%200%200%200-12%200c0%207-3%209-3%209h18s-3-2-3-9%22%2F%3E%3Cpath%20d=%22M13.7%2021a2%202%200%200%201-3.4%200%22%2F%3E%3C%2Fsvg%3E');mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.7%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M18%208a6%206%200%200%200-12%200c0%207-3%209-3%209h18s-3-2-3-9%22%2F%3E%3Cpath%20d=%22M13.7%2021a2%202%200%200%201-3.4%200%22%2F%3E%3C%2Fsvg%3E')} #ucg-pbar .ucg-pbar-tools .ucg-pbar-tlbl{font-size:14px;font-weight:600;line-height:1;color:#DCE8D6} /* Avatar 30x30 som ATP's — men UDEN initial: ingen bruger er logget ind, og vi opfinder ikke en. */ #ucg-pbar .ucg-pbar-tools .ucg-pbar-avatar{display:block;width:30px;height:30px;border-radius:50%;background:#DCE8D6;position:relative} #ucg-pbar .ucg-pbar-tools .ucg-pbar-avatar::after{content:"";position:absolute;inset:7px;background-color:#17220f;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:16px 16px;mask-size:16px 16px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%229%22%20r=%223.4%22%2F%3E%3Cpath%20d=%22M5.5%2019.5c1.3-3.2%204-4.8%206.5-4.8s5.2%201.6%206.5%204.8%22%2F%3E%3C%2Fsvg%3E');mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%229%22%20r=%223.4%22%2F%3E%3Cpath%20d=%22M5.5%2019.5c1.3-3.2%204-4.8%206.5-4.8s5.2%201.6%206.5%204.8%22%2F%3E%3C%2Fsvg%3E')} /* chevron: GENBRUG af .ucg-pbar-mbtn's egen maske, blot 12 px bred som ATP's */ #ucg-pbar .ucg-pbar-tools .ucg-pbar-chev{display:block;width:12px;height:6px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:12px 6px;mask-size:12px 6px;-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%209%206%22%3E%3Cpath%20d=%22M1%201l3.5%203.5L8%201%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.6%22%20stroke-linecap=%22round%22%2F%3E%3C%2Fsvg%3E');mask-image:url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox=%220%200%209%206%22%3E%3Cpath%20d=%22M1%201l3.5%203.5L8%201%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.6%22%20stroke-linecap=%22round%22%2F%3E%3C%2Fsvg%3E')} /* PAA VEJ-maerket: EET faelles tekstmaerke for de tre skaller, i bjaelkens egen badge-form (genbrug af .ucg-pbar-badge, som de tre PAA VEJ-punkter i navigationen allerede baerer). BEVIDST FRAVALG, maalt paa egen forproeve: en lille prik paa klokken laeses som et notifikations-badge = et OPFUNDET signal om ulaeste beskeder. Derfor tekst, ikke prik. */ /* HOEJDEN ARVES BEVIDST fra .ucg-pbar-badge (10px/2px 6px => 17 px hoej), saa maerket er EENS med bjaelkens tre oevrige PAA VEJ-maerker. Rundens egen blinde kontrol maalte foerst 14 px her mod 17 px paa de tre andre — 3 px indbyrdes uenighed i samme bjaelke. */ #ucg-pbar .ucg-pbar-tools .ucg-pbar-tools-badge{flex:0 0 auto;margin-left:8px} #ucg-pbar .ucg-pbar-tools .ucg-pbar-tip{display:none;position:absolute;top:calc(100% - 2px);right:0;z-index:40;box-sizing:border-box;width:max-content;max-width:250px;padding:9px 12px;background:#1E2B16;border:1px solid #2C3D22;border-radius:10px;color:#F2F7EF;font:12px/1.45 system-ui,-apple-system,sans-serif;font-weight:400;white-space:normal;text-align:left} #ucg-pbar .ucg-pbar-tools .ucg-pbar-tip b{color:#7BC96A;font-weight:800;letter-spacing:.06em} #ucg-pbar .ucg-pbar-tools button.ucg-pbar-tool:hover .ucg-pbar-tip, #ucg-pbar .ucg-pbar-tools button.ucg-pbar-tool:focus .ucg-pbar-tip{display:block} /* Pladsen skal RAEKKE: navigationen slutter ved x979,5 uanset bredde (venstrestillet, fast polstring). Maalt: fuld klynge ~266 px + 22 px inderpolstring. Derfor tre trin, saa intet loeber vandret over. */ @media (max-width:1499px){#ucg-pbar .ucg-pbar-tools button.ucg-pbar-tool{display:none}} @media (max-width:1359px){#ucg-pbar .ucg-pbar-tools a.ucg-pbar-free{display:none}} @media (max-width:1299px){#ucg-pbar .ucg-pbar-tools button.t-sprog{display:none}} @media (max-width:1199px){#ucg-pbar .ucg-pbar-tools{display:none}} } @media (max-width:1099px){#ucg-pbar .ucg-pbar-tools{display:none}}