/*
Theme Name: EventUI_2024
Theme URI: https://eventui.pl/
Author: MD (eventui)
Author URI: https://eventui.pl/
Description: Theme for eventui ecosystem.
Version: 1.0
Requires at least: 5.0
Tested up to: 5.9
Requires PHP: 7.0
License: Copyright
License URI: http://eventui.pl/
Text Domain: eventui
*/

/* todo: remove if we will be use an external file */
@import "theme.css";

* {
    box-sizing: border-box;
}

/*colors*/

.text-primary.text-primary,
.text-primary.text-primary a,
.text-primary.text-primary .eu_information span {
    color: var(--md-sys-color-primary);
}

.bg-background.bg-background {
    background-color: var(--md-sys-color-background);
}

.elementor-kit-3.elementor-kit-3 {
    --e-global-color-primary: var(--md-sys-color-primary);
    --e-global-color-secondary: var(--md-sys-color-primary);
    --e-global-color-text: var(--md-sys-color-on-background);
    --e-global-color-accent: var(--md-sys-color-tertiary);
    --e-global-typography-primary-font-family: var(--md-sys-typescale-headline-large-font-family-name);
    --e-global-typography-primary-font-weight: var(--md-sys-typescale-headline-large-weight);
    --e-global-typography-secondary-font-family: var(--md-sys-typescale-title-large-font-family-name);
    --e-global-typography-secondary-font-weight: var(--md-sys-typescale-title-large-weight);
    --e-global-typography-text-font-family: var(--md-sys-typescale-body-large-font-family-name);
    --e-global-typography-text-font-weight: var(--md-sys-typescale-body-large-weight);
    --e-global-typography-accent-font-family: var(--md-sys-typescale-label-large-font-family-name);
    --e-global-typography-accent-font-weight: var(--md-sys-typescale-label-large-weight);
}

/*layout*/

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.bg-no-repeat,
.bg-no-repeat :first-child .elementor-background-slideshow__slide__image {
    background-repeat: no-repeat;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--md-sys-typescale-headline-large-font-family-name), sans-serif;
    background: var(--md-sys-color-background);
}

#site-header {
    width: 100%;
    padding: 20px;
    height: 64px;
    color: var(--md-sys-color-on-surface-variant);
}

#site-header .event-name {
    text-decoration: none;
    color: inherit;
}

#site-header .eventui-language svg {
    width: 20px;
    height: 20px;
}

#site-header .eventui-language .eventui-language-switcher .pll-switcher-select {
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    -webkit-appearance: none;
    appearance: none !important;
    outline: 0;
}

#site-header .login-button {
    z-index: 1;
}

#site-header .right-menu {
    gap: 8px;
}

main {
    min-height: calc(100vh - 64px - 40px);
}


.elementor-widget-tabs.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active,
.elementor-tab-title.elementor-tab-title.elementor-tab-mobile-title.elementor-active {
    background-color: var(--md-sys-color-secondary-container);
}

.elementor-tab-title.elementor-tab-title.elementor-tab-mobile-title {
    border: none;
    border-radius: 8px;
}

.elementor-tabs .elementor-tab-content.elementor-active {
    border: none;
    border-bottom: 1px solid var(--md-sys-color-outline-variant);
}


.elementor-widget-tabs.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active,
.elementor-widget-tabs.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper {
    border: none;
    border-radius: 8px;
}

@media (min-width: 768px) {
    .elementor-widget-tabs.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:before,
    .elementor-widget-tabs.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active:after {
        display: none;
    }

    .elementor-widget-tabs.elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper {
        position: relative;
        padding-right: 21px;
    }

    .elementor-widget-tabs.elementor-widget-tabs.elementor-tabs-alignment-center .elementor-tabs-wrapper:before {
        content: "";
        position: absolute;
        right: 0;
        top: 20%;
        bottom: 20%;
        width: 2px;
        background-color: var(--md-sys-color-outline-variant);
    }

    .elementor-tabs .elementor-tab-content.elementor-active {
        border: none;
    }
}

#site-footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
}

#site-footer a {
    color: var(--md-sys-color-on-background);
}

#site-footer .legal-info-link {
    cursor: pointer;
}

.legal-info-link:hover {
    text-decoration: underline;
}

/* Modal */
/* todo: maybe move to eventui-elementor-widget/public/css/eventui-elementor-widget-public.css */

.modal-header.modal-header {
    border-radius: 16px 16px 0 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    font-size: var(--md-sys-typescale-title-small-size);
}

.modal-content.modal-content {
    border-radius: 0 0 16px 16px;
    font-size: var(--md-sys-typescale-body-large-size);
}

.modal-header,
.modal-content {
    background-color: var(--md-sys-color-surface-variant);
    border: none;
}

.modal-header.modal-header.modal-header.modal-header.modal-header.modal-header *,
.modal-content.modal-content.modal-content.modal-content.modal-content.modal-content * {
    font-family: var(--md-sys-typescale-body-large-font-family-name), sans-serif;
    color: var(--md-sys-color-on-surface-variant);
    margin: 0;
}

.modal-header.modal-header .close {
    font-weight: var(--md-sys-typescale-body-large-weight);
    position: relative;
    top: unset;
    right: unset;
}