/*
Theme Name: Divi Child
Theme URI: https://oomph.dk
Description: Child theme for Divi
Author: Dit navn
Template: Divi
Version: 1.0
*/

/* ========== OOMPH SEARCH RESULTS ========== */

.et_pb_code_inner .oomph-search-results {
  max-width: 820px;
  margin: 0 auto;
}

/* Header */
.et_pb_code_inner .oomph-search-head {
  margin-bottom: 14px;
}

.et_pb_code_inner .oomph-search-title {
  margin: 0 0 6px;
}

.et_pb_code_inner .oomph-search-meta {
  font-size: 14px;
  opacity: 0.8;
}

/* Reset Divi list styling */
.et_pb_code_inner .oomph-search-results ul.oomph-search-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid;
  gap: 10px;
}

.et_pb_code_inner .oomph-search-results li.oomph-search-item {
  margin: 0 !important;
  padding: 0 !important;
}

/* Card */
.et_pb_code_inner .oomph-search-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  background: rgba(255, 255, 255, 0.4);
  text-decoration: none;
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.et_pb_code_inner .oomph-search-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}

/* Title + type row */
.et_pb_code_inner .oomph-search-topline {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
}

/* Name */
.et_pb_code_inner .oomph-search-name {
  font-size: 20px;
  font-weight: 800;
  color: #a00000; /* juster hvis din røde er anderledes */
  line-height: 1.1;
}

/* Type badge */
.et_pb_code_inner .oomph-search-type {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 3px 8px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.05);
  display: inline-block;
}

/* Tags line */
.et_pb_code_inner .oomph-search-tags {
  font-size: 13px;
  opacity: 0.75;
}

/* "Vis flere" */
.et_pb_code_inner .oomph-search-more {
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

.et_pb_code_inner .oomph-search-morelink {
  padding: 10px 16px;
  border-radius: 999px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  text-decoration: none;
  font-weight: 600;
  transition:
    background 0.15s ease,
    transform 0.15s ease;
}

.et_pb_code_inner .oomph-search-morelink:hover {
  background: rgba(0, 0, 0, 0.05);
  transform: translateY(-1px);
}

/* Empty state */
.et_pb_code_inner .oomph-search-empty {
  padding: 16px;
  border: 2px dashed rgba(0, 0, 0, 0.2);
  border-radius: 14px;
}

.et_pb_code_inner .oomph-search-emptytitle {
  margin: 0 0 6px;
  font-weight: 700;
}

.et_pb_code_inner .oomph-search-emptysub {
  margin: 0;
  opacity: 0.85;
}

/* ========== OOMPH SHOWS SHORTCODE ========== */

.oomph-shows-list,
.et_pb_code_inner .oomph-shows-list {
  --oomph-accent: #a00000;
  --oomph-ink: #171717;
  --oomph-border: rgba(0, 0, 0, 0.16);
  --oomph-card-bg: rgba(255, 255, 255, 0.72);
  --oomph-card-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: grid;
  gap: 24px;
  max-width: 960px;
  margin: 0 auto;
  grid-template-columns: minmax(0, 1fr);
}

.oomph-show-card,
.et_pb_code_inner .oomph-show-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  min-height: 100%;
  padding: 0;
  border: none;
}

.oomph-show-card:not(:last-child)::after {
  content: "";
  display: block;
  margin: 12px 0 0;
  background-image: url("https://oomph.dk/wp-content/uploads/2026/02/black-horizontal-line1.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  min-height: 2px;
}

.oomph-show-header,
.et_pb_code_inner .oomph-show-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.oomph-show-title,
.et_pb_code_inner .oomph-show-title {
  margin: 0;
  padding-left: 0;
  font-size: clamp(24px, 2.1vw, 32px);
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-wrap: balance;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.oomph-show-title a,
.et_pb_code_inner .oomph-show-title a {
  color: var(--oomph-accent);
  text-decoration: none;
}

.oomph-show-title a:hover,
.et_pb_code_inner .oomph-show-title a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.12em;
}

.oomph-show-meta,
.et_pb_code_inner .oomph-show-meta {
  margin: 0 0 2px;
  padding-left: 0;
  color: var(--oomph-ink);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.82;
}

.oomph-show-more,
.et_pb_code_inner .oomph-show-more {
  color: var(--oomph-accent) !important;
  font-size: clamp(20px, 1.8vw, 28px);
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  font-family: var(--et_global_heading_font, inherit) !important;
  letter-spacing: 0.02em;
  line-height: 1.1;
  opacity: 1 !important;
}

.oomph-show-more:hover,
.et_pb_code_inner .oomph-show-more:hover {
  text-decoration: underline;
}

.oomph-show-actions,
.et_pb_code_inner .oomph-show-actions {
  margin: 0;
  padding: 0;
  text-align: right;
}

.oomph-show-ticket:hover,
.et_pb_code_inner .oomph-show-ticket:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.12em;
}

@media (min-width: 981px) {
  .oomph-shows-list,
  .et_pb_code_inner .oomph-shows-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  .oomph-show-card,
  .et_pb_code_inner .oomph-show-card {
    padding: 0;
    border-radius: 0;
  }

  .oomph-show-title,
  .oomph-show-meta,
  .oomph-show-actions,
  .et_pb_code_inner .oomph-show-title,
  .et_pb_code_inner .oomph-show-meta,
  .et_pb_code_inner .oomph-show-actions {
    padding-left: 0;
  }

  .oomph-show-meta,
  .et_pb_code_inner .oomph-show-meta {
    font-size: 14px;
    line-height: 1.4;
  }

  .oomph-show-ticket,
  .et_pb_code_inner .oomph-show-ticket {
    font-size: clamp(18px, 1.6vw, 24px);
  }
}

/* ========== RESPONSIVE LAYOUT ========== */

/* Fjern side-padding på mobil */
@media (max-width: 767px) {
  .et_pb_section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .et_pb_row {
    width: 90% !important;
    max-width: 95% !important;
  }
}

/* ========== VENUE MOBILE SPACING TUNE (DIVI 5 FLEX) ========== */
@media (max-width: 767px) {
  body.single-venue .et-db #et-boc .et-l .et_pb_row_0_tb_body {
    row-gap: 10px;
  }

  body.single-venue .et-db #et-boc .et-l .et_pb_row_0_tb_body .et_pb_column {
    margin-bottom: 0 !important;
  }

  body.single-venue .et-db #et-boc .et-l .et_pb_row_0_tb_body .et_pb_module {
    margin-bottom: 10px !important;
  }

  body.single-venue .et-db #et-boc .et-l .et_pb_row_0_tb_body .et_pb_module:last-child {
    margin-bottom: 0 !important;
  }

  /* Fjern ekstra luft mellem titel og billede i første venstre flex-gruppe */
  body.single-venue .et-db #et-boc .et-l .et_pb_group_0_tb_body.et_flex_group {
    --vertical-gap: 0px !important;
    row-gap: 0px !important;
    gap: 0px !important;
  }

  body.single-venue .et-db #et-boc .et-l .et_pb_group_0_tb_body.et_flex_group > .et_pb_module {
    margin-bottom: 0 !important;
  }

  body.single-venue .et-db #et-boc .et-l .et_pb_group_0_tb_body.et_flex_group > .et_pb_module + .et_pb_module {
    margin-top: 6px !important;
  }
}

/* ========== DIVI 5 MENU SEARCH ========== */

/* Menu search dropdown – style when OPEN */
.et_pb_menu__search-container:not(.et_pb_menu__search-container--hidden):not(
    .et_pb_menu__search-container--disabled
  ) {
  background: rgba(255, 255, 255, 0.75) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(6px);
}

/* Sticky header menu text stroke + glow */
@media (min-width: 981px) {
  /* animation */
  .et_pb_menu_0_tb_header .et-menu a {
    transition:
      -webkit-text-stroke 280ms cubic-bezier(0.22, 0.61, 0.36, 1),
      text-shadow 280ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  /* MODERNE BROWSERS – ægte outline */
  @supports (-webkit-text-stroke: 2px white) {
    .et_pb_menu_0_tb_header.et_pb_sticky--top .et-menu a {
      -webkit-text-stroke: 3px rgba(255, 255, 255, 0.98);
      paint-order: stroke fill;

      text-shadow:
        0 0 10px rgba(255, 255, 255, 0.85),
        0 0 22px rgba(255, 255, 255, 0.55);
    }
  }

  /* FIREFOX FALLBACK – minimal fake outline */
  @supports not (-webkit-text-stroke: 2px white) {
    .et_pb_menu_0_tb_header.et_pb_sticky--top .et-menu a {
      text-shadow:
        1px 0 0 #fff,
        -1px 0 0 #fff,
        0 1px 0 #fff,
        0 -1px 0 #fff,
        0 0 10px rgba(255, 255, 255, 0.85),
        0 0 22px rgba(255, 255, 255, 0.55);
    }
  }

  /* ikon (lup) */
  .et_pb_menu_0_tb_header.et_pb_sticky--top .et_pb_menu__icon {
    filter: drop-shadow(0 0 4px #fff)
      drop-shadow(0 0 12px rgba(255, 255, 255, 0.8))
      drop-shadow(0 0 22px rgba(255, 255, 255, 0.5));
  }
}

/* ========== OOMPH PORTRAIT FRAMES ========== */

.oomph-portrait .et_pb_image_wrap {
  position: relative;
}

.oomph-portrait .et_pb_image_wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://oomph.dk/wp-content/uploads/2026/02/frame3-1024px.png")
    center / 100% 100% no-repeat;
  pointer-events: none;
  z-index: 10;
}

/* ========== OOMPH VENUE FRAMES ========== */

.oomph-venue .et_pb_image_wrap,
.oomph_venue .et_pb_image_wrap,
.oomph.venue .et_pb_image_wrap {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.oomph-venue .et_pb_image_wrap::after,
.oomph_venue .et_pb_image_wrap::after,
.oomph.venue .et_pb_image_wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("https://oomph.dk/wp-content/uploads/2026/02/frame3-1024px.png")
    center / 100% 100% no-repeat;
  pointer-events: none;
  z-index: 10;
}

/* ========== OOMPH GENERAL ========== */

.oomph-booking-btn {
  border-radius: 4px;
}

.oomph-follow-text {
  font-family: var(--et_global_heading_font);
  color: #7c0707;
}

/* ========== SOCIAL RSS ICON OVERRIDE ========== */

/* Sørg for at selve knappen (orange) er et stabilt "anker" */
.et_pb_social_media_follow .et-social-rss a.icon {
  position: relative !important;
  overflow: hidden;
}

/* Læg din SVG præcist centreret ovenpå */
.et_pb_social_media_follow .et-social-rss a.icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 26px;
  height: 26px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2029.95%2029.95%27%3E%3Crect%20width%3D%2729.95%27%20height%3D%2729.95%27%20fill%3D%27none%27/%3E%3Cg%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M13.35%2C7.45l-1.8%2C14.85h-1.63l-1.32-9.64h-.03l-1.31%2C9.64h-1.63l-1.8-14.85h1.83l.87%2C9.43h.03l1.36-9.43h1.32l1.41%2C9.66h.03l.83-9.66h1.83Z%27/%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M13.87%2C22.3V7.45h5.16v2h-3.43v4.36h2.99v2h-2.99v4.36h3.43v2.13h-5.16Z%27/%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M19.58%2C22.3V7.45h2.53c.55%2C0%2C1.03.1%2C1.42.31.39.21.71.49.96.83.25.35.43.75.53%2C1.2.11.45.16.92.16%2C1.41v.54c0%2C.4-.03.74-.08%2C1.02s-.13.52-.23.73c-.19.39-.49.72-.88%2C1%20.41.24.71.58.9%2C1.04.19.46.29%2C1.08.29%2C1.88v.83c0%2C1.31-.26%2C2.31-.77%2C3-.52.7-1.34%2C1.04-2.47%2C1.04h-2.36ZM21.31%2C9.45v4.09h.78c.58%2C0%2C.97-.18%2C1.16-.53.2-.35.3-.87.3-1.55s-.11-1.17-.33-1.5c-.22-.33-.62-.5-1.2-.5h-.71ZM21.31%2C15.42v4.76h.75c.35%2C0%2C.63-.06%2C.82-.19.2-.12.35-.3.45-.52.1-.22.16-.49.19-.79s.03-.64.03-1-.02-.7-.05-.98c-.03-.28-.1-.51-.2-.71-.11-.19-.27-.34-.46-.43-.19-.09-.45-.14-.76-.14h-.76Z%27/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  line-height: 1;
}

/* Skjul Divi's RSS font-ikon på RSS */
.et_pb_social_media_follow .et-social-rss a.icon {
  font-size: 0;
}

/* ========== SOCIAL MAIL ICON OVERRIDE (WEIBO) ========== */

.et_pb_social_media_follow .et-social-weibo a.icon {
  position: relative !important;
  overflow: hidden;
  font-size: 0;
}

.et_pb_social_media_follow .et-social-weibo a.icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 27px;
  height: 17px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2060%2039.04%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M58.9%2C38.94c-.1%2C0-.3.1-.4.1H1.5c-.1%2C0-.3%2C0-.4-.1l17.8-17.8%2C3.8%2C3.9c4.1%2C4.2%2C10.6%2C4.2%2C14.7%2C0l3.8-3.9%2C17.7%2C17.8ZM60%2C37.04V1.74c0-.2%2C0-.4-.1-.5-.1.2-17.7%2C18.4-17.7%2C18.4l17.8%2C17.8v-.4ZM0%2C37.14V1.94c0-.2%2C0-.4.1-.5.1.2%2C17.7%2C18.4%2C17.7%2C18.4L.1%2C37.54c-.1-.1-.1-.3-.1-.4ZM59%2C.04l-22.7%2C23.2c-3.5%2C3.5-9.1%2C3.5-12.5%2C0L1.1.04c-.1-.1%2C57.9%2C0%2C57.9%2C0Z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  line-height: 1;
}

/* ========== SOCIAL PHONE ICON OVERRIDE (TUMBLR) ========== */

.et_pb_social_media_follow .et-social-tumblr a.icon {
  position: relative !important;
  overflow: hidden;
  font-size: 0;
}

.et_pb_social_media_follow .et-social-tumblr a.icon::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 21px;
  height: 21px;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2057.31%2057.43%27%3E%3Cpath%20fill%3D%27%23fff%27%20d%3D%27M4.6%2C23.23C1.3%2C17.23%2C0%2C12.33%2C0%2C9.02s.8-4.2%2C1.6-5c.8-.8%2C4.5-3%2C5.2-3.5.6-.4%2C3-1.3%2C4.5.9s4.3%2C6.5%2C6.3%2C9.4c3.1%2C4.1.6%2C5.9-.2%2C7-1.5%2C2-2.3%2C2.5-2.3%2C4.9s6.8%2C9.4%2C8.4%2C11.1c1.6%2C1.7%2C8.4%2C7.6%2C10.5%2C8%2C2.1.3%2C5-1.9%2C5.6-2.5%2C3.1-2.4%2C4.8-.6%2C6.2.2%2C1.4.8%2C7.8%2C4.8%2C9.8%2C6.1%2C1.9%2C1.3%2C1.7%2C3.4%2C1.7%2C3.4%2C0%2C0-1.3%2C3.9-4.3%2C6.8-.7.7-2%2C1.6-5.1%2C1.6s-6.5-.6-14.5-5c-6.5-3.6-12.7-9.2-16-12.5-3.3-3.2-9-9.8-12.8-16.7Z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  line-height: 1;
}

/* ========== VENUE SOCIAL ICON GRADIENTS ========== */

/* Mail icon gradient (network 3) */
.et-db #et-boc .et-l .et_pb_social_media_follow_network_3_tb_body a.icon {
  background: linear-gradient(to bottom, #19e6ff, #1e51ee) !important;
}

/* Phone icon gradient (network 4) */
.et-db #et-boc .et-l .et_pb_social_media_follow_network_4_tb_body a.icon {
  background: linear-gradient(to bottom, #67ff81, #01b41f) !important;
}