/* Restaurant Sæson — egne tilføjelser oven på Divis CSS */

/* ---- Nyhedsbrev ------------------------------------------------------
   Divi centrerer hele footer-modulet. Formularen laeses bedre venstrestillet,
   og samtykket skal vaere til at scanne: afkrydsningsfelt til venstre, tekst
   til hoejre, og privatlivslinjen daempet nedenunder.
   -------------------------------------------------------------------- */
#nyhedsbrev { text-align: left; max-width: 560px; margin-inline: auto; }

/* Divi's felter (Navn/E-mail) havde 36px polstring i venstre og hoejre
   side — meget mere end top/bund (18px), saa teksten "Navn"/"E-mail"
   startede unødvendigt langt inde i feltet, paa alle skaermstoerrelser. */
#nyhedsbrev .et_pb_contact_field .input {
  padding-left: 18px;
  padding-right: 18px;
}

/* Felterne staar i 14px — under de 16px Safari paa iPhone kraever for IKKE
   at zoome automatisk ind, naar man trykker i et felt (og ud igen, naar man
   forlader det). Det er formentlig den egentlige aarsag til at sitet har
   virket til at "skoejte rundt"/fryse ved brug af nyhedsbrevet paa mobil —
   det er Safaris egen zoom-animation, ikke sitet der gaar i staa. */
#nyhedsbrev .et_pb_contact_field .input { font-size: 16px; }

/* Browserens auto-udfyld saetter sin egen hvide/gule baggrund paa feltet,
   uanset css baggrunden er transparent — den almindelige workaround er en
   kaempe indvendig skygge i sitets egen moerke farve, der overmaler den.
   transition-tricket forhindrer et kort gult glimt i nogle browsere, inden
   skyggen naar at traede i kraft. */
#nyhedsbrev input:-webkit-autofill,
#nyhedsbrev input:-webkit-autofill:hover,
#nyhedsbrev input:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff;
  -webkit-box-shadow: 0 0 0 1000px #1c1c1c inset;
  box-shadow: 0 0 0 1000px #1c1c1c inset;
  transition: background-color 5000s ease-in-out 0s;
}

/* Divi saetter selve formular-beholderen til 70% bredde — fint paa desktop,
   men paa mobil betoed det at Navn/Email/knap kun fyldte 218px af en
   312px kolonne. Fra 980px og ned faar den lov at fylde det hele. */
@media (max-width: 980px) {
  #et_pb_contact_form_0 { max-width: 100% !important; }
}

.saeson-consent { margin: 1.4em 0 0; text-align: left; }

.saeson-consent__main {
  display: flex;
  gap: .85em;
  align-items: flex-start;
  cursor: pointer;
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: 0;
  color: #ffffff;
}

/* Divi skjuler aegte checkboxes og tegner en falsk med <label><i>.
   Vi bruger en almindelig, saa den skal have lov at vaere synlig.
   !important er berettiget: vi overskriver et tema vi ikke ejer. */
.saeson-consent input[type="checkbox"] {
  display: inline-block !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  opacity: 1 !important;
  position: static !important;
  flex: none;
  width: 22px;
  height: 22px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .45);
  border-radius: 3px;
  background: transparent;
  cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease;
}
.saeson-consent input[type="checkbox"]:hover { border-color: #c5a363; }
.saeson-consent input[type="checkbox"]:checked {
  background: #c5a363;
  border-color: #c5a363;
}
/* fluebenet tegnes med en drejet L-form, saa vi undgaar et billede */
.saeson-consent input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  width: 5px; height: 10px;
  margin: 3px auto 0;
  border: solid #1c1c1c;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.saeson-consent input[type="checkbox"]:focus-visible {
  outline: 2px solid #c5a363;
  outline-offset: 2px;
}
.saeson-consent input[aria-invalid="true"] { border-color: #e39182; }

.saeson-consent__note {
  margin: .7em 0 0 calc(22px + .85em);
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, .55);
}
.saeson-consent__note a { color: inherit; text-decoration: underline; }
.saeson-consent__note a:hover { color: #c5a363; }

.saeson-form-status {
  margin: 0;
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-align: left;
}
/* fylder kun naar der faktisk staar noget — ellers laver den et hul */
.saeson-form-status:not(:empty) { margin: .7em 0 0; }
.saeson-form-status[data-state="error"]   { color: #e39182; }
.saeson-form-status[data-state="success"] { color: #c5a363; }
.saeson-form-status[data-state="pending"] { opacity: .75; }

/* Divi rykker felterne ind med .et_pb_contact_field{padding-left:3%}.
   Samtykke, status og knap skal staa paa praecis samme venstrekant, saa de
   arver samme indrykning (procent, saa den foelger med paa mobil). */
#nyhedsbrev .saeson-consent,
#nyhedsbrev .saeson-form-status { padding-left: 3%; }

/* Knappen fylder samme bredde som Navn/Email (felterne er 97% pga. de 3%
   indrykning), og staar .7em under samtykket — samme luft som mellem
   samtykketeksten og privatlivslinjen. */
#nyhedsbrev .et_contact_bottom_container {
  text-align: left;
  float: none;
  margin-top: calc(.7em - 10px);
}
#nyhedsbrev .et_pb_contact_submit {
  float: none;
  display: block;
  width: 97%;
  margin-left: 3%;          /* Divi saetter 18px — vi flugter med felterne */
  text-align: center;
}
/* Spaerret indtil samtykket er sat */
#nyhedsbrev .et_pb_contact_submit[disabled] {
  opacity: .4;
  cursor: not-allowed;
}
/* Divis standard pil (":before"/":after", vises normalt kun ved hover) haenger
   fast synlig efter et tryk paa touch-skaerme, fordi mobile browsere
   bibeholder :hover-tilstanden efter et tap. Det viste sig som et "5"/">"-
   tegn lige efter knapteksten ("Tak!"), naar man havde tilmeldt sig paa
   mobil. Slaaet helt fra her, knappen skal blot vaere ren tekst. */
#nyhedsbrev .et_pb_contact_submit:before,
#nyhedsbrev .et_pb_contact_submit:after {
  display: none !important;
}

.saeson-logo-link { display: inline-block; }

/* Nyhedsbrevets overskrift centreres over FELTERNE, ikke over formularen.
   Formularen er 70 % af kolonnen, og felterne er rykket 3 % ind af
   formularens bredde = 2,1 % af kolonnen. Samme indrykning her flytter
   overskriftens midte lige saa meget — uden at goere kassen smallere, saa
   den ikke braekker over to linjer paa mobil. */
.et_pb_text_8_tb_footer .et_pb_text_inner { padding-left: 2.1%; }

/* ---- Footer: adresse og aabningstider --------------------------------
   Erstatter en punktopstilling med ét punkt: adressen oeverst, tiderne
   som to almindelige linjer under. */
.saeson-sted { font-style: normal; color: #c5a363; }
.saeson-sted__vej { margin: 0 0 1em; line-height: 1.6; }

.saeson-tider { margin: -5px 0 0; line-height: 1.6; }

/* Paa laptopbredder (1024-1699px) braekkede "Besøg vores restaurant" i
   footeren over to linjer, mens "Genveje" og "Information" ved siden af
   blev paa én — kolonnen er kun 171px ved 1024px. Alle tre overskrifter
   skrumpes ens, saa de fortsat matcher hinanden i stoerrelse. 16px er
   det stoerste der stadig giver én linje ved den smalleste kolonnebredde. */
@media (min-width: 981px) and (max-width: 1699px) {
  .et-l--footer h3 { font-size: 22px; }
}


/* ---- Topmenu ---------------------------------------------------------
   1) "Book bord" er en knap med sin egen indvendige polstring, saa teksten
      i den sad ~3,5px lavere end de oevrige menupunkter. Loeftet, saa
      teksterne flugter.
   2) Paa laptopbredder var menuen for bred og braekkede i to linjer, saa
      knappen faldt ned UNDER punkterne. Vi strammer afstandene i stedet.
   Divi skifter til mobilmenu ved 980px, saa alt her gaelder 981px og op.
   -------------------------------------------------------------------- */
@media (min-width: 981px) {
  #menu-menu > li.de-menu-cta > a { position: relative; top: -3.5px; }

  /* Menuen hang i en fast margin-top: 20px, saa den sad 6px for lavt paa
     desktop og 13px for lavt paa laptop, hvor headeren er lavere. Vi
     centrerer raekken lodret i stedet, saa den foelger med af sig selv. */
  .et-l--header .et_pb_row { display: flex; align-items: center; }
  .et-l--header .et_pb_row > .et_pb_column { flex: 0 0 auto; }
  .et-l--header .et_pb_menu { margin-top: 0; padding-top: 0; }
  /* Selve <ul>'en sidder 10px under modulets midte, fordi menupunkterne har
     8px margin foroven og modulet rummer den skjulte mobil-bjaelke forneden.
     Afvigelsen er den samme paa alle bredder, saa den rettes med et fast tal. */
  .et-l--header .et-menu-nav { position: relative; top: -10px; }
}

/* Forsidens tre kort ("Skræddersyet menu", "Mad ud af huset", "Catering &
   private dining") staar ved siden af hinanden i tre lige brede kolonner —
   men raekken er Divi's gamle float-layout, ikke flex, saa hoejden foelger
   hver kolonnes EGET indhold. Paa laptopbredder (ca. 1150-1440px) er
   kolonnen for smal til at "Catering & private dining" kan staa paa én
   linje, saa den overskrift braekker i to — og kortet bliver 32px hoejere
   end de to andre, saa raekken ikke flugter i bunden. Findes ogsaa saadan
   paa originalen (kunden har bekraeftet), men vi retter den her: raekken
   goeres til flex med stretch, saa alle tre kort altid faar samme hoejde,
   uanset om en overskrift braekker. */
@media (min-width: 981px) {
  .et_pb_row_4 { display: flex; }
  .et_pb_row_4 > .et_pb_column { flex: 1 1 0; }
}

/* Logo og menu var begge CENTRERET i hver sin kolonne, saa der stod 89px
   luft til venstre for logoet mod 342px til hoejre for "Book bord" paa
   2560px — Divi's egen margin:0 auto paa modulerne. I stedet lader vi
   begge hugge kolonnens yderkant, som selv flugter med raekkens egen
   sidemargin. Saa bliver venstre og hoejre luft ALTID ens, paa enhver
   bredde, uden at vi skal gaette et vw-tal der kun passer paa nogle. */
/* Divi's egen menu-modul har en indbygget padding-right paa 3,5vw (fra
   themebuilder-headerens egne modulindstillinger) — den er ikke vores,
   men den skal vaere 0 for at hoejre og venstre kant kan flugte. */
.et-l--header .et_pb_menu.et_pb_module { padding-right: 0 !important; }

@media (min-width: 1500px) {
  .et-l--header .et_pb_image_0_tb_header { margin-left: 0 !important; }
  /* Divi centrerer menuen med .et_pb_menu--style-left_aligned.et_pb_text_align_center,
     som vejer tungere end en enkelt klasse — derfor de samme klasser her. */
  .et-l--header .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
    justify-content: flex-end;
  }
}

/* Mere luft mellem menupunkterne paa desktop og laptop — der er rigelig
   plads i den brede menukolonne, saa den slaegtning kan vaere generoes. */
@media (min-width: 1700px) {
  #menu-menu > li { padding-left: 18px; padding-right: 18px; }
}

@media (min-width: 981px) and (max-width: 1700px) {
  #menu-menu > li { padding-left: 12px; padding-right: 12px; }
  #menu-menu > li > a { font-size: 15px; }
  /* Divi saetter denne knaps padding og font-size med !important, saa vi
     er noedt til at goere det samme for at kunne stramme den ind. */
  #menu-menu > li.de-menu-cta > a {
    padding-left: 22px !important; padding-right: 22px !important;
    font-size: 14px !important;
  }
}

@media (min-width: 981px) and (max-width: 1380px) {
  #menu-menu > li { padding-left: 10px; padding-right: 10px; }
  #menu-menu > li > a { font-size: 13.5px; }
  #menu-menu > li.de-menu-cta > a {
    padding-left: 15px !important; padding-right: 15px !important;
    font-size: 12.5px !important;
  }
}

/* Under 1280px er der ikke plads nok — logoet fylder 12,9vw — saa her
   strammes der yderligere for at holde menuen paa én linje helt ned til
   980px, hvor Divi skifter til mobilmenu. */
@media (min-width: 981px) and (max-width: 1279px) {
  #menu-menu > li { padding-left: 2px; padding-right: 2px; }
  #menu-menu > li > a { font-size: 12px; letter-spacing: .5px; }
  #menu-menu > li.de-menu-cta > a {
    padding-left: 12px !important; padding-right: 12px !important;
    font-size: 11px !important;
  }
}

/* ---- Mobil: braekkede overskrifter -----------------------------------
   Divis h1 (sidetitler) og h5 (de fire billed-bokse paa forsiden) har
   faste desktop-stoerrelser (48px/32px), som er for store til at rumme
   lange danske ord i den smalle mobilbredde. Resultatet var ord der blev
   kappet midt over: "Afbestillingsp-olitik", "Restauran-t Sæson",
   "Selskabsmen-uer", "Frederiksha-vn".
   Stoerrelserne herunder er malt saa det LAENGSTE ord paa sitet
   ("Afbestillingspolitik", 20 tegn) stadig kan staa paa én linje — paa den
   smalleste rigtige telefon (320px) saa vel som paa 480px. */
@media (max-width: 980px) {
  h1 { font-size: 32px !important; }
  h5 { font-size: 26px !important; }
}
@media (max-width: 380px) {
  h1 { font-size: 26px !important; }
  h5 { font-size: 20px !important; }
  /* Forsidens hero-overskrift ("Gourmetoplevelser med smag af sæsonen")
     er en h3, og "Gourmetoplevelser" (17 tegn) braekker midt over paa de
     smalleste telefoner (320-375px). */
  h3 { font-size: 28px !important; }
}

/* ---- Mobil: header + fuldskaerms-menu ---------------------------------
   Foer: kaempestort centreret logo, og et hamburger-ikon CENTRERET paa sin
   egen linje under det. Trykkede man paa det, klappede en lille hvid boks
   ud med venstrestillede punkter — den gamle WordPress-dropdown-stil.

   Nu: lille logo til venstre, hamburger til hoejre, paa samme linje.
   Menuen aabner som et fuldskaerms-overlay i sitets egne farver, med
   punkterne centreret og god luft imellem — det klassiske moenster.
   -------------------------------------------------------------------- */
@media (max-width: 980px) {
  /* logo og hamburger side om side i stedet for hver sin fulde raekke */
  .et-l--header .et_pb_row_0_tb_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 5%;
  }
  /* Divis clearfix-teknik saetter et tomt ::after paa raekken
     (content:"";display:block) til at rydde floats — men floats findes
     ikke laengere naar raekken er flex, og pseudo-elementet taeller
     alligevel med som et TREDJE flex-element. Med tre i stedet for to
     endte "space-between" med at placere hamburgeren et sted i midten i
     stedet for helt ude til hoejre. */
  .et-l--header .et_pb_row_0_tb_header:after { content: none; }
  .et-l--header .et_pb_column_0_tb_header,
  .et-l--header .et_pb_column_1_tb_header {
    width: auto !important;
    flex: 0 0 auto;
    /* Divi saetter margin-bottom:30px paa kolonner, der normalt stables
       under hinanden paa mobil (luften mellem dem). Vores to kolonner
       staar side om side i stedet, saa margenen er ikke bare overfloedig
       — den fik ogsaa "align-items:center" til reelt at virke som
       flex-start, fordi den asymmetriske margin-boks (0 foroven, 30px
       forneden) i sig selv fyldte al den ledige plads i raekken. */
    margin-bottom: 0 !important;
  }
  .et-l--header .et_pb_image_0_tb_header {
    margin: 0 !important;
    max-width: none;
  }
  /* Samme "margin-top:20px !important" paa menu-modulet som blev fjernet
     for desktop tidligere (se @media min-width:981px ovenfor) findes ogsaa
     paa mobil — den skubbede menu-kolonnen (og dermed hamburgeren) 25px
     laengere ned end logoet, saa de to ikke fulgtes ad lodret. */
  .et-l--header .et_pb_menu_0_tb_header {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .et-l--header .et_pb_image_0_tb_header img {
    max-height: 52px;
    width: auto;
  }

  /* kun hamburgeren skal ses her — desktop-menuen (for smal en kolonne til
     at rumme den) skjules, dens indhold klones alligevel ind i fuldskaerms-
     menuen af site.js. VIGTIGT: det er .et_pb_menu__menu (desktop-ul'en)
     der skjules, IKKE .et_pb_menu__wrap — den rummer ogsaa selve
     hamburger-knappen (.et_mobile_nav_menu) som saa ville forsvinde med. */
  .et-l--header .et_pb_menu__menu { display: none; }
  /* .mobile_nav er selve den trykbare hamburger-knap nu (site.js binder
     klik/tastatur her, ikke paa det lille 26x2px ikon) — polstring goer
     hit-boxen stor nok til at ramme paa en telefon (Apples egen
     anbefaling er min. 44x44px), uden at det synlige ikon bliver stoerre. */
  .mobile_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    cursor: pointer;
  }

  /* Naar menuen er aaben, bliver HELE headeren staaende oven paa
     fuldskaerms-overlayet i stedet for kun at flytte selve krydset derop.
     Saa beholder man logoet — og hamburgeren (nu et kryds) sidder allerede
     der hvor den plejer, paa praecis samme linje som logoet, uden en
     separat fast positionering af selve knappen. */
  html.saeson-nav-open .et-l--header .et_pb_section {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
  }
  /* Fuldskaerms-overlayet ligger INDE i headeren (som barnebarn af
     .mobile_nav), saa headerens egen z-index:10000 gaelder kun for HELE
     headeren udadtil — inde i den taber almindeligt, upositioneret
     indhold (som logoet) altid til et positioneret barn med z-index
     (overlayet), lige meget hvilke tal man saetter paa ydersiden. Logoet
     og krydset skal derfor OGSAA selv vaere positionerede med et
     hoejere tal end overlayets 9999 for at vinde. */
  /* Logo-kolonnen har selv position:relative;z-index:2 fra Divi, og
     menu-kolonnen (som rummer overlayet) har z-index:3 — saa hele
     logo-kolonnen taber til hele menu-kolonnen paa raekkeniveau, lige
     meget hvad man saetter paa logoet SELV inde i sin egen kolonne.
     Det er kolonnens EGEN z-index der skal vaere hoejst. */
  html.saeson-nav-open .et_pb_column_0_tb_header {
    z-index: 10001;
  }
  html.saeson-nav-open .mobile_menu_bar {
    position: relative;
    z-index: 10001;
  }

  /* Hamburgeren tegnes i CSS — ikke Divis ikonfont-glyf — saa den kan
     morfe til et kryds naar menuen er aaben. */
  .mobile_menu_bar {
    position: relative;
    display: block;
    width: 26px;
    height: 2px;
    background: #c5a363;
    transition: background-color .15s ease;
  }
  .mobile_menu_bar:before { content: "" !important; }
  .mobile_menu_bar:before,
  .mobile_menu_bar:after {
    content: "";
    position: absolute;
    left: 0;
    width: 26px;
    height: 2px;
    background: #c5a363;
    transition: transform .25s ease;
  }
  /* Divis eget ".et_pb_module .mobile_menu_bar:before{top:2px}" vejer
     tungere end en enkelt klasse — kraever !important for at vinde. */
  .mobile_menu_bar:before { top: -8px !important; }
  .mobile_menu_bar:after  { top: 8px !important; }
  .mobile_nav.opened .mobile_menu_bar { background: transparent; }
  .mobile_nav.opened .mobile_menu_bar:before { transform: translateY(8px) rotate(45deg); }
  .mobile_nav.opened .mobile_menu_bar:after  { transform: translateY(-8px) rotate(-45deg); }

  /* Fuldskaerms-overlayet. Skjult som standard; site.js saetter "opened"
     paa .mobile_nav naar hamburgeren trykkes. */
  .et_mobile_menu { display: none; }
  .mobile_nav.opened .et_mobile_menu {
    display: flex !important;
    position: fixed;
    inset: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #1c1c1c;
    border: none;
    box-shadow: none;
    overflow-y: auto;
    z-index: 9999;
  }
  .et_mobile_menu li { width: 100%; text-align: center; padding: 0 !important; }
  .et_mobile_menu li a {
    display: block;
    padding: 8.5px 0;
    border-bottom: none;
    color: #ffffff;
    font-family: 'Cormorant Garamond', Georgia, "Times New Roman", serif;
    font-size: 33px;
    letter-spacing: .5px;
  }
  .et_mobile_menu li a:hover,
  .et_mobile_menu li a:active { background: transparent; opacity: .7; }

  /* "Book bord" skiller sig ud som en rigtig knap, ligesom foroven paa
     desktop, saa den ikke drukner i den centrerede tekstliste. */
  .et_mobile_menu li.de-menu-cta { margin-top: 10px; }
  .et_mobile_menu li.de-menu-cta a {
    display: inline-block;
    width: auto;
    padding: 18px 34px !important;
    font-size: 15px !important;
  }

  /* Billeder: en generisk Divi-klasse (.et_pb_image_0) er tunet til en
     enkelt desktop-side, hvor billedet skulle fylde 80% af sin kolonne —
     men klassen genbruges paa TVAERS af alle sider (den betyder blot
     "foerste billede i denne raekke"), saa 80% lak paa fotos hvor det
     aldrig var meningen, med et daodt hvidt felt ved siden af paa mobil.
     Samme historie med en 110px margin-top, tunet til at et foto skulle
     overlappe sektionen ovenover paa desktop — paa mobil blev det bare
     110px tomrum. */
  .et_pb_image_0 { max-width: 100% !important; }
  .et_pb_image_1 { margin-top: 0 !important; }

  /* "Book bord"-knappen i denne boks laaner nu "Se menu"-knappens gyldne,
     firkantede design (kant, ingen afrunding) — men beholder normal
     forbogstav-med-stort tekst i stedet for Se Menu's VERSALER. */
  .et_pb_row_2 .et_pb_button_0 {
    border: 2px solid #c5a363;
    border-radius: 0;
    padding: 12px 28px;
    font-size: 15px;
    text-transform: none;
    letter-spacing: normal;
  }

  /* Forsidens "Restaurant Frederikshavn"-boks (billede+tekst+knap) sad i
     en raekke sat til max-width:440px — en bredde tunet til desktop, hvor
     kolonnen ved siden af havde plads. Paa mobil blev den til en smal
     210px-strimmel med dobbelt saa meget luft ved siderne som alt andet
     indhold.
     Den skal IKKE fylde hele skaermen (det var min foerste, forkerte
     rettelse) — den skal matche den samme bredde som kortene nedenunder
     ("Skræddersyet menu" mv.), som staar boksede i 80% med 10% luft i
     hver side. */
  .et_pb_row_2 {
    max-width: 100% !important;
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Laaser baggrunden mod scroll mens fuldskaerms-menuen er aaben. */
html.saeson-nav-open,
html.saeson-nav-open body { overflow: hidden; height: 100%; }

/* Indhold limet ind fra Squarespace (klassen "sqs-html-content" — bruges
   paa 9 af 10 sider) sidder i en fuld-bredde kolonne uden noget eget
   max-width. Paa en almindelig baerbar gaar det knapt saa meget ud over,
   men paa en bred skaerm bliver hver linje tekst 2500px+ bred og ulaeselig.
   Samme laesevenlige bredde som resten af sitets broedtekst. */
.sqs-html-content { max-width: 700px; margin-inline: auto; }

/* "Tirsdag, onsdag & torsdag" (sqsrte-small) staar i sin egen Squarespace-
   blok, lige over HVERDAGSGOURMET/FÆLLESBORDET-overskriften i en ANDEN
   blok — to separate div'er uden egen margin, saa de klaeber sammen med 0px
   luft. Normal broedtekst faar sin luft fra linjehoejden i sig selv
   (23,8px ved 18px skrift); her er der ingen linje at faa den luft fra,
   saa den skal saettes eksplicit for at give samme linjeafstand. */
.sqsrte-small { margin-bottom: 24px; }

/* Menu-afsnittet paa /menu-frederikshavn/ (intro + Snacks/Forret/Hovedret/
   Dessert/priser). Afsnittene faar deres luft fra Divis egen
   p { padding-bottom: 1em }. Originalen havde et tomt afsnit foer hver ny
   overskrift som blank linje — de er fjernet (trin 26), saa den blanke
   linje saettes her i stedet, saa sektionerne skilles tydeligt ad.
   Den generelle 24px under <p> gaelder stadig forsiden og mad-ud-af-huset. */
.et_pb_text_3 .sqs-html-content p { margin-bottom: 24px; }
.page-id-5536 .et_pb_text_3 .sqs-html-content p { margin-bottom: 0; }
.page-id-5536 .et_pb_text_3 .sqs-html-content h1 { margin-top: 24px; }

/* "Skræddersyet menu"-blokken (logo, overskrift, kontakttekst) er flyttet
   fra sin egen side ind under "Sæsons Selskabsmenu" paa Selskabsmenuer.
   Paa den gamle side var den det foerste i sin sektion og fik luft fra
   sektionens padding — her ligger den direkte efter prislinjen, saa logoet
   klaebede til teksten ovenover. Begraenset til Selskabsmenuer (page-id-5616),
   fordi samme blok stadig staar paa Skræddersyet menu-siden. */
.page-id-5616 .fe-block-75e8e75521246d3abbaa { margin-top: 64px; }

/* Nytårsmenu (page-id-5900): lang side med mange afsnit — retter, pris,
   vinpakke, bestilling, afhentning, betaling. Divi giver kun 1em under et
   afsnit og 10px under en overskrift, og ingen luft OVER mellemoverskrifterne,
   saa afsnittene flød sammen til én lang blok. Mere luft mellem retterne,
   tydelig afstand foer hver ny sektion, og lidt luft under hovedoverskriften
   saa "Snacks" ikke klaeber til den. em-enheder, saa luften skalerer ned
   sammen med skriftstoerrelsen paa mobil. */
.page-id-5900 .et_pb_text_2 .sqs-html-content p  { padding-bottom: 1.6em; }
.page-id-5900 .et_pb_text_2 .sqs-html-content h2 { padding-bottom: 0.7em; }
.page-id-5900 .et_pb_text_2 .sqs-html-content h3 { margin-top: 2.2em; padding-bottom: 0.6em; }