/* =========================================================
   IVRT Custom CSS
   Ersetzt: scripts-organizer "Global CSS" + "Therapeutensuche CSS"
   Seitenspezifische Regeln (vormals nur auf post_id 101) sind
   unten mit dem Präfix "body.page-id-101" versehen -- WordPress
   setzt diese Klasse automatisch auf jeder Seite.
   ========================================================= */

.wp-block-button.is-style-outline a.wp-block-button__link.wp-element-button:not(.has-background,:hover,:focus),
.wp-block-button.is-style-outline button.wp-block-button__link.wp-element-button:not(.has-background,:hover,:focus),
.wp-block-button.is-style-outline div.wp-block-button__link.wp-element-button:not(.has-background,:hover,:focus) {
    background-color: var( --e-global-color-accent );
}

.has-surecart-color:hover {
    color: var( --e-global-color-accent ) !important;
}

.alignwide {
    margin: 0;
}

.sc-template-wrapper {
    padding: 0 20px;
}

.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*=elementor-page-]) .site-main {
    max-width: 100% !important;
    padding: 20px 40px 60px;
}

.page-header .entry-title {
    padding: 0;
}

@media (max-width: 767px) {
    body .is-layout-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 540px) {
    body .is-layout-grid {
        grid-template-columns: 1fr;
    }
}

.ekit-video-popup {
    gap: 12px;
}

/** Anmeldeformular **/
.jet-fb-form-block {
    display: flex;
    flex-direction: column-reverse;
    gap: 40px;
}

.jet-form-builder-message {
    margin: 0;
}

.reset-password,
.registrierung {
    display: none;
}

.anmeldung-tab .e-n-tab-title {
    background-color: var(--n-tabs-title-background-color);
}

.anmeldung .e-n-tab-title:not(.has-active-state) {
    background: var(--e-global-color-secondary);
}

.jet-form-builder-message--error {
    border: 1px solid var(--e-global-color-accent);
    color: var(--e-global-color-accent);
}

/** Produktdetailseite **/
.wp-block-surecart-product-variant-pills div.sc-pill-option__button--selected,
.wp-block-surecart-product-variant-pills div.sc-pill-option__button--selected:hover,
.wp-block-surecart-product-variant-pills div.sc-pill-option__button--selected:focus {
    background-color: var( --e-global-color-accent ) !important;
    border-color: var( --e-global-color-accent ) !important;
}

/** Sprachbedingte Styles **/

/* Deutsch */
html[lang="de"] .login-de,
html[lang="de-DE"] .login-de {
  display: block !important;
}
html[lang="de"] .login-en,
html[lang="de-DE"] .login-en,
html[lang="de"] .login-nl,
html[lang="de-DE"] .login-nl {
  display: none !important;
}

/* Englisch */
html[lang="en"] .login-en,
html[lang="en-US"] .login-en {
  display: block !important;
}
html[lang="en"] .login-de,
html[lang="en-US"] .login-de,
html[lang="en"] .login-nl,
html[lang="en-US"] .login-nl {
  display: none !important;
}

/* Niederländisch */
html[lang="nl"] .login-nl,
html[lang="nl-NL"] .login-nl {
  display: block !important;
}
html[lang="nl"] .login-de,
html[lang="nl-NL"] .login-de,
html[lang="nl"] .login-en,
html[lang="nl-NL"] .login-en {
  display: none !important;
}

/** Cookie Banner **/
.video-placeholder-normal {
    top: 0;
    position: absolute !important;
    align-items: center !important;
}

.video-placeholder-text-normal {
    padding: 20px !important;
    border-radius: 6px !important;
    background-color: var(--e-global-color-accent) !important;
    border: 0 !important;
}

.text-link {
    color: var(--e-global-color-text) !important;
}

.text-link:hover {
    color: var(--e-global-color-accent) !important;
}

ol, ul, ul.wp-block-list {
    margin-bottom: 20px;
}

.jet-popup__container {
    max-height: 90vh !important;
}

@media (min-width: 767px) {
    .jet-popup__container .experten-popup-container .elementor-widget-jet-listing-dynamic-image {
        position: sticky;
        top: 50px;
    }

    .jet-popup__container {
        max-height: 80vh !important;
    }
}

/** Akkreditierung **/
.jet-form-builder__next-page-wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

/** Therapeutensuche **/
.wpgmp_filter_wrappers div.categories_filter select,
.wpgmp_filter_wrappers div.categories_filter .categories_filter_reset_btn {
    border-radius: 30px;
}

.wpgmp_filter_wrappers {
    padding-top: calc(20px - .85714em) !important;
    border-radius: 12px !important;
}

div.categories_filter select {
    max-width: fit-content !important;
}

.wpgmp_before_listing {
    display: none !important;
}

/** Shop **/
.wp-block-surecart-product-media {
    margin: 0;
}

.ekit-video-popup {
    gap: 4px;
}

span.ekit-video-popup-title {
    font-size: 0.7rem;
}


/* =========================================================
   Seitenspezifisch: vormals "Therapeutensuche CSS" (post_id 101)
   ========================================================= */

body.page-id-101 .wpgmp_map input {
    position: absolute !important;
    left: 0px !important;
    top: 0px !important;
}

body.page-id-101 .wpgmp_map {
    min-height: 100%;
}

.elementor-accordion .elementor-tab-title {
	display: flex;
    flex-direction: row;
}

.ekit-video-popup-btn {
	padding: 8px 3px 0 5px !important;
	width: 60px !important;
    height: 60px !important;
}

a.ekit_icon_button:is(.ekit-video-popup-btn,.ekit-video-inline-btn):has(i,svg) {
	font-size: 12px !important;
}

.mfp-close {
	font-family: elementskit !important;
}