/*
Theme Name: Potemotem
Theme URI: 
Description: Teatr Potem-o-tem 
Author: 
Author URI: 
Template: twentytwentyfive
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: potemotem
*/

/* Import Google Fonts - ąćęó */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap');

/* Set Source Sans Pro as the default font for the entire site including menus - ąćęó */
body,
nav,
.menu,
.navigation {
    font-family: 'Source Sans Pro', sans-serif;
}

/* Global theme colors - ąćęó */
body,
nav,
.menu,
.navigation,
.wp-block-navigation {
    background-color: black;
    color: white;
}

/* Ensure all text containers have proper contrast - ąćęó */
.wp-block-post-content,
.wp-block-group,
.wp-site-blocks,
.wp-block-template-part,
.entry-content,
.site-content {
    background-color: black;
    color: white;
}

/* Style all links for proper contrast - ąćęó */
a {
    color: white;
}

a:hover {
    color: #f9f9f9;
}

/* Ensure headers are visible - ąćęó */
h1, h2, h3, h4, h5, h6 {
    color: white;
}

/* Footer styles */
.wp-block-group {
    background-color: black;
    color: white;
}

.wp-block-group a {
    color: white;
}

.wp-block-site-title a,
.wp-block-site-tagline {
    color: white;
}

/* Ensure proper contrast for navigation links */
.wp-block-navigation .wp-block-navigation-item__content {
    color: white;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #f9f9f9;
}

/* Navigation specific styles - ąćęó */
.wp-block-navigation,
.wp-block-navigation__container,
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container-content {
    background-color: black;
    color: #f9f9f9;
}

.wp-block-navigation .wp-block-navigation-item,
.wp-block-navigation .wp-block-navigation-item__content {
    color: #f9f9f9;
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #f9f9f9;
}

/* Mobile menu styles - ąćęó */
.wp-block-navigation__responsive-container {
    transition: all 0.5s ease-in-out;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
    color: white;
    transition: transform 0.5s ease-in-out;
}

.wp-block-navigation__responsive-container.is-menu-open {
    background-color: black !important;
    color: white;
    animation: slideIn 0.5s ease-in-out;
}

.wp-block-navigation__responsive-container.is-menu-open.is-menu-closing {
    animation: slideOut 0.5s ease-in-out forwards !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    pointer-events: none;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slideOut {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.wp-block-navigation__responsive-container-content {
    background-color: black !important;
}

/* Override WordPress default closing behavior - ąćęó */
.wp-block-navigation__responsive-container.has-modal-open,
.wp-block-navigation__responsive-container.has-modal-open.is-menu-closing {
    display: block !important;
    visibility: visible !important;
    opacity: 1;
    pointer-events: auto;
    transition: none;
}

.wp-block-navigation__responsive-container.has-modal-open.is-menu-closing {
    animation: slideOut 0.5s ease-in-out forwards !important;
    pointer-events: none;
}

/* Additional overrides to prevent abrupt closing */
.wp-block-navigation__responsive-container.is-menu-closing,
.wp-block-navigation__responsive-container.has-modal-open.is-menu-closing {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 100000 !important;
    display: block !important;
    visibility: visible !important;
    animation: slideOut 0.5s ease-in-out forwards !important;
    pointer-events: none;
}

/* Force animation to complete */
.wp-block-navigation__responsive-container.is-menu-closing,
.wp-block-navigation__responsive-container.has-modal-open.is-menu-closing,
.wp-block-navigation__responsive-container.is-menu-open.is-menu-closing {
    animation-fill-mode: forwards !important;
    animation-delay: 0s !important;
    animation-duration: 0.5s !important;
    animation-timing-function: ease-in-out !important;
    animation-iteration-count: 1 !important;
    animation-direction: normal !important;
    animation-play-state: running !important;
}

/* Prevent any default transitions from interfering */
.wp-block-navigation__responsive-container,
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-closing {
    transition: none !important;
}

/* Navigation text styles and active state indicator - ąćęó */
.wp-block-navigation .wp-block-navigation-item__content {
    text-transform: uppercase;
    position: relative;
    padding-bottom: 5px;
    font-weight: 600;
    z-index: 2;
    font-size: 14px;
}

.wp-block-navigation__container {
    gap: 2rem !important;
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation .current-page-ancestor > .wp-block-navigation-item__content {
    position: relative;
    z-index: 2;
}

.wp-block-navigation .current-menu-item > .wp-block-navigation-item__content::after,
.wp-block-navigation .current-page-ancestor > .wp-block-navigation-item__content::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: -8px;
    width: 95px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380.48 54.59'%3E%3Cpath d='M0,53.59c2.76-3.72,5.32-7.03,7.72-10.46,1.57-2.25,2.9-4.67,4.31-7.03.22-.37.34-.81.43-1.23.13-.56.01-.91-.68-1.13-1.83-.56-2.02-1.24-1.02-2.9.47-.78.89-1.59,1.36-2.45,1.88-.1,3.86-.17,5.84-.33,1.71-.14,1.88-.37,1.88-2.05,0-.92-.01-1.84-.03-2.75,0-.07-.07-.14-.24-.43-1.26,0-2.65,0-4.04,0-.52,0-1.04-.02-1.56-.08-1.92-.22-2.05-.37-2.05-2.27,0-.99,0-1.98,0-3.24,2.75-.05,5.41-.19,8.07-.12,5.11.14,10.21.42,15.32.58,1.35.04,2.7-.15,4.14-.25v-3.27c-2.01-.24-4.1-.45-6.18-.74-4.94-.7-9.87-1.4-14.8-2.18-.9-.14-1.75-.68-2.62-1.04.04-.15.08-.29.12-.44,1.38-.12,2.75-.28,4.14-.35,7.38-.36,14.76-.7,22.13-1.05,11.56-.55,23.13-1.09,34.69-1.68,8.65-.44,17.3-1.17,25.95-1.38,10.86-.26,21.74-.15,32.6-.14,5.67,0,11.35.18,17.02.22,8.95.06,17.91.29,26.85.05,10.13-.28,20.26-.94,30.38-1.54,8.41-.5,16.81-1.28,25.22-1.69,12.32-.61,24.65-1.06,36.98-1.48,7.58-.26,15.17-.42,22.76-.48,18.46-.13,36.93-.18,55.39-.26.47,0,.95,0,1.6,0-.13.52-.18.94-.33,1.32-.24.59-.55,1.15-.83,1.72-1.09,2.22-.7,2.9,1.65,3.59,3.47,1.02,6.98,1.99,10.32,3.37,3.34,1.37,5.14,4.03,5.02,7.82-.03,1.08-.46,1.56-1.43,1.62-1.91.11-3.83.16-5.74.25-.47.02-.93.09-1.54.15.19.35.31.57.48.88-7.72.29-15.46-.02-23.02,1.66-.02.15-.03.3-.05.45.41.19.8.43,1.22.56,3.41,1.07,6.88,1.61,10.46,1.71,4.14.11,8.28.48,12.41.85.96.09,1.93.52,2.8.99,1.56.85,1.95,2.27,1.2,3.87-.29.61-.68,1.17-.99,1.78-.31.6-.66,1.2-.83,1.84-.37,1.4.54,2.54,1.96,2.54,4.64,0,9.27,0,13.91,0,1.8,0,2.62,1.27,1.79,2.87-.58,1.11-1.33,2.14-2.06,3.28.47.25.8.42,1.22.65-.37,2.18-.71,4.38-1.14,6.56-.05.23-.64.5-.99.51-4.47.11-8.95.18-13.42.26-9.03.16-18.05.32-27.08.48-8.31.15-16.61.32-24.92.48-8.63.16-17.25.32-25.88.48-8.87.16-17.73.33-26.6.48-9.91.17-19.81.32-29.72.48-5.39.09-10.78.17-16.18.24-13.54.17-27.09.33-40.63.48-9.59.1-19.18.19-28.77.24-17.31.08-34.61.16-51.92.16-12.47,0-24.94-.13-37.4-.23-7.59-.06-15.18-.18-22.77-.3-8.47-.14-16.93-.32-25.4-.47-2.06-.04-4.13,0-6.51,0Z' style='fill:%23f1b801;stroke-width:0px'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: -1;
    pointer-events: none;
}

/* Ensure mobile menu inherits these styles */
.wp-block-navigation__responsive-container .wp-block-navigation-item__content {
    text-transform: uppercase;
    position: relative;
    padding-bottom: 5px;
    font-weight: 600;
    z-index: 2;
    font-size: 14px;
}

.wp-block-navigation__responsive-container .wp-block-navigation__container {
    gap: 2rem !important;
}

.wp-block-navigation__responsive-container .current-menu-item > .wp-block-navigation-item__content::after,
.wp-block-navigation__responsive-container .current-page-ancestor > .wp-block-navigation-item__content::after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: -8px;
    width: 95px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 380.48 54.59'%3E%3Cpath d='M0,53.59c2.76-3.72,5.32-7.03,7.72-10.46,1.57-2.25,2.9-4.67,4.31-7.03.22-.37.34-.81.43-1.23.13-.56.01-.91-.68-1.13-1.83-.56-2.02-1.24-1.02-2.9.47-.78.89-1.59,1.36-2.45,1.88-.1,3.86-.17,5.84-.33,1.71-.14,1.88-.37,1.88-2.05,0-.92-.01-1.84-.03-2.75,0-.07-.07-.14-.24-.43-1.26,0-2.65,0-4.04,0-.52,0-1.04-.02-1.56-.08-1.92-.22-2.05-.37-2.05-2.27,0-.99,0-1.98,0-3.24,2.75-.05,5.41-.19,8.07-.12,5.11.14,10.21.42,15.32.58,1.35.04,2.7-.15,4.14-.25v-3.27c-2.01-.24-4.1-.45-6.18-.74-4.94-.7-9.87-1.4-14.8-2.18-.9-.14-1.75-.68-2.62-1.04.04-.15.08-.29.12-.44,1.38-.12,2.75-.28,4.14-.35,7.38-.36,14.76-.7,22.13-1.05,11.56-.55,23.13-1.09,34.69-1.68,8.65-.44,17.3-1.17,25.95-1.38,10.86-.26,21.74-.15,32.6-.14,5.67,0,11.35.18,17.02.22,8.95.06,17.91.29,26.85.05,10.13-.28,20.26-.94,30.38-1.54,8.41-.5,16.81-1.28,25.22-1.69,12.32-.61,24.65-1.06,36.98-1.48,7.58-.26,15.17-.42,22.76-.48,18.46-.13,36.93-.18,55.39-.26.47,0,.95,0,1.6,0-.13.52-.18.94-.33,1.32-.24.59-.55,1.15-.83,1.72-1.09,2.22-.7,2.9,1.65,3.59,3.47,1.02,6.98,1.99,10.32,3.37,3.34,1.37,5.14,4.03,5.02,7.82-.03,1.08-.46,1.56-1.43,1.62-1.91.11-3.83.16-5.74.25-.47.02-.93.09-1.54.15.19.35.31.57.48.88-7.72.29-15.46-.02-23.02,1.66-.02.15-.03.3-.05.45.41.19.8.43,1.22.56,3.41,1.07,6.88,1.61,10.46,1.71,4.14.11,8.28.48,12.41.85.96.09,1.93.52,2.8.99,1.56.85,1.95,2.27,1.2,3.87-.29.61-.68,1.17-.99,1.78-.31.6-.66,1.2-.83,1.84-.37,1.4.54,2.54,1.96,2.54,4.64,0,9.27,0,13.91,0,1.8,0,2.62,1.27,1.79,2.87-.58,1.11-1.33,2.14-2.06,3.28.47.25.8.42,1.22.65-.37,2.18-.71,4.38-1.14,6.56-.05.23-.64.5-.99.51-4.47.11-8.95.18-13.42.26-9.03.16-18.05.32-27.08.48-8.31.15-16.61.32-24.92.48-8.63.16-17.25.32-25.88.48-8.87.16-17.73.33-26.6.48-9.91.17-19.81.32-29.72.48-5.39.09-10.78.17-16.18.24-13.54.17-27.09.33-40.63.48-9.59.1-19.18.19-28.77.24-17.31.08-34.61.16-51.92.16-12.47,0-24.94-.13-37.4-.23-7.59-.06-15.18-.18-22.77-.3-8.47-.14-16.93-.32-25.4-.47-2.06-.04-4.13,0-6.51,0Z' style='fill:%23f1b801;stroke-width:0px'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom;
    z-index: -1;
    pointer-events: none;
}

/* Loader styles */
.loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: opacity 0.5s ease-out;
}

.loader-wrapper.hidden {
    opacity: 0;
    pointer-events: none;
}

.loader {
    width: 120px;
    height: 120px;
    animation: pulse 1.5s ease-in-out infinite;
}

.loader img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Navigation submenu fixes */
.wp-block-navigation {
    /* position: relative; */
    z-index: 500;
    background-color: transparent !important;
}

/* .wp-block-page-list {
    background-color: transparent !important;
}

.wp-block-navigation__responsive-container-content {
    background-color: transparent !important;
} */

.wp-block-navigation__responsive-container-content {
    background-color: transparent !important;
}

.wp-block-navigation__submenu-container {
    background-color: black !important;
}

.wp-block-navigation-item__label {
    color: white !important;
}

.wp-block-navigation-item__label:hover {
    color: #000 !important;
}