/* =====================================================================
   Nexus Advokater · nexus-brand 1.0.2 · PRODUKTIONS-CSS for brand-runde 1–3
   Kilde: website/vurdering-2026-10-25/mockup/preview.css (vist for og godkendt af Stefan 26/10 kl. 19:57).
   Værdier: brand/designguide-v1.md §2–§6 og 02-brand-design.md afsnit 2–5.

   Forskelle fra preview.css:
   - Preview-præfikset html:not(#nxp1):not(#nxp2) er fjernet.
   - Alle regler ligger i @layer nexus-brand. Efter CSS-kaskaden vinder !important i et lag over
     !important uden lag, uanset specificitet. Derfor slår reglerne sitets ca. 2.326 !important i
     nexus-design.css og 354 i Additional CSS uden ID-tricks. Inline style-attributter med !important
     vinder stadig. Sitet bruger ingen andre @layer (tjekket 28/10).
   - Inde i laget skal hver deklaration have !important for at vinde over sitets almindelige regler.
     Det er derfor ikke muligt at få "færre !important" uden at genskrive nexus-design.css (runde 4+).
   - @font-face leveres inline af pluginet (absolutte plugin-stier + preload). Google Fonts slås fra med filter.
   - --e-global-color-* er fjernet: de sættes i Kit 4227 (se kit-klikliste.md).
   1.0.2 (28/10-2026): nyt afsnit 8 – grønne knappers hover/fokus = #006233, helteknap, Tilmeld og "Kontakt os" på Ugens Dom = Sand på hover/fokus (Tilmeld og "Kontakt os" hvide i normaltilstand).
   1.0.1 (28/10-2026): afsnit 2 udelukker links/span/strong/em i h1–h6; nyt afsnit 7 med fire snævre rettelser.
   Rollback: deaktivér pluginet "Nexus – brand runde 1–3".
   ===================================================================== */
@layer nexus-brand {
/* ---------- 1. Tokens (runde 1: farver, type-skala, spacing, fokus) ---------- */
:root{/* Palet §2.1–2.2 */
  --nx-ink:#14342A !important; --nx-ink-deep:#0D261F !important; --nx-green:#00753E !important; --nx-green-hover:#006233 !important; --nx-sand:#E8DCC0 !important; --nx-brass:#A8761C !important; --nx-paper:#FBFBFA !important; --nx-surface:#F4F4F2 !important; --nx-green-soft:#EDF6F1 !important; --nx-green-mid:#D2E8DC !important; --nx-line:#D8D8D4 !important; --nx-text:#2A2A27 !important; --nx-muted:#696965 !important; /* Fonte */
  --nx-serif:'Playfair Display', Georgia, 'Times New Roman', serif !important; --nx-sans:'DM Sans', Arial, sans-serif !important; /* Type-skala §3.2 (390 → 1440) */
  --nx-h1:clamp(2.25rem, 1.786rem + 1.905vw, 3.5rem) !important; --nx-h1-hero:clamp(2.25rem, 1.043rem + 4.952vw, 5.5rem) !important; --nx-h2:clamp(1.875rem, 1.643rem + 0.952vw, 2.5rem) !important; --nx-h2-hero:clamp(1.875rem, 1.086rem + 3.238vw, 4rem) !important; --nx-h3:clamp(1.4375rem, 1.321rem + 0.476vw, 1.75rem) !important; --nx-h4:clamp(1.3125rem, 1.243rem + 0.286vw, 1.5rem) !important; --nx-h5:clamp(1.25rem, 1.204rem + 0.19vw, 1.375rem) !important; --nx-h6:clamp(1.125rem, 1.079rem + 0.19vw, 1.25rem) !important; --nx-teaser:clamp(1.125rem, 1.079rem + 0.19vw, 1.25rem) !important; --nx-lead:clamp(1.0625rem, 1.039rem + 0.095vw, 1.125rem) !important; --nx-small:clamp(0.875rem, 0.852rem + 0.095vw, 0.9375rem) !important; --nx-eyebrow:clamp(0.75rem, 0.727rem + 0.095vw, 0.8125rem) !important; /* Spacing §6 + 4/8-skala */
  --nx-space-1:4px !important; --nx-space-2:8px !important; --nx-space-3:12px !important; --nx-space-4:16px !important; --nx-space-5:24px !important; --nx-space-6:32px !important; --nx-space-7:40px !important; --nx-space-8:48px !important; --nx-space-9:64px !important; --nx-space-10:96px !important; --nx-space-11:128px !important; --nx-gutter:22px !important; --nx-section:clamp(72px, 4.5rem + 3.81vw, 128px) !important; --nx-max:1280px !important; --nx-reading:760px !important; /* Fokus-token (D4) */
  --nx-focus:#A8761C !important; /* Knap */
  --nx-btn-pad:17px 24px !important; --nx-btn-h:48px !important; --nx-radius:2px !important; --nx-tap:44px !important; }
@media (min-width:768px){ :root{--nx-gutter:40px !important; } }
@media (min-width:1025px){ :root{--nx-gutter:56px !important; } }

/* ---------- 2. Kun to skrifter (fjerner Inter, Inter Tight, IBM Plex Mono, Cardo, Georgia/Verdana, Arial) ---------- */
body,
body :is(p,li,a,span,label,input,textarea,select,button,small,strong,em,b,div,td,th,figcaption,blockquote,dt,dd,time,cite,code,nav,ol,ul,font):not(i):not(.eicon):not([class*="eicon-"]):not(.fa):not(.fas):not(.far):not(.fab):not([class^="fa-"]):not([class*=" fa-"]):not(.dashicons):not(:is(h1,h2,h3,h4,h5,h6) :is(a,span,strong,em)){font-family:var(--nx-sans) !important; }
:is(h1,h2,h3,h4,h5,h6), :is(h1,h2,h3,h4,h5,h6) :is(a,span,strong,em){font-family:var(--nx-serif) !important; }
/* Vægte uden for systemet: 650 → 700 (§3.1) */
:is(.elementor-nav-menu a, .elementor-item){font-weight:700 !important; }

/* ---------- 3. Type-skala (§3.2) ---------- */
h1, h1.elementor-heading-title{font-size:var(--nx-h1) !important; font-weight:400 !important; line-height:1.05 !important; letter-spacing:-0.025em !important; }
body.home h1, body.home h1.elementor-heading-title{font-size:var(--nx-h1-hero) !important; }
h2, h2.elementor-heading-title{font-size:var(--nx-h2) !important; font-weight:500 !important; line-height:1.1 !important; letter-spacing:-0.025em !important; }
/* Én sektionshero-H2 pr. sektion med mørk statement-flade */
:is(#nexus-home-team-title, #nexus-byggedomme-title){font-size:var(--nx-h2-hero) !important; }
h3, h3.elementor-heading-title{font-size:var(--nx-h3) !important; font-weight:500 !important; line-height:1.2 !important; letter-spacing:-0.01em !important; }
h4{font-size:var(--nx-h4) !important; font-weight:500 !important; line-height:1.25 !important; letter-spacing:0 !important; }
h5{font-size:var(--nx-h5) !important; font-weight:500 !important; line-height:1.3 !important; letter-spacing:0 !important; }
h6{font-size:var(--nx-h6) !important; font-weight:500 !important; line-height:1.3 !important; letter-spacing:0 !important; }
/* Teaser-/korttitler: DM Sans 700 20/18 (§3.2) */
:is(.elementor-icon-box-title, .elementor-post__title, .nexus-home-events h3:not(:first-of-type)),
:is(.elementor-icon-box-title, .elementor-post__title) :is(a,span){font-family:var(--nx-sans) !important; font-size:var(--nx-teaser) !important; font-weight:700 !important; line-height:1.3 !important; letter-spacing:0 !important; }
/* Mindste tekst: meta/indholdsfortegnelse ikke under 14 px */
.nexus-knowledge-toc a{font-size:var(--nx-small) !important; }
/* Pseudo-elementer med tal/eyebrows (fx TOC-numre i IBM Plex Mono) */
:is(.nexus-knowledge-toc li, [class*="nexus-"] li)::before{font-family:var(--nx-sans) !important; }

/* ---------- 4. Knapper (runde 2, §3.5) ---------- */
:is(.elementor-button, .ns-btn, .nexus-learning__button, .nexus-byggedomme-promo__button, .nexus-collaboration-bridge__inner a,
       .gh-cta-btn, .nexus-team-button, .nexus-knowledge-button, .woocommerce a.button, .woocommerce button.button){font-family:var(--nx-sans) !important; font-size:.875rem !important; font-weight:700 !important; letter-spacing:.02em !important; line-height:1 !important; padding:var(--nx-btn-pad) !important; min-height:var(--nx-btn-h) !important; border-radius:var(--nx-radius) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; box-shadow:none !important; border-width:1px !important; border-style:solid !important; text-decoration:none !important; transition:background-color .15s, color .15s, border-color .15s !important; }
/* Primær (lys bund). Elementor-knappernes farver kommer fra Kit/widget (grøn #00753E via global farve); her kun egne klasser */
:is(.nx-btn--primary, .gh-cta-btn, .woocommerce a.button, .woocommerce button.button, .elementor-form .elementor-button[type=submit]){background-color:var(--nx-green) !important; color:#fff !important; border-color:var(--nx-green) !important; }
:is(.nx-btn--primary, .gh-cta-btn, .woocommerce a.button, .woocommerce button.button, .elementor-form .elementor-button[type=submit]):hover{background-color:var(--nx-green-hover) !important; border-color:var(--nx-green-hover) !important; }
/* Primær på mørk (hero/Ink-flader): hvid med Ink-tekst. Klassen .nx-btn--on-dark tildeles i widget → Advanced → CSS Classes */
:is(.nx-btn--on-dark, .nexus-byggedomme-promo__button, .nexus-team-button, .nexus-knowledge-button){background-color:#fff !important; color:var(--nx-ink) !important; border-color:#fff !important; }
:is(.nx-btn--on-dark, .nexus-byggedomme-promo__button, .nexus-team-button, .nexus-knowledge-button):hover{background-color:var(--nx-sand) !important; border-color:var(--nx-sand) !important; color:var(--nx-ink) !important; }
/* Sekundær (outline) */
:is(.nx-btn--secondary, .ns-btn, .nexus-learning__button, .nexus-collaboration-bridge__inner a){background-color:transparent !important; color:var(--nx-ink) !important; border-color:var(--nx-ink) !important; }
:is(.nx-btn--secondary, .ns-btn, .nexus-learning__button, .nexus-collaboration-bridge__inner a):hover{background-color:var(--nx-ink) !important; color:#fff !important; }
/* Disabled */
:is(.elementor-button, .ns-btn, .woocommerce .button):is(:disabled,[aria-disabled="true"],.disabled){background-color:var(--nx-line) !important; border-color:var(--nx-line) !important; color:var(--nx-muted) !important; cursor:not-allowed !important; }
/* Tekstlink med pil (§3.5) – generisk klasse til lyse flader */
.nx-link-arrow{color:var(--nx-green) !important; font-weight:700 !important; text-decoration:none !important; min-height:var(--nx-tap) !important; display:inline-flex !important; align-items:center !important; }
.nx-link-arrow:hover{color:var(--nx-green-hover) !important; text-decoration:underline !important; text-underline-offset:3px !important; }
/* "Se arrangementet →" ligger på mørke kort → primær på mørk (hvid, Ink-tekst, radius 2) */
.nexus-home-events__link:not(.nexus-home-events__link--compact){background:#fff !important; color:var(--nx-ink) !important; border:1px solid #fff !important; border-radius:var(--nx-radius) !important; font-family:var(--nx-sans) !important; font-size:.875rem !important; font-weight:700 !important; letter-spacing:.02em !important; line-height:1 !important; padding:var(--nx-btn-pad) !important; min-height:var(--nx-btn-h) !important; display:inline-flex !important; align-items:center !important; box-shadow:none !important; }
.nexus-home-events__link:not(.nexus-home-events__link--compact):hover{background:var(--nx-sand) !important; border-color:var(--nx-sand) !important; }
/* Ikoncirkel → (§5): min. 44 px */
:is(.nexus-home-events__link--compact){width:var(--nx-tap) !important; height:var(--nx-tap) !important; min-width:var(--nx-tap) !important; }
/* Tags/emnelinks = pille (§3.5) */
.nexus-legacy-topic-links a{border-radius:999px !important; min-height:var(--nx-tap) !important; padding:0 16px !important; display:inline-flex !important; align-items:center !important; font-weight:700 !important; }

/* ---------- 5. Én fokusring (D4, WCAG 2.4.7/1.4.11) ---------- */
:is(a,button,input,select,textarea,summary,[tabindex],.elementor-menu-toggle):focus-visible{outline:3px solid var(--nx-focus) !important; outline-offset:3px !important; box-shadow:none !important; }
:is(.nx-on-sand) :focus-visible{outline-color:var(--nx-ink) !important; }

/* ---------- 6. Mobil (runde 3): logo 120 px, 44 px trykflader, 16 px felter, sidemargin ---------- */
/* Formularfelter 16/400 (§3.2 – undgår iOS-zoom) */
:is(.elementor-field-group .elementor-field, .elementor-field-textual, input[type=text], input[type=email], input[type=tel], textarea, select){font-size:16px !important; font-weight:400 !important; line-height:1.5 !important; min-height:var(--nx-btn-h) !important; }
.elementor-field-group .elementor-field-label{font-weight:700 !important; font-size:.875rem !important; }

@media (max-width:767px){
  /* Logo min. 120 px (§1.3) */
  .elementor-location-header .elementor-widget-image img{width:120px !important; max-width:none !important; height:auto !important; }
  /* Trykflader ≥ 44 px */
  :is(.elementor-nav-menu--dropdown a, .elementor-icon-list-item > a, .nexus-knowledge-toc a, .elementor-breadcrumbs a, nav[aria-label*="rødkrumme"] a,
         a[href^="tel:"]:not(p *), a[href^="mailto:"]:not(p *)){min-height:var(--nx-tap) !important; display:inline-flex !important; align-items:center !important; }
  .elementor-icon-list-item > a{display:flex !important; }
  :is(.nexus-knowledge-toc li){align-items:center !important; }
  :is(.nexus-knowledge-breadcrumb, nav[aria-label*="rødkrumme"], .elementor-breadcrumbs){align-items:center !important; }
  /* Sidemargin: --nx-gutter (22 px) er defineret som token, men IKKE tvunget på i preview –
     sitet bruger i dag 20 px i indlejrede containere, og en global regel giver dobbelt padding.
     Sættes pr. container i Elementor (Layout → Padding = var(--nx-gutter)) i runde 3. */
}

/* ---------- 7. Rettelser 1.0.1 (28/10-2026, fra rapport-fase-b.md) ---------- */
/* 7.1 Links/span/strong/em i h1–h6 = Playfair. Reglen i afsnit 2 udelukker dem nu (før vandt den over serif-reglen på specificitet).
   Undtagelser, der var DM Sans før 1.0.0 og forbliver DM Sans som i 1.0.0 (teaser-titler dækkes allerede af afsnit 3): */
.home :is(.elementor-element-75987cc2, .elementor-element-783c74d7, .elementor-element-1ecd29ee, .elementor-element-6978c784, .elementor-element-7f295ff5) .elementor-heading-title a,
.nexus-learning__card :is(h1,h2,h3,h4,h5,h6) a,
.nexus-person-card__body h3 a > span[aria-hidden="true"]{font-family:var(--nx-sans) !important; }
/* ByggeDomme-ordmærket (ikke en overskrift; :not(#_) løfter specificiteten over afsnit 2) */
.nexus-byggedomme-promo__brand :is(span,strong):not(#_){font-family:var(--nx-serif) !important; }
/* Topdommen på /ugens-dom/ (posts-widget 4cc5c81, artikel .nx-ud-featured): Playfair i H2-skala i stedet for teaser */
.elementor-element-4cc5c81 .nx-ud-featured .elementor-post__title,
.elementor-element-4cc5c81 .nx-ud-featured .elementor-post__title a{font-family:var(--nx-serif) !important; font-size:var(--nx-h2) !important; font-weight:500 !important; line-height:1.1 !important; letter-spacing:-0.025em !important; }
/* 7.2 Hotline-teksten på forsiden (h3 i 6c52412d): samme udtryk som før – sitets egne værdier (Elementor 3206: 18/20/17 px, 500, lh 1.5, -.13px), links inline */
.home .elementor-element-6c52412d .elementor-heading-title{font-family:var(--nx-sans) !important; font-size:18px !important; font-weight:500 !important; line-height:1.5 !important; letter-spacing:-.13px !important; }
.home .elementor-element-6c52412d .elementor-heading-title :is(a,span,strong,em){font-family:inherit !important; font-size:inherit !important; font-weight:inherit !important; line-height:inherit !important; letter-spacing:inherit !important; }
.home .elementor-element-6c52412d .elementor-heading-title a{display:inline !important; min-height:0 !important; align-items:normal !important; }
@media (max-width:1024px){ .home .elementor-element-6c52412d .elementor-heading-title{font-size:20px !important; } }
@media (max-width:767px){ .home .elementor-element-6c52412d .elementor-heading-title{font-size:17px !important; } }
/* 7.3 Kolonneoverskrifter i footeren (skabelon 4317: Sider, Entrepriseret, Afgørelser, Følg os): sitets egne værdier (24 px / 1.25; mobil 30 px / 1.1; -.02em) */
.elementor-4317 :is(.elementor-element-48f48de3, .elementor-element-6a2e3b6b, .elementor-element-46fe6390, .elementor-element-717e0faa) .elementor-heading-title{font-size:24px !important; line-height:1.25 !important; letter-spacing:-.02em !important; }
@media (max-width:767px){ .elementor-4317 :is(.elementor-element-48f48de3, .elementor-element-6a2e3b6b, .elementor-element-46fe6390, .elementor-element-717e0faa) .elementor-heading-title{font-size:30px !important; line-height:1.1 !important; } }
/* 7.4 Juridiske links i footeren (skabelon 4317, række 8e0f32d: Forretningsbetingelser, Persondatapolitik, Cookies) er Elementor-knapper,
   men skal se ud som understregede tekstlinks som før: sitets egne værdier (DM Sans 14/700, lh 1.4, padding 8px 0, ingen kant, understreget).
   Trykfladen er 44 px høj som før (min-height 44px); fokusringen (afsnit 5) bevares. */
.elementor-4317 :is(.elementor-element-ca3b13e, .elementor-element-5a86b43, .elementor-element-49ffbf1) .elementor-button{font-size:14px !important; font-weight:700 !important; letter-spacing:.02em !important; line-height:1.4 !important; padding:8px 0 !important; min-height:44px !important; display:inline-flex !important; align-items:center !important; justify-content:normal !important; gap:normal !important; border-width:0 !important; border-style:none !important; text-decoration:underline !important; transition:background-color .18s ease, border-color .18s ease, color .18s ease !important; }
@media (max-width:767px){ .elementor-4317 :is(.elementor-element-ca3b13e, .elementor-element-5a86b43, .elementor-element-49ffbf1) .elementor-button{justify-content:center !important; } }

/* ---------- 8. Rettelser 1.0.2 (28/10-2026, fra Brand & Design) ---------- */
/* 8.1 Grønne knapper: hover og tastaturfokus = #006233 overalt (også "Ring …" på forsiden). Fokus beholder hover-farven og får kun messingringen fra afsnit 5
   (3px solid #A8761C, offset 3). Forhindrer, at Ink-baggrunden fra nexus-design.css (.page-content/.elementor-location-single/-archive … :hover/:focus-visible) slår igennem.
   Undtaget (er ikke grønne i normaltilstand): helteknappen bbc7efc (8.2), "Søg i Ugens Dom" 0560c60, Tilmeld ef5d8e6 (8.3), flip-box-knapper,
   "Se kurset" i .nx-ruling-course, "Kontakt os" i .nx-ruling-contact (8.4) og footerens tekstlinks. Filterknapperne på /kurser/ er ikke .elementor-button og berøres ikke.
   Kun farver – ingen padding, højde, radius eller transition ændres. */
:is(.page-content, .elementor-location-single, .elementor-location-archive) .elementor-button:not(.elementor-flip-box__button):not(.nx-ruling-course .nx-button):not(.nx-ruling-contact .nx-button):not(:is(.elementor-element-bbc7efc, .elementor-element-0560c60, .elementor-element-ef5d8e6, .elementor-element-ca3b13e, .elementor-element-5a86b43, .elementor-element-49ffbf1) .elementor-button):is(:hover, :focus-visible),
.nlaw-copy:is(:hover, :focus-visible){background-color:var(--nx-green-hover) !important; border-color:var(--nx-green-hover) !important; color:#fff !important; }
:is(.page-content, .elementor-location-single, .elementor-location-archive) .elementor-button:not(.elementor-flip-box__button):not(.nx-ruling-course .nx-button):not(.nx-ruling-contact .nx-button):not(:is(.elementor-element-bbc7efc, .elementor-element-0560c60, .elementor-element-ef5d8e6, .elementor-element-ca3b13e, .elementor-element-5a86b43, .elementor-element-49ffbf1) .elementor-button):is(:hover, :focus-visible) .elementor-button-text{color:#fff !important; }
/* 8.2 Helteknappen "Se vores ydelser" (forsiden, 3206 / bbc7efc): hvid med Ink-tekst som i dag; hover og fokus = Sand med Ink-tekst (i stedet for Ink) */
.elementor-element-bbc7efc .elementor-button:is(:hover, :focus-visible),
.elementor-element-bbc7efc .elementor-button:is(:hover, :focus-visible) .elementor-button-text{background-color:var(--nx-sand) !important; border-color:var(--nx-sand) !important; color:var(--nx-ink) !important; }
/* 8.3 "Tilmeld" i nyhedsbrevsformularen i footeren (skabelon 4317 / ef5d8e6, alle sider): primær på mørk = hvid med Ink-tekst; hover/fokus = Sand.
   Kanten følger fladen (hvid/Sand), så knappen står med kontrast mod footerens #0D261F. :focus er med, så Kit-reglen button:focus (#006233) ikke slår igennem ved klik. */
.elementor-4317 .elementor-element-ef5d8e6 .elementor-button,
.elementor-4317 .elementor-element-ef5d8e6 .elementor-button .elementor-button-text{background-color:#fff !important; border-color:#fff !important; color:var(--nx-ink) !important; }
.elementor-4317 .elementor-element-ef5d8e6 .elementor-button:is(:hover, :focus, :focus-visible),
.elementor-4317 .elementor-element-ef5d8e6 .elementor-button:is(:hover, :focus, :focus-visible) .elementor-button-text{background-color:var(--nx-sand) !important; border-color:var(--nx-sand) !important; color:var(--nx-ink) !important; }
/* 8.4 "Kontakt os" i kontaktboksen på Ugens Dom-indlæg (skabelon 6812 / b70cf6c, .nx-ruling-contact på Ink): behandles som Tilmeld – primær på mørk.
   Normal = hvid med Ink-tekst; hover/fokus = Sand med Ink-tekst. Messingringen fra afsnit 5 er uændret. -webkit-text-fill-color sættes også, fordi child-temaet tvinger hvid tekst-fill ved fokus. "Se kurset", "Søg i Ugens Dom" og ns-btn berøres ikke. */
.elementor-element-b70cf6c .nx-ruling-contact a.nx-button,
.elementor-element-b70cf6c .nx-ruling-contact a.nx-button *{background-color:#fff !important; border-color:#fff !important; color:var(--nx-ink) !important; -webkit-text-fill-color:var(--nx-ink) !important; }
.elementor-element-b70cf6c .nx-ruling-contact a.nx-button:is(:hover, :focus, :focus-visible),
.elementor-element-b70cf6c .nx-ruling-contact a.nx-button:is(:hover, :focus, :focus-visible) *{background-color:var(--nx-sand) !important; border-color:var(--nx-sand) !important; color:var(--nx-ink) !important; -webkit-text-fill-color:var(--nx-ink) !important; }
}