/*
 * Theme Name:  Authentic Child
 * Theme URI:   https://codesupply.co/themes/authentic/
 * Description: Authentic Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    authentic
 * Version:     1.0.2
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

/* TMP: This needs to be replaced with a strategic tag, assigned to the block (doesnt work currently)*/
.cnvs-block-posts-1641904214387 .post-thumbnail img,
.cnvs-block-posts-1641909539243 .post-thumbnail img {
    display: none !important;
}

.meta-category .post-categories li + li::before {
    display: none !important;
}
.meta-category .post-categories li + li {
    margin-left: 0 !important;
}
/* DELETE */
/*.post-meta li + li::before {
    display: none !important;
}*/


/* TMP: MENU HIDES */
/* ---------------------- */
.menu-mobile-patienten,
.menu-patienten {
    display: none !important;
}
/* ---------------------- */
/* END TMP: MENU HIDES */



/* MOBILE MENU HIDES */
/* ---------------------- */
.logged-in .menu-mobile-login {
    display: none !important;
}
.menu-mobile-profile {
    display: none;
}
.logged-in .menu-mobile-profile {
    display: block !important;
}
/* ---------------------- */
/* END MOBILE MENU HIDES */



/* Whatsapp Contact Styling */
/* ---------------------- */
.qlwapp-container,
.qlwf-send {
    color: #000 !important;
}
/* ---------------------- */
/* END Whatsapp Contact Styling */



/* EYEBROW HEADER CHANGES */
/* ---------------------- */
/* ALTERNATIVE A: 2 separate lines */
/*.post-meta + .meta-category {
    margin-top: 0.5rem;
}

.page-header .post-meta + .meta-category {
    margin-top: 1rem;
}*/

/* ALTERNATIVE B: 1 combined line */
.page-header .post-meta .meta-category .post-categories li:before {
    display: none;
}

.page-header .post-meta .meta-category .post-categories {
    display: inline-block;
}



.overlay-inner .meta-eyebrow-text {
    color: white !important;
}
/* -------------------------- */
/* END EYEBROW HEADER CHANGES */



/* FORMS STYLING */
/* ---------------------- */
/* dark mode: label lighter */
[data-scheme="dark"] form label {
    color: #aaa !important;
}
/* Select2 Styling Dark mode */
[data-scheme="dark"] .select2-results__options {
    background-color: #000 !important;
}
[data-scheme="dark"] .select2-selection {
    background-color: #000 !important;
}
[data-scheme="dark"] .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #aaa !important;
}
[data-scheme="dark"] li.select2-selection__choice {
    background-color: #000 !important;
}

/* password protected post form */
.post-password-form {
    width: 600px;
    margin-left: auto;
    margin-right: auto;   
}
/* ---------------------- */
/* END FORMS STYLING */



/* POST BLOCK / ARCHIVE / BLEIWUESTE STYLING */
/* ---------------------- */
a.mo-archive-excerpt:hover {
    color: #000000 !important;
}
[data-scheme="dark"] a.mo-archive-excerpt:hover {
    color: #CCCCCC !important;
}

/* Machine Translated Icon */
.cs-icon-translated:before {
    content: url(/wp-content/themes/authentic-child/icon-machine-translated.svg);
    top: 2px;
    left: -2px;
    position: relative;
}
.post-meta .cs-icon-translated {
    margin-right: 0.1rem !important;
}
.mo-translation-icon-tooltip-container {
    position: relative;
    display: inline-block;
    width:0px;
    height:0px;
}
.mo-translation-icon-tooltip {
    visibility: hidden;
    width: 156px;
    background-color: #1E1E1E;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    top: -56px;
}
.meta-eyebrow-text:hover .mo-translation-icon-tooltip {
    visibility: visible;
}
/* ---------------------- */
/* END POST BLOCK / ARCHIVE / BLEIWUESTE STYLING */



/* ALERT STYLING FOR TRANSLATION */
/* ---------------------- */
[data-scheme="dark"] .mo-translation-label.cnvs-alert {
    background-color: #1E1E1E !important;
}
.mo-translation-label-excerpt.cnvs-alert {
    font-size: 11px !important;
    padding: 0.2rem 0.5rem !important;
}
/* Alert for elementor */
.mo-microsite-alert {
    padding: 0.5rem 1rem !important;
    margin-bottom: 1rem !important;
    background: #f8f9fa !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.mo-microsite-alert .elementor-alert {
    padding: 0 !important;
    background: none !important;
}
.mo-microsite-alert .elementor-alert-title {
    font-weight: 500 !important;
    color: #1e1e1e !important;
}
[data-scheme="dark"] .mo-microsite-alert {
    background-color: #1E1E1E !important;
}
[data-scheme="dark"] .mo-microsite-alert .elementor-alert-title {
    color: #A0A0A0 !important;
}
/* ---------------------- */
/* END ALERT STYLING FOR TRANSLATION */



/* POST SINGLE: Related Post no category styling */
/* ---------------------- */
.post .section-related-posts li.meta-category {
    display: none !important;
}
/* ---------------------- */
/* POST SINGLE: Related Post no category styling */



/* DITTY TICKER STYLING */
/* ---------------------- */
.ditty-item {
    width:30%!important;
}
/* ---------------------- */
/* END DITTY TICKER STYLING */



/* PARTNER CONTENT PAGE STYLING */
/* ---------------------- */
.page-template-template-canvas-fullwidth #canvas-content .cs-block-archive-posts .archive-standard .post-inner header {
    max-width: 100%;
    margin-right: 0;
    margin-left: 0;
}
/* ---------------------- */
/* END PARTNER CONTENT PAGE STYLING */



/* EVENTS HOME STYLING */
/* ---------------------- */
.tribe-events-widget-events-list__view-more {
    display: none;
}
.tribe-events-widget-events-list__event-title a:active,
.tribe-events-widget-events-list__event-title a:focus,
.tribe-events-widget-events-list__event-title a:hover {
    border-bottom: none !important;
    transition: none !important;
}
/* Heading styling */
.home h3 .tribe-events-widget-events-list__event-title-link {
    color: #000 !important;
}
[data-scheme="dark"] .home h3 .tribe-events-widget-events-list__event-title-link {
    color: #fff !important;
}
.home h3 a.tribe-events-widget-events-list__event-title-link:hover {
    color: #a0a0a0;
}
[data-scheme="dark"] .home h3 a.tribe-events-widget-events-list__event-title-link:active,
[data-scheme="dark"] .home h3 a.tribe-events-widget-events-list__event-title-link:focus,
[data-scheme="dark"] .home h3 a.tribe-events-widget-events-list__event-title-link:hover {
    color: #ccc !important;;
}
/* other title and date styling */
[data-scheme="dark"] .tribe-events-widget-events-list__event-datetime,
[data-scheme="dark"] .tribe-events-widget-events-list__event-title,
[data-scheme="dark"] .tribe-events-widget-events-list__event-title a {
    color: #fff !important;
}
[data-scheme="dark"] .tribe-events-widget-events-list__event-title a:active,
[data-scheme="dark"] .tribe-events-widget-events-list__event-title a:focus,
[data-scheme="dark"] .tribe-events-widget-events-list__event-title a:hover {
    color: #ccc !important;
}
[data-scheme="dark"] .tribe-events-widget-events-list__event-date-tag-datetime span {
    color: #fff !important;
}
/* ---------------------- */
/* END EVENTS HOME STYLING */



/* JOBS HOME STYLING */
/* ---------------------- */
/* no load more button */
.home .jb-jobs-pagination-box {
    display: none !important;
}

/* hide posted date */
.home .jb-jobs .date {
    display: none !important;
}

/* no border */
.home .jb-job-list-row {
    border: none !important;
}

/* Reorder Entry Data: Location first */
.home .jb-job-list-row .jb-job-title {
    order: 2;
}
.home .jb-job-list-row .jb-row-info {
    order: 1;
}

/* smaller font size for info */
.home .jb-row-info {
    font-size: 12px !important;
}

.home .jb-row-info .location a {
    color: #1e1e1e !important;
}
[data-scheme="dark"] .home .jb-row-info .location a {
    color: #dbdbdb !important;
}

/* spacing fix */
.home .jb-jobs {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.home #aktuelle-jobs {
    margin-bottom: 10px !important;
}
.home .btns-more-jobs {
    margin-top:10px !important;
}

.home .jb-row-info .jb-row-right-side,
.home .jb-row-info .jb-row-left-side {
    margin-bottom: 0 !important;
}

/* colors */
.jb-job-title a {
    color: #000 !important;
    font-size: 18px !important;
}
.jb-job-title a:hover {
    color: #a0a0a0 !important;
}
[data-scheme="dark"] .jb-job-title a {
    color: #fff !important;
}
[data-scheme="dark"] .jb-job-title a:hover {
    color: #ccc !important;
}
/* ---------------------- */
/* END: JOBS HOME STYLING */




/* JOBS DETAIL STYLING */
/* ---------------------- */
/* button styling */
.jb-button {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    background-color: #0ab8db !important;
    color: #fff !important;
    font-family: neue-haas-grotesk-display-round !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}
/* dark mode */
[data-scheme="dark"] .jb-button {
    background-color: #54bcd3 !important;
}
[data-scheme="dark"] .jb-button:hover {
    background-color: #039baf !important;
}

/* hide expire date */
.jb-jobs .expires {
    display: none !important;
}

/* hide date */
.jb-jobs .jb-row-info .date {
    display: none !important;
}

/* ---------------------- */
/* END: JOBS DETAIL STYLING */



/* MENU USER ICON */
/* ---------------------- */
/* light mode */
[data-scheme="default"] .navbar-single-column-widgets .navbar-widgets-btn:after {
    background-image: url("/wp-content/themes/authentic-child/user.png");
}

/* dark mode */
[data-scheme="dark"] .navbar-single-column-widgets .navbar-widgets-btn:after {
    background-image: url("/wp-content/themes/authentic-child/user_dark.png");
}

/* always white on large page header */
.page-header-type-large .navbar-single-column-widgets .navbar-widgets-btn:after {
    background-image: url("/wp-content/themes/authentic-child/user_dark.png");
}

/* logged in */
.logged-in .navbar-single-column-widgets .navbar-widgets-btn:after {
    background-image: url("/wp-content/themes/authentic-child/user_loggedin.png") !important;
}

/* shared */
.navbar-single-column-widgets .navbar-widgets-btn:after {
    content: " " !important;
    background-size: cover;
    width: 15px;
    height: 15px;
    position: relative;
    z-index: 100000;
    /* left: -50px; */
    /* top: 10px; */
    display: inline-block;
}

/* hover fix */
.navbar-single-column-widgets .navbar-widgets-container {
    visibility:hidden;
    opacity:0;
    transition:visibility 0.3s linear,opacity 0.3s linear;
    animation-delay: 2s;
}
.navbar-single-column-widgets:hover .navbar-widgets-container, 
.navbar-single-column-widgets:focus .navbar-widgets-container {
    display: flex;
    visibility: visible;
    opacity: 1;
}
.navbar-single-column-widgets .navbar-widgets-container:hover,
.navbar-single-column-widgets .navbar-widgets-container:focus-within {
    visibility: visible !important;
    opacity: 1;
}


/* ---------------------- */
/* MENU USER ICON */



/* MENU FIX WIDTH OF LOGO ON TABLET TO DISPLAY EVERYTHING */
/* ---------------------- */
@media (min-width: 1120px) and (max-width: 1239px) {
.navbar-primary .navbar-brand {
    max-width:100px !important;
}
}
/* ---------------------- */
/* MENU FIX WIDTH OF LOGO ON TABLET TO DISPLAY EVERYTHING */


/* TOP MENU STYLING */
/* ---------------------- */
.topbar .navbar-nav > li + li {
    margin-left: 1rem !important;
}
/* ---------------------- */
/* TOP MENU STYLING */



/* TOP MENU LANGUAGE SWITCHER STYLING */
/* ---------------------- */
.navbar-nav .sub-menu .wpml-ls-item a {
    min-width: 100px !important;
}
.navbar-nav > li.menu-item-has-children.wpml-ls-item > .sub-menu {
    z-index: 1000 !important;
}
.navbar-nav > li.menu-item-has-children.wpml-ls-item > a::after {
    content: "\e91f" !important;
    margin-left: 0.5rem !important;
    font-family: "cs-icons" !important;
    font-size: 10px !important;
    display: block !important;
}
/* only for vertical language switcher without dropdown - hide this if activate the dropdown */
.navbar #menu-language-switcher .wpml-ls-current-language a,
.navbar #menu-language-switcher-franzoesisch .wpml-ls-current-language a,
.navbar #menu-language-switcher-englisch .wpml-ls-current-language a,
.navbar #menu-language-switcher-italienisch .wpml-ls-current-language a,
.navbar #menu-language-switcher-portugiesisch-portugal .wpml-ls-current-language a,
.navbar #menu-language-switcher-spanisch .wpml-ls-current-language a
{
    color: #319db3 !important;
}
/* ---------------------- */
/* TOP MENU LANGUAGE SWITCHER STYLING */



/* FOOTER STYLING */
/* ---------------------- */
@media (max-width: 759.98px) {
    .site-footer .footer-info {
        text-align: center;
    }
    .site-footer .footer-info ul.nav li {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
    }
}

.footer-widgets {
    padding-top: 0 !important;
}

/* Newsletter */
.site-footer .mo-footer-subscribe .pk-title {
    color: #ffffff;
    font-size: 2rem;
    text-transform: none;
}
.site-footer .mo-footer-subscribe .pk-subscribe-message {
    font-family: neue-haas-grotesk-display-round;
    font-size: 1.25rem;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: none;
}
.site-footer .mo-footer-subscribe select {
    background-color: white;
}
/* ---------------------- */
/* END FOOTER STYLING */



/* ?????? */
/*.page-id-776 h2 a {
    color:#000 !important;
}*/



/* Fix Mobile Headers taller  */
/* ---------------------- */
@media (max-width: 759.98px) {
    .page-header-wide,
    .page-header-wide .overlay-outer {
        min-height: 600px !important;
    }    
}
/* ---------------------- */
/* END Fix Mobile Headers taller  */



/* Fix Mobile Previous Next Article Header  */
/* ---------------------- */
@media (max-width: 759.98px) {
    .posts-pagination .pagination-title {
        display: block !important;
        padding-bottom:10px !important;
    }    
}
/* END Fix Mobile Previous Next Article Header  */



/* PMPro  */
/* ---------------------- */
/* CHECKOUT REMOVE PRICING - add once paid tier is available */
.pmpro-checkout #pmpro_form #pmpro_pricing_fields,
.pmpro-checkout #pmpro_form #pmpro_user_fields hr {
    display: none !important;
}

/* Hide username field */
.pmpro-checkout #pmpro_form #pmpro_user_fields .pmpro_checkout-field-username {
    display: none !important;
}

/* reorder email and password field */
.pmpro-checkout #pmpro_form #pmpro_user_fields .pmpro_checkout-fields {
    display: flex !important;
    flex-direction: column !important;
}
.pmpro-checkout #pmpro_form #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-password {
    order: 2;
}
.pmpro-checkout #pmpro_form #pmpro_user_fields .pmpro_checkout-fields .pmpro_checkout-field-bemail {
    order: 1;
}

/* Profile Page: Hide approval status */
.pmpro-account #pmpro_account #pmpro_account-profile ul li:first-child { 
    visibility: hidden; 
}
/* Profile Page: Styling */
.pmpro-account #pmpro_account #pmpro_account-profile p {
    margin-top: 25px !important;
}
.pmpro-account #pmpro_account #pmpro_account-profile .pmpro_actionlinks {
    margin-top: 25px !important;
}
/* ---------------------- */
/* END: PMPro */



/* Ads Styling  */
/* ---------------------- */
/* Rest of page wideboard */
.mo-wideboard-rest {
    margin-top:20px;
    margin-bottom: 20px;
    max-width: 1200px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
/* don't show empty layer */
.mo-wideboard-rest:empty {
    display:none;
}
.mediz-startseite-wideboard-1,
.mediz-startseite-wideboard-1-fr,
.mediz-startseite-wideboard-2,
.mediz-startseite-wideboard-2-fr,
.mediz-startseite-wideboard-3,
.mediz-startseite-wideboard-3-fr,
.mediz-rest-der-seite-wideboard,
.mediz-rest-der-seite-wideboard-fr,
.mediz-jobs-seite-wideboard,
.mediz-jobs-seite-wideboard-fr {
    text-align: center !important;
}
/* ---------------------- */
/* END Ads Styling  */



/* Post ACF Authors Styling  */
/* ---------------------- */
.post-authors,
.post-publications,
.post-partner {
    font-family: neue-haas-grotesk-display-round !important;
    font-size: 0.6875rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.075em !important;
    margin-top: 3rem !important;
    padding-top: 3rem !important;
    border-top: 1px #e9ecef solid !important;
}
.post-publications {
    text-transform: uppercase !important;
}
[data-scheme="dark"] .post-authors,
[data-scheme="dark"] .post-publications,
[data-scheme="dark"] .post-partner {
    border-top-color: #2B2B2B !important;
}

.post-authors ul,
.post-publications ul,
.post-partner ul {
    padding-left: 0 !important;
    list-style: none !important;
    margin-bottom: 0 !important;
}
.post-authors ul li,
.post-publications ul li,
.post-partner ul li {
    display: inline-block !important;
}
.post-authors ul li + li,
.post-publications ul li + li,
.post-partner ul li + li {
    margin-left: 1.5rem !important;
}

.post-partner .article-partner-logo {
    max-width: 200px !important;
}
/* ---------------------- */
/* END Post ACF Authors Styling  */



/* WPFORMS Styling  */
/* ---------------------- */
.wpforms-field-checkbox ul {
    padding-left: 0 !important;
}
.wpforms-field-checkbox ul label {
    color: #1e1e1e !important;
}
[data-scheme="dark"] .wpforms-field-checkbox ul label {
    color: #A0A0A0 !important;
}
[data-scheme="dark"] .wpforms-container label,
[data-scheme="dark"] .pmpro_form label {
    color: #A0A0A0 !important;
}
.wpforms-container label,
.pmpro_form label {
    color: #000 !important;
}

label.wpforms-field-label-inline {
    font-size: 14px;
}

label.wpforms-field-label {
    font-size: 14px;
}

button#wpforms-submit-405638 {
    background-color: #C70000;
    color: white;
    font-weight: bold;
}

button#wpforms-submit-406051 {
    background-color: #C70000;
    color: white;
    font-weight: bold;
}

button#wpforms-submit-412037 {
    background-color: #D92889;
    color: white;
    font-weight: bold;
}

button#wpforms-submit-412048 {
    background-color: #D92889;
    color: white;
    font-weight: bold;
}

button#wpforms-submit-549230 {
    background-color: #D31710;
    color: white;
    font-weight: bold;
}

button#wpforms-submit-549211 {
    background-color: #D31710;
    color: white;
    font-weight: bold;
}

/* ---------------------- */
/* END WPFORMS Styling  */


/* Fixed displayed thumbnail images as eggs on https://medizinonline.com/kategorie/cme-fortbildung/ */
.pk-widget-posts-template-default .thumbnail-rounded .post-thumbnail:before,
.pk-widget-posts-template-default .thumbnail-rounded .post-thumbnail img,
.pk-widget-posts-template-default .thumbnail-rounded .post-number {
	border-radius: 0;
}

.widget-area .pk-widget-posts-template-list .post-inner:first-child img,
.widget-area .pk-widget-posts-template-numbered .post-inner:first-child img,
.archive-masonry .pk-widget-posts-template-list .post-inner:first-child img,
.archive-masonry .pk-widget-posts-template-numbered .post-inner:first-child img,
.archive-grid .pk-widget-posts-template-list .post-inner:first-child img,
.archive-grid .pk-widget-posts-template-numbered .post-inner:first-child img,
.cnvs-block-widgetized-area .pk-widget-posts-template-list .post-inner:first-child img,
.cnvs-block-widgetized-area .pk-widget-posts-template-numbered .post-inner:first-child img {
    width: 90px; /* Set the width to 90px */
    height: 90px; /* Set the height to 90px */
    object-fit: cover; /* Ensures the image fills the container without distortion */
}

/* Base button styles for login form */
.wpforms-form button.wpforms-submit,
.wpforms-form button.button-primary {
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 15px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    transition: background-color 0.2s ease !important;
    cursor: pointer !important;
    border: none !important;
    display: inline-block !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Primary button (Login) */
.wpforms-form button.button-primary {
    background-color: #54bcd3 !important;
    color: #ffffff !important;
}

.wpforms-form button.button-primary:hover {
    background-color: #039baf !important;
}

/* Secondary button (OTP) */
.wpforms-form button.button-secondary {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

.wpforms-form button.button-secondary:hover {
    background-color: #5a6268 !important;
}

/* Dark mode overrides */
[data-scheme="dark"] .wpforms-form button.button-primary {
    background-color: #54bcd3 !important;
    color: #ffffff !important;
}

[data-scheme="dark"] .wpforms-form button.button-primary:hover {
    background-color: #039baf !important;
}

[data-scheme="dark"] .wpforms-form button.button-secondary {
    background-color: #6c757d !important;
    color: #ffffff !important;
}

[data-scheme="dark"] .wpforms-form button.button-secondary:hover {
    background-color: #5a6268 !important;
}

@media (prefers-color-scheme: dark) {
    notification {
        background: #333;
        color: #fff;
    }
}

/* Dark Mode for Card */
[data-scheme="dark"] .pmpro_card {
    background-color: #1e1e1e !important; /* Dark background for card */
    border: 1px solid #444 !important; /* Soft border */
    border-radius: 8px !important; /* Rounded corners */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.5) !important; /* Subtle shadow */
}

/* Dark Mode Text Styling */
[data-scheme="dark"] .pmpro_card_content, 
[data-scheme="dark"] .pmpro_card_actions {
    color: #ccc !important; /* Lighter text for dark background */
}

/* Maintain existing padding and spacing */
[data-scheme="dark"] .pmpro_card_content {
    padding: 36px !important; /* Ensure consistent padding */
    line-height: 1.6 !important; /* Maintain readability */
}

/* Divider between sections */
[data-scheme="dark"] .pmpro_card_content + .pmpro_card_actions {
    border-top: 1px solid #444 !important; /* Soft border between sections */
}

/* Fixes for footer links */
[data-scheme="dark"] .site-footer a {
    color: #A0A0A0 !important;
}
[data-scheme="dark"] .site-footer a:hover {
    color: #FFFFFF !important;
}

/* Better Messages Not Display Amount */
/* Hide thread info, profile pictures, name info, and replied message names */
.thread-info, 
.bm-pic, 
.bm-info, 
.bm-replied-message-name {
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    display: none !important; /* Ensures the elements do not take up any space */
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack {
    margin-bottom: 50px !important;
}

.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack .bm-content .bm-messages-listing {
	margin-bottom: 50px !important;
}

.bm-message {
	margin-top: 50px !important;
}

/* Hide guest info with name */
.bm-guest-info {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}




/* TEXT STYLING */
/* ---------------------- */
/* Option to remove uppercase styling, e.g. for alert box */
.no-uppercase {
    text-transform: none !important;
}
/* Live Search Results Styling */
#search p {
    text-align: left;
    color: #212529;
    margin-top: 0;
}
.live-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: white;
    border: 1px solid rgba(0,0,0,0.1);
    max-height: 60vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1000;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    padding: 10px;
    text-align: left;
}

/* Mobile-specific styles */
@media (max-width: 767px) {
    .live-search-results {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 60vh;
        margin: 0;
        border-radius: 20px 20px 0 0;
        border-bottom: none;
    }
}

/* Desktop styles */
@media (min-width: 768px) {
    .live-search-results {
        top: calc(100% + 5px);
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
        max-width: 600px;
        max-height: 500px;
        border-radius: 8px;
    }
}

.live-search-item {
    padding: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    transition: all 0.2s ease;
    background: transparent;
    text-align: left;
}

.live-search-item:last-child {
    border-bottom: none;
}

.live-search-item:hover {
    background: rgba(0,0,0,0.02);
}

.live-search-item img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 6px;
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.search-item-content {
    flex: 1;
    min-width: 0;
    padding: 4px 0;
}

.search-item-content a {
    text-decoration: none !important;
    color: inherit;
    display: block;
}

.search-item-content h4 {
    margin: 0 0 8px 0;
    font-size: 16px;
    color: #333;
    font-weight: 600;
    line-height: 1.4;
    text-align: left;
}

.search-item-content p {
    margin: 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    opacity: 0.9;
    text-align: left;
}

.live-search-item:hover .search-item-content h4 {
    color: #0ab8db;
}

.live-search-item:hover .search-item-content p {
    opacity: 1;
}

/* Custom Scrollbar */
.live-search-results::-webkit-scrollbar {
    width: 6px;
}

.live-search-results::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}

.live-search-results::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .live-search-results {
        background: #1e1e1e;
        border-color: rgba(255,255,255,0.1);
    }
    
    .search-item-content h4 {
        color: #fff;
    }
    
    .search-item-content p {
        color: #999;
    }
    
    .live-search-item:hover {
        background: rgba(255,255,255,0.05);
    }
}

//Login Form Margin Adjustments
/* Button wrapper styling */
.wpforms-field-html-button {
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .wpforms-field-html-button {
        margin-top: 24px;
    }
}

/* Button styling */
.wpforms-submit.button-secondary,
.wpforms-submit.button-primary {
    width: 93px;
}

/* Power Kit affected images in the post and made full-width */
.pk-zoom-icon-popup img {
	min-width: auto !important;
}

.wp-block-image figure.aligncenter {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
}

/* Banner Microsite Alignment, mainly for Microsite Partner > Derma > Atopische */
/* Bulletproof responsive banner container */
.mediz-microsite-derma-atopische.mediz-target.mediz-highlight-wrapper {
  display: block;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

/* Banner link styling */
.mediz-microsite-derma-atopische.mediz-target.mediz-highlight-wrapper a.a2t-link {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* Banner image styling */
.mediz-microsite-derma-atopische.mediz-target.mediz-highlight-wrapper img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  transform: translateZ(0);
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

/* Fix for Firefox */
@-moz-document url-prefix() {
  .mediz-microsite-derma-atopische.mediz-target.mediz-highlight-wrapper {
    width: 100%;
  }
}

/* Fix for Chrome on Windows */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
  .mediz-microsite-derma-atopische.mediz-target.mediz-highlight-wrapper {
    transform: perspective(1px);
  }
}

/* ================================================
   WORDPRESS COLUMNS MOBILE STACKING FIX
   ================================================ */

/* Force columns to stack on mobile devices */
@media (max-width: 781px) {
    /* Target the main columns container */
    .wp-block-columns.is-layout-flex {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }
    
    /* Make each column full width */
    .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important;
    }
    
    /* Remove the last column's bottom margin */
    .wp-block-column:last-child {
        margin-bottom: 0 !important;
    }
    
    /* Specific fix for your events and jobs columns container */
    .wp-container-core-columns-is-layout-28f84493 {
        display: flex !important;
        flex-direction: column !important;
    }
    
    .wp-container-core-columns-is-layout-28f84493 .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Tablet breakpoint - allow stacking on smaller tablets too */
@media (max-width: 960px) {
    .wp-block-columns.is-layout-flex {
        flex-wrap: wrap !important;
    }
}

/* ================================================
   END WORDPRESS COLUMNS MOBILE STACKING FIX
   ================================================ */

/* ================================================
   FINAL LOGO FIX - Complete version from first file
   ================================================ */

/* Hide ALL logos by default */
.site-logo .logo-image,
.site-logo .logo-image-dark,
.site-logo .logo-overlay,
.navbar-brand .logo-image,
.navbar-brand .logo-image-dark,
.navbar-brand .logo-overlay {
    display: none !important;
}

/* LIGHT MODE (data-scheme="default") - Show ONLY the regular logo (first one, not dark, not overlay) */
html[data-scheme="default"] .site-logo .logo-image:not(.logo-image-dark):not(.logo-overlay),
html[data-scheme="default"] .navbar-brand .logo-image:not(.logo-image-dark):not(.logo-overlay) {
    display: inline-block !important;
}

/* DARK MODE (data-scheme="dark") - Show ONLY the dark logo */
html[data-scheme="dark"] .site-logo .logo-image-dark,
html[data-scheme="dark"] .navbar-brand .logo-image-dark {
    display: inline-block !important;
}

/* Ensure proper sizing for the visible logo */
.site-logo img[src*="medizinonline_logo_2025.png"],
.navbar-brand img[src*="medizinonline_logo_2025.png"] {
    max-width: 100%;
    height: auto;
}

/* ================================================
   END FINAL LOGO FIX
   ================================================ */

/* ================================================
   LOGO SIZE LIMITS AND FOOTER ALIGNMENT
   ================================================ */

/* Limit navbar logo width on desktop to 180px max */
.navbar-brand .logo-image,
.navbar-brand .logo-image-dark {
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
}

/* Limit footer logo width to 180px max */
.footer-info .site-logo .logo-image,
.footer-info .site-logo .logo-image-dark {
    max-width: 180px !important;
    width: auto !important;
    height: auto !important;
}

/* Vertical align footer logo with navigation */
.footer-info {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2rem !important;
    flex-wrap: wrap !important;
}

/* Ensure logo and nav are aligned */
.footer-info .site-logo,
.footer-info .navbar-footer {
    margin: 0 !important;
}

/* Optional: On mobile, stack them vertically centered */
@media (max-width: 767px) {
    .footer-info {
        flex-direction: column !important;
        gap: 1rem !important;
    }
    
    .footer-info .site-logo .logo-image,
    .footer-info .site-logo .logo-image-dark {
        max-width: 160px !important;
    }
}

/* Fix dark border color around the tables */
html[data-scheme="default"] {
    --table-border-color: #FFFFFF;
}

html[data-scheme="dark"] {
    --table-border-color: #000000;
}

.wp-block-table td,
.wp-block-table th {
    border: none !important;
    border-top: 1px solid var(--table-border-color) !important;
    padding: 0.75rem;
    vertical-align: top;
}

/* ================================================
   END LOGO SIZE LIMITS AND FOOTER ALIGNMENT
   ================================================ */
/* ================================================
   PMPRO NEWSLETTER FORM STYLING FIXES
   ================================================ */

/* Fix checkbox vertical alignment - specifically for newsletter section */
#pmpro_form_fieldset-newsletter .pmpro_form_input-checkbox {
    vertical-align: middle !important;
    margin-top: 0 !important;
    position: relative;
    top: 0px; /* Back to perfectly centered alignment */
}

/* Remove uppercase from newsletter labels */
#pmpro_form_fieldset-newsletter .pmpro_form_label {
    text-transform: none !important;
}

/* Fix font size for section labels (non-inline labels) */
#pmpro_form_fieldset-newsletter .pmpro_form_label:not(.pmpro_form_label-inline) {
    font-size: 16px !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
    margin-bottom: 0.8rem !important;
}

/* Match heading size to description text */
#pmpro_form_fieldset-newsletter .pmpro_form_heading {
    font-size: 24px !important;
    font-weight: 600 !important;
}

/* Ensure description text size is consistent */
#pmpro_form_fieldset-newsletter .pmpro_form_fields-description {
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Better spacing for checkbox items */
#pmpro_form_fieldset-newsletter .pmpro_form_field-checkbox-grouped-item {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0.5rem !important;
}

/* Ensure labels align properly with checkboxes */
#pmpro_form_fieldset-newsletter .pmpro_form_label-inline {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    line-height: 1.5 !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

/* Fix checkbox input alignment within the label */
#pmpro_form_fieldset-newsletter .pmpro_form_label-inline .pmpro_form_input-checkbox {
    margin: 0 !important;
    flex-shrink: 0 !important;
}

/* Optional: improve list item spacing */
#pmpro_form_fieldset-newsletter .pmpro_list_item {
    margin-bottom: 0.75rem !important;
}

#pmpro_form_fieldset-newsletter .pmpro_list_item:last-child {
    margin-bottom: 0 !important;
}

/* Dark mode compatibility for newsletter section */
[data-scheme="dark"] #pmpro_form_fieldset-newsletter .pmpro_form_label {
    color: #A0A0A0 !important;
}

[data-scheme="dark"] #pmpro_form_fieldset-newsletter .pmpro_form_heading {
    color: #FFFFFF !important;
}

/* ================================================
   END PMPRO NEWSLETTER FORM STYLING FIXES
   ================================================ */
/* ---------------------- */
/* END TEXT STYLING */