/* ---------------------------------------------------------------------------------------------

	Theme Name: WorkDigital Foundation Child
	Version: 0.1
	Description: Child theme for WorkDigital Foundation theme
	Author: WorkDigital
	Author URI: https://workdigital.dk
    Template: wd-foundation

/* --------------------------------------------------------------------------------------------- */

/* WD IMPORT START: min-vinbar-design-extension */
:root{
  --poly: 20px;
  --vinetikette: polygon(calc(0% + var(--poly)) 0px, calc(100% - var(--poly)) 0px, 100% calc(0% + var(--poly)), 100% calc(100% - var(--poly)), calc(100% - var(--poly)) 100%, calc(0% + var(--poly)) 100%, 0px calc(100% - var(--poly)), 0px calc(0% + var(--poly)));
  --card-radius: 10px;
  --clip-path-border-radius: inset(0 0 0 0 round var(--card-radius));
}

body {
  background: var(--background-color);
  color: var(--text-color);
}

a:hover,
a:focus {
  color: var(--primary-color-hover);
}

@media screen and (max-width: 1200px) and (min-width: 768px){
  body .wdf-width--standard-width {
      --wdf-width: 768px;
      --standard-width: 768px;
      width: 768px;
  }
}

@media screen and (max-width: 768px) and (min-width: 580px){
  body .wdf-width--standard-width {
      --wdf-width: 580px;
      --standard-width: 580px;
      width: 580px;
  }
}


.entry-content > .wp-block-cover:first-child {
  min-height: clamp(520px, 76vh, 820px);
}

.wp-block-cover .wp-block-cover__inner-container {
  color: inherit;
}

.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover .wp-block-heading {
  text-wrap: balance;
}

.wp-block-cover p {
  max-width: var(--small-width);
}


:root{
  --btn-text-color: var(--dark);
  --btn-text-color-hover: var(--dark);
  --btn-background-color: var(--secondary-color);
  --btn-background-color-hover: var(--secondary-color-hover);
}

:is(.wp-block-button .wp-block-button__link, .btn, .wd-contact-form .wd-form-actions .wd-submit-btn, .button, button, input[type="submit"]){
  &.has-primary-color-background-color{
    --btn-background-color: var(--primary-color);
    --btn-background-color-hover: var(--primary-color-hover);
  }
  &.has-secondary-color-background-color{
    --btn-background-color: var(--secondary-color);
    --btn-background-color-hover: var(--secondary-color-hover);
  }
  &.has-accent-color-background-color{
    --btn-background-color: var(--accent-color);
    --btn-background-color-hover: var(--accent-color-hover);
  }

  &:hover {
    color: var(--btn-text-color-hover);
    background-color: var(--btn-background-color-hover);
  }
}


.wp-block-cover .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
button[type="submit"],
input[type="submit"] {
  background: var(--btn-background-color);
  border: none;
  border-color: var(--btn-border-color);
  border-radius: var(--theme-border-radius);
  color: var(--btn-text-color);
  font-family: var(--standard-text-font-family);
  font-weight: bold;
  line-height: var(--standard-text-line-height);
  padding: 12px 22px;
  text-decoration: none;
  transition: transform var(--standard-transition), box-shadow var(--standard-transition), border-color var(--standard-transition);
}

.wp-block-button .wp-block-button__link, .btn, .wd-contact-form .wd-form-actions .wd-submit-btn, .button, button {
    border-radius: var(--card-radius);
    padding: 12px 22px;
}

.wp-block-cover .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  box-shadow: 0 10px 24px color-mix(in srgb, var(--btn-background-color) 22%, transparent);
  color: var(--btn-text-color-hover);
  background-color: var(--btn-background-color-hover);
  transform: translateY(-1px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  border-width: 1.5px;
  border-style: solid;
  border-color: var(--btn-background-color);
}




.wdf-width--content-width {
  max-width: var(--small-width);
}


.wd-cards {
  gap: var(--column-gap);
}

.wd-card {
  background: var(--surface-color);
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 3px color-mix(in srgb, var(--dark) 12%, transparent);
  overflow: hidden;
}

.wd-card-image-wrapper img,
.wd-card img {
  transition: transform var(--standard-transition);
}

.wd-card:hover .wd-card-image-wrapper img,
.wd-card:focus-within .wd-card-image-wrapper img {
  transform: scale(1.025);
}

.wd-card-content-wrapper {
  padding: var(--small-gap);
}

.wd-card-title {
  color: var(--primary-color-hover);
  margin: 0 0 calc(var(--small-gap) * 0.25);
}

.mvb-wine-menu {
  padding: var(--small-gap);
}

body .wd-rm-category {
  border-bottom: 1px solid var(--accent-color);
  padding: calc(var(--small-gap) * 0.65) 0;
}

body .wd-rm-category:last-child {
  border-bottom: 0;
}

body .wd-rm-category-summary {
  font-family: var(--medium-headline-font-family);
  font-weight: var(--medium-headline-font-weight);
}

body .wd-rm-item {
  border-top: 1px solid color-mix(in srgb, var(--accent-color) 75%, transparent);
  padding: calc(var(--small-gap) * 0.5) 0;
}

.mvb-eyebrow,
.wdf-eyebrow,
.eyebrow {
  color: var(--accent-color);
  font-family: var(--standard-text-font-family);
  font-size: calc(var(--standard-text-font-size) * 0.72);
  font-weight: var(--small-headline-font-weight);
  line-height: var(--standard-text-line-height);
  margin-bottom: calc(var(--small-gap) * 0.25);
  text-transform: uppercase;
}

.mvb-brand-row {
  color: var(--primary-color-hover);
  font-family: var(--medium-headline-font-family);
  font-weight: var(--medium-headline-font-weight);
}

.mvb-muted {
  color: color-mix(in srgb, var(--text-color) 68%, transparent);
}


.mvb-gallery {
  padding: var(--gap) 0;
}

.mvb-gallery .wp-block-gallery {
  gap: var(--column-gap);
}

.mvb-gallery .wp-block-image {
  border-radius: var(--theme-border-radius);
  overflow: hidden;
}

.mvb-gallery .wp-block-image img,
.mvb-single-image .wp-block-image img {
  aspect-ratio: 4 / 3;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.mvb-opening-map,
.mvb-map-text {
  background: var(--surface-color-hover);
  border: 1px solid var(--separator);
  border-radius: var(--theme-border-radius);
  padding: var(--small-gap);
}

.mvb-opening-map .wp-block-columns,
.mvb-map-text .wp-block-columns {
  gap: var(--column-gap);
}

.opening-hours-table {
  color: var(--text-color);
}

.opening-hours-table tr {
  border-bottom: 1px solid color-mix(in srgb, var(--separator) 80%, transparent);
}

.opening-hours-table tr:last-child {
  border-bottom: 0;
}

.acf-map,
.maps,
.mvb-map-only {
  border-radius: var(--theme-border-radius);
  overflow: hidden;
}

.site-footer {
  background: var(--primary-color);
  color: var(--text-color);
}

.site-footer a {
  color: var(--text-color);
}

.site-footer a:hover,
.site-footer a:focus {
  color: var(--text-color-hover);
}

.footer-headline-wrapper,
.footer-headline {
  color: var(--text-color);
}

@media (max-width: 768px) {
  .entry-content > .wp-block-cover:first-child {
    min-height: 520px;
  }

  .card-text-on-img .wd-card {
    min-height: 300px;
  }

  .card-text-on-img .wd-card-content-wrapper {
    padding: var(--small-gap);
  }

  .mvb-opening-map,
  .mvb-map-text,
  .mvb-wine-menu {
    border-left: 0;
    border-radius: 0;
    border-right: 0;
  }
}

/* WD IMPORT END: min-vinbar-design-extension */



.header-topper-item a{
    &:hover, &:focus{
        color: var(--header-topper-text-color-hover);
    }
}

.main-header-logo-link img {
    max-height: 58px;
    height: auto;
    padding: 0;
    width: var(--img-width);
}

@media screen and (min-width: 1190px) and (hover: hover) {
    body.sometimes-burger .main-header-inner {
        padding: 0;
        max-width: var(--theme-standard-width);
        margin-left: auto;
        margin-right: auto;
		    display: flex;
        justify-content: center;
		    gap: var(--small-gap);
    }

	.main-header-nav,
	body.sometimes-burger .main-header-menu {
    display: contents;
	}

	body.sometimes-burger .main-header-menu .book-bord-btn{
    margin-left: auto;
	}

  body.sometimes-burger .main-header-menu .menu-item.book-bord-btn > a{
    height: 100%;
  }

  body.sometimes-burger .main-header-menu > .menu-item > a:before {
    left: 0;
    right: 0;
    transform: translateY(-10px);
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--header-active-color), transparent);
    border-radius: 0;
    pointer-events: none;
  }

}

header.wd-header{
  border-bottom: 1px solid var(--accent-color);
}

.main-header-menu .menu-item {

  &.current-menu-item > a{
    font-weight: bold;
  }
}

/* USP */

.wd-usp-container {
    gap: 0;
}

.wd-usp {
    padding: 30px 24px;
    text-align: center;

    .wd-usp__title{
      color: var(--text-color-light);
      font-weight: normal;
    }
}

.wd-usp__icon,
.wd-usp__title,
.wd-usp__text {
    color: var(--text-color);
}

.wd-usp .wd-icon svg {
    height: 60px;
    width: 50px;
    fill: var(--accent-color);

    *{
      fill: var(--accent-color);
    }
}

.wd-usp__title {
    font-size: var(--small-headline-font-size);
    font-weight: var(--bold);
    margin-bottom: 0;
}

.wd-usp__text {
    font-size: var(--standard-text-font-size);
    margin-bottom: 0;
    font-style: normal;
    opacity: 0.7;
}

.wd-usp-container.wd-usp-container--kasser {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;

  .wd-usp{
    background: var(--surface-color);
    border-radius: var(--card-radius);
    border: none;

    &:hover{
      background: var(--surface-color-hover);
    }
  }
}

.wd-usp__icon.wd-usp__icon--number {
    color: var(--light);
    font-family: var(--big-headline-font-family);
    font-size: var(--big-headline-font-size);
    line-height: var(--big-headline-line-height);
    letter-spacing: 4px;
    font-weight: var(--big-headline-font-weight);
}


@media screen and (max-width: 768px){
  .wd-usp-container.wd-usp-container--kasser {
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - 14px), 1fr));
  }
}


/* Card layouts - 66 / 33 split*/
.wd-cards-wrapper.third-split{
	.wd-cards {
		grid-template-columns: repeat(calc(var(--desktop-columns) + 1), 1fr);
		
		.wd-card{
      position: relative;
			border: none;
			box-shadow: var(--shadowlevel-1);
			height: 270px;
      clip-path: var(--clip-path-border-radius);
      background-color: transparent;

			&:first-child{
				grid-column: span 2;
			}

			&:hover{
				bottom: initial;
			}

			.wd-card-content-wrapper {
				position: absolute;
				bottom: calc(var(--small-gap) / 2);
				left: calc(var(--small-gap) / 2);
				padding: 0;
				display: flex;
        flex-direction: column-reverse;
				z-index: 1;
			}

			.wd-card-content p{
				font-size: 10.5px;
				font-weight: 600;
				letter-spacing: 0.07em;
				text-transform: uppercase;
				color: rgb(220, 203, 160);
				margin: 0px 0px 4px;
			}

			.wd-card-title{
					font-size: var(--small-headline-font-size);
					font-weight: var(--small-headline-font-weight);
					color: var(--light);
					margin: 0px;
			}

			.wd-card-image-wrapper {
				position: absolute;
				border-radius: 0;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;

				&:after {
					content: "";
					background: radial-gradient(circle at var(--small-gap) 100%, var(--dark) 0%, transparent 50%);
					display: block;
					position: absolute;
					left: 0;
					bottom: 0;
					z-index: 1;
					height: 100%;
					width: 100%;
					background-position: bottom left;
				}
			}
		}
	}
}

.wp-block-group.vinetikette {
    clip-path: var(--clip-path-border-radius);
    padding: 30px 26px;
    max-width: 300px;

    .vinbar-separator-wrapper{
      padding: 14px 0;
    }

    .wp-block-image img{
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: auto;
    }
}

body.sometimes-burger .main-header-menu .menu-item.book-bord-btn {
    opacity: 1;
    padding: 10px 0;

    a{
      color: var(--light);
      font-size: 16px;
      font-weight: 600;
      padding: 11px 20px 9px!important;
      border-radius: 4px!important;
      white-space: nowrap;
      background-color: var(--accent-color);
      transition: background-color var(--standard-transition);
      border: 1px solid var(--text-color-light);

      &:hover, &:focus{
        background-color: var(--accent-color-hover)!important;
      }

      &::before{
        display: none;
      }
  }
}

.main-header-logo-link img {
    max-height: 52px;
    height: auto;
    width: auto;
}

.brandstrip{
  .brands{

    font-size: var(--small-headline-font-size);
    line-height: var(--small-headline-line-height);

    &.has-large-font-size {
      font-size: var(--medium-headline-font-size);
      line-height: var(--medium-headline-line-height);
    }
  }
}

.wp-block-group.aabningstider{
  .wp-block-heading .wd-icon {
    display: inline-flex;

    svg {
      width: var(--medium-headline-font-size);
    }
  }

  .maps-container iframe{
    border-radius: 0;
    clip-path: var(--clip-path-border-radius);
  }
}

.maps-container iframe{
  border-radius: 0;
  clip-path: var(--clip-path-border-radius);
}

ul.wp-block-list.kontaktliste {
    list-style: none;
    padding: 0;
    margin: 0;

    li{
      margin: 0 0 6px;
      padding: 0;
      display: flex;
      gap: 1ch;

      a{
        text-decoration: none;
        color: inherit;

        &:hover{
          text-decoration: underline;
        }
      }
    }
}

.wd-topsektion{
    h1 {
      padding-top: calc(var(--small-gap) / 2);
      position: relative;

      &:after{
        content: "";
        position: absolute;
        width: 60px;
        height: 2px;
        background: linear-gradient(90deg, rgb(255, 211, 135), rgb(232, 147, 47), rgb(253, 184, 103));
        top: calc((var(--small-gap) / 4) * -1);
        left: 0;
      }
  }
}

.mvb-wine-menu .wd-rm-category[open] .wd-rm-category-summary {
    padding-bottom: calc(var(--small-gap) * 0.65);
}

.wd-cards-wrapper.default,
.wd-cards-wrapper.blog{

  --wd-card-text-color: var(--text-color);

  .wd-card{
    --card-radius: 20px;
    background-color: var(--background-color);
    border-radius: var(--wd-card-border-radius);
    box-shadow: var(--shadowlevel-1);
    overflow: visible;

    .wd-card-image-wrapper,
    .wd-card-image{
      border-radius: var(--wd-card-border-radius) var(--wd-card-border-radius) 0 0;
    }
 
    .wd-card-content-wrapper {
      padding: 14px;
    }
 
    .wd-card-title:is(h1,h2,h3,h4,h5,h6,p) {
      font-size: 14px;
      color: var(--text-color);
      font-family: var(--standard-text-font-family);
      font-weight: bold;
    }

    .wd-card-button {
      flex-direction: row;
      margin: 0;

      .wp-block-button__link{
        padding: 8px 16px;
        padding: 0;
        background: transparent;
        color: var(--text-color-light);
        font-weight: normal;
        display: flex;
        flex-direction: row-reverse;
        font-size: 12px;
        margin: 0;

        &:hover{
          box-shadow: none;
          color: var(--text-color);
          transform: none;
        }
      }
    }

  }
}

.wd-cards-wrapper.blog{
  .wd-card{
    .wd-card-title:is(h1,h2,h3,h4,h5,h6,p){
      font-size: var(--small-headline-font-size);
      font-family: var(--small-headline-font-family);
      font-weight: var(--small-headline-font-weight);
      line-height: var(--small-headline-line-height);
      margin: 0 0 6px;
    }

    .wd-card-excerpt{
      font-size: var(--small-text-font-size);
      line-height: var(--small-text-line-height);
      font-family: var(--small-text-font-family);
      font-weight: var(--small-text-font-weight);
      margin: 0 0 6px;
    }

    .wd-card-button-wrapper {
      margin: 8px 0 0;
      padding: 12px 0 0;
      display: flex;
      justify-content: space-between;
      border-top: 1px solid var(--separator);
    }

    .wd-card-button .wp-block-button__link{
      font-size: var(--small-text-font-size);
      line-height: var(--small-text-line-height);
      font-family: var(--small-text-font-family);
      font-weight: var(--small-text-font-weight);
    }

    .wd-card-content-wrapper .wd-card-date {
      margin-bottom: 0;
      font-size: var(--small-text-font-size);
      line-height: var(--small-text-line-height);
      font-family: var(--small-text-font-family);
      font-weight: var(--small-text-font-weight);
    }
  }
}
/*
.wp-block-cover .wp-block-button__link.has-accent-color-background-color,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-accent-color-background-color,
button[type="submit"].has-accent-color-background-color,
input[type="submit"].has-accent-color-background-color{
  background-color: var(--accent-color);

  &:hover {
    background-color: var(--accent-color-hover);
  }
}
.wp-block-cover .wp-block-button__link.has-primary-color-color,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-color-color,
button[type="submit"].has-primary-color-color,
input[type="submit"].has-primary-color-color{
  color: var(--primary-color);
}*/

.foldudmenu{
  border: none;
}

.foldudmenu-knap{
  border-radius: 60px;
  background-color: var(--secondary-color); 

  &:hover{
    background-color: var(--secondary-color-hover);
  }
}

.foldudmenu-wrapper{
  
  h2.wp-block-heading:not(:last-of-type){
    border-bottom: 1px solid var(--text-color);
  }

  .foldudmenu > .wp-block-group.wp-block-group--active{
    border-bottom: 1px solid var(--text-color);
  }

  .foldudmenu-knapper .foldudmenu-knap svg {
    fill: var(--background-color);
  }
}

.wd-contact-form{
  --wd-form-radius: 0;

  label{
    width: 100%;
  }

  :is( .wd-field-input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], textarea, select){
    border: 1px solid var(--separator-2);
    border-radius: var(--card-radius);
  }

  :is(.wd-field-input, input, textarea, select){
    &:focus{
      border-color: var(--secondary-color);
    }
  }
  
  label:has(:is(.wd-field-input, input, textarea, select):focus) span.label-text,
  label:has(:is(.wd-field-input, input, textarea, select):not(:placeholder-shown)) span.label-text {
    background: #fff;
    border: 1px solid var(--secondary-color);
  }

  .wd-contact-form-inner {
    background-color: var(--surface-color);
    border: none;
    border-radius: var(--card-radius);
    padding: 28px;
  }
  .kontaktform-form-row{
    background: transparent;
  }
  .kontaktform-rows{
    display: flex;
  }

  .wd-form-actions .wd-submit-btn{
    display: inline-block;
    color: var(--dark);
    width: auto;

    &:hover{
      color: var(--dark);
    }
  }
  
}

.wave-background,
.tekstur-baggrund-1{
  /*background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%232a0d16" fill-opacity="1" d="M0,32L26.7,42.7C53.3,53,107,75,160,112C213.3,149,267,203,320,186.7C373.3,171,427,85,480,85.3C533.3,85,587,171,640,197.3C693.3,224,747,192,800,176C853.3,160,907,160,960,186.7C1013.3,213,1067,267,1120,277.3C1173.3,288,1227,256,1280,229.3C1333.3,203,1387,181,1413,170.7L1440,160L1440,320L1413.3,320C1386.7,320,1333,320,1280,320C1226.7,320,1173,320,1120,320C1066.7,320,1013,320,960,320C906.7,320,853,320,800,320C746.7,320,693,320,640,320C586.7,320,533,320,480,320C426.7,320,373,320,320,320C266.7,320,213,320,160,320C106.7,320,53,320,27,320L0,320Z"></path></svg>');*/
  background-image: url(/wp-content/uploads/vinbar-texture-1.jpg);
  background-color: var(--background-color);
  background-size: cover;
  border-top: 1px solid var(--separator);
}

.wave-background-2,
.tekstur-baggrund-2{
  /*background-image: url('data:image/svg+xml,<svg width="2000" height="1400" xmlns="http://www.w3.org/2000/svg"><path fill="%232a0d16" d="M0 0h2000v1400H0z"/><path d="M0 466c90.036 17.896 180.072 35.791 276 20 95.928-15.791 197.748-65.269 295-72 97.252-6.731 189.935 29.285 283 52s186.512 32.13 280 10c93.488-22.13 187.016-75.804 288-62 100.984 13.804 209.424 95.087 307 115 97.576 19.913 184.288-21.543 311-63l-40 934H0Z" fill="%23f0e6cb"></path><path d="M0 933c100.542 5.52 201.085 11.04 295 21 93.915 9.96 181.204 24.357 270 3 88.796-21.357 179.1-78.469 282-77 102.9 1.469 218.396 61.517 316 93 97.604 31.483 177.317 34.4 268 7 90.683-27.4 192.338-85.114 289-98 96.662-12.886 188.33 19.057 320 51l-40 467H0Z" fill="%232a0d16"></path></svg>');*/
  background-image: url(/wp-content/uploads/vinbar-texture-4.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: var(--background-color);
}

.wp-block-image.is-style-rounded{
  clip-path: var(--clip-path-border-radius);
}


.wp-block-gallery.has-nested-images figure.wp-block-image img{
    clip-path: var(--clip-path-border-radius);
}

.foldudmenu > .wp-block-group.wp-block-group--active {
  background: var(--surface-color);
  color: var(--text-color);

  .opening-hours-table {
    color: var(--primary-color);
  }

  .maps-container iframe{
    clip-path: none;
  }

  > .wp-block-group__inner-container{
    padding-top: 0;
  }
  
  .wp-block-buttons{
    margin-top: 0;
    padding: 20px;
  }

  .wp-element-button{
    padding: calc(var(--small-gap) * 0.45) calc(var(--small-gap) * 0.3);
  }

  .opening-hours-table{
    padding-top: 10px;
    
    .opening-day {
      font-weight: bold;
    }

    .opening-hours {
      text-align: right;
    }

    td {
      padding: 0;
    }

    tr {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      padding-bottom: 5px;
      border-bottom: 1px solid var(--accent-color);
    }
  }
}



.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus)::first-letter,
.wp-block-button.is-style-outline,
a {
    color: var(--accent-color);
}

/*Vinkort styling */

.wp-block-group.vinkort {
    --wd-rm-toggle-color: var(--accent-color);
    background-color: var(--surface-color);
    padding: var(--gap);
    color: var(--text-color);
    width: 1000px;
    max-width: 100%;
    border-radius: var(--card-radius);
}

.wd-rm-item-header {
    display: flex;
    justify-content: space-between;
}

.wd-rm-category-title{
    text-transform: uppercase;
    font-family: var(--big-headline-font-family);
    font-size: 26px;
    font-weight: bold;
}

.wp-block-group.logos figure {
    margin-top: 0 !important;
}

@media screen and (max-width: 768px) {
  .wp-block-group.logos{
    padding-left: var(--small-gap);
    padding-right: var(--small-gap);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .wp-block-group.aabningstider{
    padding-left: var(--small-gap);
    padding-right: var(--small-gap);
  }

  .wp-block-group.wave-background-2{
    padding-left: var(--small-gap);
    padding-right: var(--small-gap);
  }

  .mvb-wine-menu .wd-rm-item {
    display: flex;
    flex-direction: column;
  }
  .wd-rm-item-header {
    display: contents;
  }
  .wd-rm-item-name{
    order: 1;
  }
  .wd-rm-item-subtitle{
    order: 2;
  }
  .wd-rm-item-price{
    order: 3;
    text-align: right;
  }

  .wd-cards-wrapper.third-split {
    .wd-cards {
      grid-template-columns: 1fr;
    }
  }

  body .entry-content *[style*="--custom-max-width"]{
    width: 100%;
  }

  .header-topper-items {
    justify-content: space-between;

    a{
      font-size: 12px;
    }
  }
}



.wd-rm-variation-main {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.entry-content :is(ul, p, h1, h2, h3, h4, h5, h6, blockquote, figure, .schema-faq, .wp-block-buttons, .wd-contact-form, .wd-cards-wrapper) + :is(ul, p, h1, h2, h3, h4, h5, h6, blockquote, figure, .schema-faq, .wp-block-buttons, .wd-contact-form, .wd-cards-wrapper).wd-rm-variations,
.wd-rm-variations {
    margin-top: 10px;
}

.wd-rm-item-description {
  padding-left: 10px;
  opacity: 0.7;
  margin: 0 !important;
  font-style: italic;
}

.wd-contact-form{
  .wd-form-response.success.wd-response-visible {
    background: color-mix(var(--text-color), transparent 20%);
    color: var(--background-color);
    border-color: transparent;
    box-shadow: none;
  }

  .wd-response-success-icon {
    font-size: 50px;
  }

  .dashicons, .dashicons-before:before {
      width: 50px;
      height: 50px;
  }

  .wd-form-response.success .wd-response-dismiss{
    background: transparent;
    color: transparent;
    border: 2px solid var(--background-color);
    width: 36px;
    height: 36px;
    aspect-ratio: 1 / 1;
    font-size: 0;
    padding: 0;
    pointer-events: all;
  }

  button.wd-response-dismiss:before,
  button.wd-response-dismiss:after {
    content: "";
    width: 12px;
    height: 2px;
    display: block;
    position: absolute;
    background: var(--background-color);
    transform: rotate(45deg);
    transform-origin: center center;
  }

  button.wd-response-dismiss:after {
    transform: rotate(-45deg);
  }
}

.wd-form-disabled:has(.wd-form-response.success.wd-response-visible){
  opacity: 1;
}

.foldudmenu-wrapper.foldudmenu-wrapper--open {
    transform: translateX(-300px);
}

.foldudmenu-wrapper h2.wp-block-heading{
  background: var(--surface-color);
  color: var(--text-color);
  font-size: var(--small-headline-font-size);
  line-height: var(--small-headline-line-height);
  text-transform: none;
  user-select: none;
}

.cff-photos>* {
    aspect-ratio: auto!important;
}

li.menu-phone-btn-wrapper {
  margin: auto 0 0;

  a.menu-phone-btn {
    color: var(--text-color);
    font-size: 16px;
    font-weight: 600;
    padding: 11px 20px 9px !important;
    border-radius: 4px !important;
    white-space: nowrap;
    background-color: var(--secondary-color);
    transition: background-color var(--standard-transition);
    font-weight: normal;
    text-decoration: none;
    height: 56px;
    display: flex;
    gap: 6px;
    align-items: center;
  }
}


@media screen and (min-width: 1190px) and (hover: hover) {
  li.menu-phone-btn-wrapper {
      display: none!important;
  }
}

.entry-content > :is(.wdf-width, .wp-block-cover) > video:not(.wp-block-cover__background, .wp-block-cover__image-background),
.wp-block-cover__video-background {
    max-width: 100%;
    margin: 0;
}

.cff-lightbox-dataContainer{
  display: none!important;
}

.wp-block-heading a.some-link.some-link--icon {
    display: inline-flex;
    gap: 12px;
    padding-left: 6px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: none;

    span{
      font-size: inherit;
      font-family: inherit;
      line-height: inherit;
      font-weight: inherit;
    }

    &:hover{
      color: var(--accent-color);
      text-decoration: underline;
    }
}

/* Bredal Kro variation */
.wp-block-cover.wd-topsektion:after {
    content: "";
    height: 3px;
    display: block;
    width: 100%;
    background: linear-gradient(90deg, rgb(255, 211, 135), rgb(232, 147, 47), rgb(253, 184, 103));
    position: absolute;
    bottom: 0;
}

.header-topper.header-topper--items-center .header-topper-items {
    justify-content: space-between;
    padding: calc(var(--small-gap) / 4) var(--small-gap);
}

.vinbar-separator__image-wrapper {
    transform: translateY(-6px);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-light-color {
    color: var(--light);
}

.wp-block-button.is-style-outline .wp-block-button__link.has-text-color-color{
  --btn-text-color: var(--text-color);
  color: var(--btn-text-color);
}

.wp-block-button.is-style-outline{
  .wp-block-button__link.has-secondary-color-background-color {
    background: transparent;
    border: 1.5px solid var(--secondary-color);

    &:hover{
      background-color: var(--secondary-color-hover);
      border-color: var(--secondary-color-hover);
      color: var(--background-color);
      box-shadow: none;
    }
  }
  .wp-block-button__link.has-background-color-color.has-background-color-background-color {
    background: transparent;
    border: 1.5px solid var(--background-color);

    &:hover{
      background-color: var(--background-color);
      border-color: var(--background-color);
      color: var(--primary-color);
      box-shadow: none;
    }
  }
  .wp-block-button__link.has-text-color-color.has-accent-color-background-color {
    background: transparent;
    border: 1.5px solid var(--accent-color);

    &:hover{
      background-color: var(--accent-color-hover);
      border-color: var(--accent-color-hover);
      color: var(--light);
      box-shadow: none;
    }
  }
}

strong {
    font-weight: bold;
}

.wp-block-cover__background.has-text-color-background-color.has-background-dim,
.wp-block-cover__background.has-dark-background-color.has-background-dim {
    background: linear-gradient(0deg, var(--dark), transparent), transparent;
}

.wd-faq-item .faq-question {
    padding: 20px 0px;
}

.wd-usp{
  .wd-usp__title{
    font-size: 15px;
  }
  .wd-usp__text{
    font-size: 13px;
  }
  .wd-icon svg {
    height: 34px;
    width: auto;
  }
}

.footer-leadin.footer-leadin-border {
    border-top-width: 1px;
    border-bottom: none;
}



details.wd-rm-category:not(:first-child) .wd-rm-category-summary {
    padding-top: var(--gap);
}

.wd-rm-category-title {
    text-transform: none;
    font-family: var(--medium-headline-font-family);
    font-size: var(--medium-headline-font-size);
    font-weight: var(--medium-headline-font-weight);
    line-height: var(--medium-headline-line-height);
}

.wd-contact-form:has(.newsletter-form){
  clip-path: none;
  --wd-error-color: #ffa1aa;
}
.wd-contact-form-inner:has(.newsletter-form){
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  overflow: visible;
  box-shadow: none;

  .newsletter-form{
    display: flex;
    align-items: flex-end;
    gap: var(--column-gap);
  }

  .wd-error-message{
    position: absolute;
  }
 
  span.newsletter-form-label-text {
    position: absolute;
    top: 12px;
    left: 10px;
    transition: transform var(--standard-transition);
    transform-origin: top left;
  }

  &:has(input#wd_field_email:focus) span.newsletter-form-label-text {
    transform: translate(-12px, -24px) scale(0.8);
  }

  input#wd_field_email{
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;

    &::placeholder{
      color: var(--secondary-color);
    }
  }
}

.wd-contact-form:has(.standard-form--expanded) {
    .wd-contact-form-inner {
        box-shadow: none;
        background: var(--surface-color);
        border: 1px solid var(--separator);
        border-radius: var(--card-radius);
        padding: var(--small-gap) 32px;
    }

    :is(.kontaktform-form-row, .kontaktform-rows) {
        gap: 30px 25px;
    }
}

.lil-separator{
  height: 4px;
  max-width: var(--gap);
  width: 100%;
  background: linear-gradient(90deg, color-mix(in srgb, var(--accent-color), transparent), var(--accent-color), color-mix(in srgb, var(--accent-color), transparent));
}

.wp-block-group.aabningstider-kasse{
  background: var(--surface-color);
  border: 1px solid var(--separator);
  border-radius: var(--card-radius);
  padding: 30px 32px;

  .wp-block-heading{
    font-family: var(--small-headline-font-family);
    font-size: var(--small-headline-font-size);
    font-weight: var(--small-headline-font-weight);
    line-height: var(--small-headline-line-height);
    display: flex;
    align-items: center;
    
    
    .wd-icon {
      margin-right: 10px;

      svg {
          width: 24px;
          color: var(--primary-color);
      }
    }
  }

  .opening-hours-table{
    max-width: unset;

    tr{
      padding: 10px 0px;
      border-bottom: 1px solid rgb(239, 225, 203);

      td{
        padding: 0;

        &.opening-hours{
          font-weight: bold;
        }
      }

      &:last-child{
        border-bottom: none;
      }
    }
  }
}

@media screen and (min-width: 1190px) and (hover: hover) {
  body.sometimes-burger .main-header--hide-icons .main-header-menu > .menu-item.menu-item-has-children > a:before, body.sometimes-burger .main-header--hide-icons-on-desktop .main-header-menu > .menu-item.menu-item-has-children > a:before {
    left: 0;
    width: calc(100% - 20px);
  }
}

@media (min-width: 600px) {
    .wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image) {
        width: calc(50% - var(--column-gap));
    }
    .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
        width: calc(33.3333% - var(--column-gap));
    }
    .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
        width: calc(25% - var(--column-gap));
    }
    .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
        width: calc(20% - var(--column-gap));
    }
    .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
        width: calc(16.6666% - var(--column-gap));
    }
}

.wd-has-rounded-corners {
    border-radius: var(--card-radius);
}

.wp-block-image .is-style-rounded img,
.wp-block-image.is-style-circle-mask img,
.wp-block-image.is-style-rounded img{
  border-radius: var(--card-radius);
}

.wd-contact-form .wd-contact-form-inner{
  box-shadow: none;
}

.wp-block-group.vinkort + .wp-block-group.vinkort:has( + .wp-block-group.vinkort) {
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.wp-block-group.vinkort:has( + .wp-block-group.vinkort) {
    border-radius: var(--card-radius) var(--card-radius) 0 0;
    padding-bottom: 0;
}
.wp-block-group.vinkort + .wp-block-group.vinkort {
    padding-top: 0;
    border-radius: 0 0 var(--card-radius) var(--card-radius);
}

/* WD Events */
.wd-event-card{
  .wd-event-card__status{
    display: none;
  }
  .wd-event-card__date {
    color: var(--dark);
    background-color: var(--light);
    padding: 4px 10px;
    border-radius: 20px;
    position: absolute;
    top: 20px;
    font-weight: bold;
    border: none;
    letter-spacing: 0;
    text-transform: none;
  }
}