/* 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; }.saeson-consent{ margin: 1.4em 0 1.2em; 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 0 1em;
  font-family: 'Karla', Helvetica, Arial, sans-serif;
  font-size: 14px;
  min-height: 1.4em;
  text-align: left;
}.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: venstrestillet og bredere */
#nyhedsbrev .et_contact_bottom_container{ text-align: left; float: none; }#nyhedsbrev .et_pb_contact_submit{
  float: none;
  min-width: 220px;
  margin-left: 3%;          /* Divi saetter 18px — vi flugter med felterne */
  padding-inline: 2.4em;
  text-align: center;
}.saeson-logo-link{ display: inline-block; }/* 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; }.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;
}.saeson-logo-link{ display: inline-block; }/* ---- 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; }/* ---- 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; }
}/* Menuen var centreret i sin kolonne,saa der stod 342px luft til hoejre paa
   2560px mod 89px til venstre for logoet. Nu skubbes den helt ud til hoejre
   med samme afstand til kanten som logoet har: logoet starter 5,97vw inde,raekken slutter 2,5vw fra kanten -> 3,5vw polstring goer de to ens.
   Foerst fra 1500px — derunder er der ikke plads til at give slip. */
@media (min-width: 1500px){
  /* Divi centrerer 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;
  }
  .et-l--header .et_pb_menu { padding-right: 3.5vw; }
}@media (min-width: 981px) and (max-width: 1700px){#menu-menu > li{ padding-left: 7px; padding-right: 7px; }#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: 5px; padding-right: 5px; }#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: 3px; padding-right: 3px; }
  #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;
  }
}
/* 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; }.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;
}.saeson-logo-link{ display: inline-block; }/* ---- 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; }/* ---- 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; }
}/* Menuen var centreret i sin kolonne,saa der stod 342px luft til hoejre paa
   2560px mod 89px til venstre for logoet. Nu skubbes den helt ud til hoejre
   med samme afstand til kanten som logoet har: logoet starter 5,97vw inde,raekken slutter 2,5vw fra kanten -> 3,5vw polstring goer de to ens.
   Foerst fra 1500px — derunder er der ikke plads til at give slip. */
@media (min-width: 1500px){
  /* Divi centrerer 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;
  }
  .et-l--header .et_pb_menu { padding-right: 3.5vw; }
}@media (min-width: 981px) and (max-width: 1700px){#menu-menu > li{ padding-left: 7px; padding-right: 7px; }#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: 5px; padding-right: 5px; }#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: 3px; padding-right: 3px; }
  #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;
  }
}