/*
Theme Name: Maklerdiscover
Theme URI: https://marcuskober.de
Author: Marcus Kober
Author URI: https://marcuskober.de
Description: Das Theme für Maklerdiscover.
Version: 1.0.8
Text Domain: maklerdiscover
*/

html {
  scroll-behavior: smooth;
}

.header {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  hyphens: none;
  position: sticky;
  top: 0;
  z-index: 10;
}

.header .login-button {
  flex-shrink: 0;
}

.header .logo {
  transition: all .3s ease;
  width: 160px;
}

.header.scrolled .logo {
  width: 110px;
}

@media screen and (min-width: 900px) {
  .header .logo {
    width: 240px;
  }

  .header.scrolled .logo {
    width: 110px;
  }
}


.header.scrolled > div {
  transition: padding .3s ease;
}

.header.scrolled > div {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.wp-block-navigation__submenu-container a {
  white-space: nowrap;
}

.wp-block-navigation__submenu-container li + li {
  border-top: 1px solid #00000026;
  margin-top: 10px;
  padding-top: 10px;
}

.entry-content {
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6, p, li {
  hyphens: auto;
}

.entry-content li + li {
  margin-top: var(--wp--preset--spacing--10);
}

.is-style-secondary .wp-block-button__link {
  background-color: var(--wp--preset--color--secondary);
}

.is-style-check {
  list-style-type: none;
  padding-left: 0;
}

.is-style-check li {
  position: relative;
  padding-left: 2rem;
}

.is-style-check li::before {
  color: var(--wp--preset--color--primary);
  content: '✔';
  left: 0;
  position: absolute;
  top: 0;
}

.is-style-slanted {
  margin-bottom: 13vw;
  margin-top: 13vw;
  padding-bottom: clamp(2rem, 4vw, 3.5rem);
  padding-top: clamp(2rem, 4vw, 3.5rem);
  position: relative;
}

.is-style-slanted + .is-style-slanted {
  margin-top: -3vw;
}

.is-style-slanted.has-grey-01-background-color {
  --inherited-bg: var(--wp--preset--color--grey-01);
}

.is-style-slanted.has-primary-background-color {
  --inherited-bg: var(--wp--preset--color--primary);
}

.is-style-slanted::after,
.is-style-slanted::before {
  background: linear-gradient(175deg, transparent 50%, var(--inherited-bg) 50%);
  content: '';
  display: block;
  height: 10vw;
  left: 0;
  position: absolute;
  right: 0;
  top: -10vw;
}

.is-style-slanted::after {
  bottom: -10vw;
  background: linear-gradient(175deg, var(--inherited-bg) 50%, transparent 50%);
  top: auto;
}

.is-style-tile {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  /*box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25);*/
  height: 100%;
  padding-top: 0;
}

.is-style-tile > *:last-child {
  margin-left: 1.6rem !important;
  margin-right: 1.6rem !important;
  margin-top: auto;
}

.is-style-tile .wp-block-image {
  margin-bottom: 0;
}

.is-style-tile .wp-block-image,
.is-style-tile .wp-block-image img {
  border-radius: 4px 4px 0 0;
  width: 100%;
}

.is-style-tile .wp-block-group {
  margin: 0 .8rem 0 !important;
  padding: .8rem;
  padding-bottom: 0;
  transform: translateY(-2rem);
}

.wp-block-eedee-block-gutenslider {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

@media screen and (hover:hover) and (prefers-reduced-motion: no-preference) {
  .wp-block-button__link {
    transition: all .3s ease-in-out;
  }

  .is-style-secondary .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--primary);
  }
}

.is-style-shadow {
  text-shadow: 0 3px 6px #8F8F8F;
}

.is-style-square {
  aspect-ratio: 1/1;
}

.is-style-square img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.wp-block-cover.is-style-square {
  min-height: 0;
}

.slider-box {
  display: none;
}

@media screen and (min-width: 1300px) {
  .slider-box {
    background-color: var(--wp--preset--color--base);
    display: block;
    padding: 1.2rem;
  }
}

.slider-box__link {
  color: var(--wp--preset--color--contrast);
  text-decoration: none;
}

body:not(.block-editor-iframe__body) .slider-box {
  bottom: 2rem;
  right: 2rem;
  margin: 0 !important;
  position: absolute;
  width: 450px;
}

body:not(.block-editor-iframe__body) .slider-box__link > *:first-child {
  margin-top: 0;
}

body:not(.block-editor-iframe__body) .slider-box__link > *:last-child {
  margin-bottom: 0;
}

.slider-box__link > .wp-block-group > *:first-child {
  width: 50%;
}

.slider-box__link > .wp-block-group > *:last-child {
  width: 15px;
}

.slider-box__link > *:first-child img {
  aspect-ratio: 16/8;
  object-fit: cover;
}

.wp-block-table table tbody {
  vertical-align: top;
}

.footer .wp-block-navigation a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--base) !important;
  font-weight: 400;
}

.footer .wp-block-navigation a:where(:not(.wp-element-button)):hover {
  color: var(--wp--preset--color--secondary) !important;
}

.top-link {
  bottom: 20vh;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  transition: all .4s ease;
  z-index: 10000;
}

.top-link.visible {
  pointer-events: auto;
  opacity: 1;
}

.top-link a {
  aspect-ratio: 1;
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  font-size: .8rem;
  justify-content: center;
  gap: 5px;
}

.top-link a::before {
  aspect-ratio: 17/9;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE3IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC40OTk5OCAwLjMxNjA0TDE2LjM0MTIgNy42MzQ0NkMxNi41NDMgNy44MjI4NyAxNi41NTM5IDguMTM5MjcgMTYuMzY1NSA4LjM0MTE0QzE2LjE3NzEgOC41NDMwMiAxNS44NjA3IDguNTUzOTMgMTUuNjU4OCA4LjM2NTUxTDguNDk5OTkgMS42ODM5M0wxLjM0MTE2IDguMzY1NTFDMS4xMzkyOSA4LjU1MzkzIDAuODIyODkyIDguNTQzMDIgMC42MzQ0NzUgOC4zNDExNEMwLjQ0NjA1NyA4LjEzOTI3IDAuNDU2OTY3IDcuODIyODggMC42NTg4NDIgNy42MzQ0Nkw4LjQ5OTk4IDAuMzE2MDRaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
  background-size: cover;
  content: '';
  width: 17px;
}

/*************************
 MEIN KONTO
 */

.woocommerce-account .woocommerce-MyAccount-navigation {
  max-width: 200px;
}

.woocommerce-account .woocommerce-MyAccount-content {
  min-width: calc(98% - 200px);
}

.woocommerce-MyAccount-navigation ul {
  margin-bottom: 0 !important;
}

.woocommerce-MyAccount-navigation li {
  margin: 0 0 10px !important;
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation a {
  background-color: white;
  border-left: 8px solid white;
  display: block;
  color: inherit;
  padding: 15px 20px 15px 12px;
  transition: all .3s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  border-color: var(--wp--preset--color--primary);
  text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
  background-color: var(--wp--preset--color--primary);
  border-color: var(--wp--preset--color--primary);
  color: white;
  text-decoration: none;
}

.top-slider-row .wp-block-image {
  display: none;
}

@media screen and (max-width: 649px) {
  .top-slider-row .has-text-align-center {
    text-align: left;
  }
}

@media screen and (min-width: 650px) {
  .top-slider-row .wp-block-image {
    display: block;
    flex-shrink: 0;
  }
}

.top-slider-row .wp-block-button__link {
  white-space: nowrap;
}

/* Überschreibt WordPress-Standard: deaktiviert Desktop-Modus unter 1020px */
@media (min-width: 600px) and (max-width: 1349px) {
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex !important;
  }
}

header .wp-block-navigation {
  margin-left: auto;
}

/* Ab 1020px: Desktop-Navigation aktiv */
@media (min-width: 1350px) {
  header .wp-block-navigation {
    margin-left: unset;
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
    position: relative;
    width: 100%;
    z-index: auto;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
}

.sie-sind.wp-block-columns.is-not-stacked-on-mobile {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
}

.sie-sind .wp-block-button__link {
  hyphens: auto;
}

.zip-table th,
.lead-table th {
  background-color: white;
}

.zip-table tbody td,
.lead-table tbody td {
  background-color: white;
}

.lead-table.single th {
  width: 300px;
}

.action-button-row {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.action-button {
  background-color: var(--wp--preset--color--primary);
  border-radius: 4px;
  color: white;
  padding: 3px 8px;
}

.action-button.icon-button {
  align-items: center;
  display: inline-flex;
  gap: .5rem;
}

.action-button.secondary {
  background-color: #888;
}

.action-button:hover {
  background-color: var(--wp--preset--color--secondary);
}

.zip-table th,
.zip-table td,
.lead-table td,
.paket-table td,
.lead-table th,
.paket-table th {
  font-size: 16px;
  padding: 10px 8px !important;
}

.admin-tabs {
  background-color: white;
}

.admin-tabs__tab-list {
  border-bottom: 1px solid #CFCFCF;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.admin-tabs__tab-list li {
  margin: 0 !important;
}

.admin-tabs__tab-trigger {
  border-bottom: 5px solid transparent;
  color: #B1B1B1;
  display: block;
  font-weight: bold;
  padding: 1.5rem 1.5rem 1rem;
}

.admin-tabs__tab-trigger:hover {
  color: black;
}

.admin-tabs__tab-trigger--active {
  border-color: var(--wp--preset--color--primary);
  color: black;
}

.admin-tabs__tab-body {
  display: none;
}

.admin-tabs__tab-body--active {
  display: block;
}

.messages-list {
  border-collapse: collapse;
  font-size: .9rem;
  padding-bottom: 1.5rem;
  width: 100%;
}

.messages-list thead th {
  border-bottom:  2px solid #efeff0;
}

.messages-list tbody tr:not(:last-child) td {
  border-bottom:  1px solid #efeff0;
}

.messages-list th, td {
  text-align: left;
  padding: .6rem;
}

.messages-list tr th:first-child,
.messages-list tr td:first-child {
  padding-left: 1.5rem;
}

.messages-list tr th:last-child,
.messages-list tr td:last-child {
  padding-right: 1.5rem;
}

.messages-list tr.message-detail {
  display: none;
}

.messages-list tr.message-detail td {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.messages-list tr.message-detail.open {
  display: table-row;
}

.messages-list tr.message {
  cursor: pointer;
  user-select: none;
}

.messages-list tr.message.open td {
  background-color: #f5f5f5;
}

.messages-list tr.message.open .message-action-button--open svg {
  transform: rotate(180deg);
}

.message-action-buttons {
  align-items: center;
  display: flex;
  gap: .5rem;
}

.message-action-button {
  align-items: center;
  color: black;
  display: flex;
  gap: .3rem;
}

.compose-message {
  display: none;
  margin-top: 3rem;
}

.lead-message-list {
  background-color: white;
  margin: 1rem 0 3rem;
  padding: 1.5rem;
}

.wp-element-button.wp-element-button--tertiary {
  padding: 2px 5px;
}

.wp-element-button.icon-button {
  align-items: center;
  display: inline-flex;
  gap: .5rem;
  padding-right: 12px !important;
}

.woocommerce-customer-details address,
.shop_table,
.woocommerce-table {
  background-color: white;
}

/*
Modals
 */

div:where(.swal2-container) h1,
div:where(.swal2-container) h2,
div:where(.swal2-container) h3,
div:where(.swal2-container) h4,
div:where(.swal2-container) h5,
div:where(.swal2-container) h6 {
  hyphens: none;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
  background-color: var(--wp--preset--color--primary) !important;
}