/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/* Add your custom styles here */


/* Enhanced Safari-compatible flexbox */

.elementor-nav-menu li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


/* Enhanced Safari-compatible Font Awesome styling */

li[class*="congress-icon-"]:before,
li[class*="theater-icon-"]:before,
li[class*="visit-icon-"]:before,
li[class*="vist-icon-"]:before,
li[class*="icon-about-"]:before,
li[class*="menu-icon-"]:before {
    /* Use the correct Font Awesome 5 font family that Elementor loads */
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome', 'Font Awesome 6 Free', Arial, sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: optimizeLegibility;
    line-height: 1;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    vertical-align: middle;
    speak: none;
    /* Safari-specific fixes */
    font-display: swap;
    font-feature-settings: normal;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* Ensure proper sizing in Safari */
    width: auto;
    height: auto;
    /* Add important to override any plugin conflicts */
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
}


/* Additional Safari font loading support */

@supports (font-display: swap) {
    li[class*="congress-icon-"]:before,
    li[class*="theater-icon-"]:before,
    li[class*="visit-icon-"]:before,
    li[class*="vist-icon-"]:before,
    li[class*="icon-about-"]:before,
    li[class*="menu-icon-"]:before {
        font-display: swap;
    }
}


/* Fallback for older Safari versions */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    li[class*="congress-icon-"]:before,
    li[class*="theater-icon-"]:before,
    li[class*="visit-icon-"]:before,
    li[class*="vist-icon-"]:before,
    li[class*="icon-about-"]:before,
    li[class*="menu-icon-"]:before {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
}


/* Start congress icons */

li.congress-icon-quote:before {
    content: '\f10d';
    /* quote-left in FA5 */
    color: #50A2A7;
}

li.congress-icon-organizer:before {
    content: '\f0c0';
    /* users in FA5 */
    color: #50A2A7;
}

li.congress-icon-room-info:before {
    content: '\f236';
    /* bed in FA5 */
    color: #50A2A7;
}

li.congress-icon-type-events:before {
    content: '\f133';
    /* calendar-o becomes calendar-alt in FA5 */
    color: #50A2A7;
}

li.congress-icon-showcase:before {
    content: '\f005';
    /* star - same in FA5 */
    color: #50A2A7;
}

li.congress-icon-about:before {
    content: '\f05a';
    /* info-circle - same in FA5 */
    color: #50A2A7;
}

li.congress-icon-accessibility:before {
    content: '\f29a';
    /* universal-access - same in FA5 */
    color: #50A2A7;
}

li.menu-icon-map:before {
    content: '\f279';
    /* map - same in FA5 */
    color: #50A2A7;
}


/*  End Congress icons */


/* Start Theater Icons */

li.theater-icon-route:before {
    content: '\f29a';
    /* universal-access */
    color: #8963BA;
}

li.theater-icon-map:before {
    content: '\f279';
    /* map */
    color: #8963BA;
}

li.theater-icon-accessibility:before {
    content: '\f133';
    /* calendar-alt */
    color: #8963BA;
}

li.theater-icon-groups:before {
    content: '\f0c0';
    /* users */
    color: #8963BA;
}

li.theater-icon-faq:before {
    content: '\f059';
    /* question-circle */
    color: #8963BA;
}


/* End Theater Icons */


/* Start Visit Icons */

li.vist-icon-visit:before {
    content: '\f05a';
    /* info-circle */
    color: #D52028;
}

li.visit-icon-route:before {
    content: '\f29a';
    /* universal-access */
    color: #D52028;
}

li.visit-icon-drinks:before {
    content: '\f0fc';
    /* beer */
    color: #D52028;
}

li.visit-icon-accessibility:before {
    content: '\f133';
    /* calendar-alt */
    color: #D52028;
}


/* End Visit Icons */


/* Start About Icons */

li.icon-about-values:before {
    content: '\f0ae';
    /* tasks */
    color: #D52028;
}

li.icon-about-team:before {
    content: '\f0c0';
    /* users */
    color: #D52028;
}

li.icon-about-work:before {
    content: '\f0b1';
    /* briefcase */
    color: #D52028;
}

li.icon-about-vacancy:before {
    content: '\f2bb';
    /* address-card */
    color: #D52028;
}


/* End About Icons */


/* Critical Safari Font Loading Fix */


/* Ensure Font Awesome loads before displaying icons */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Safari-specific font loading */
    [class*="congress-icon-"]:before,
    [class*="theater-icon-"]:before,
    [class*="visit-icon-"]:before,
    [class*="vist-icon-"]:before,
    [class*="icon-about-"]:before,
    [class*="menu-icon-"]:before {
        font-display: block !important;
        font-feature-settings: "kern", "liga", "clig", "calt";
    }
}


/* Font face declaration for Safari compatibility */

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff2') format('woff2'), url('/wp-content/plugins/elementor/assets/lib/font-awesome/webfonts/fa-solid-900.woff') format('woff');
}


/* Force icon visibility in Safari */

li[class*="congress-icon-"]:before,
li[class*="theater-icon-"]:before,
li[class*="visit-icon-"]:before,
li[class*="vist-icon-"]:before,
li[class*="icon-about-"]:before,
li[class*="menu-icon-"]:before {
    /* Force visibility and proper rendering in Safari */
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    /* Ensure proper font loading timing */
    font-display: swap !important;
}


/* Enhanced Safari-compatible breadcrumbs */

.jet-breadcrumbs__item-target {
    padding: 0.5rem 0.75rem !important;
    border: 1px solid #fff !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 8rem !important;
    max-width: 15rem !important;
    text-align: left !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* JetMenu Styles */

.jet-mega-menu-mega-container__inner {
    border-radius: 0rem 0rem 1rem 1rem !important;
    -moz-border-radius: 0rem 0rem 1rem 1rem !important;
    -ms-border-radius: 0rem 0rem 1rem 1rem !important;
    -o-border-radius: 0rem 0rem 1rem 1rem !important;
    box-shadow: border 1px solid #FFFCFC;
    -webkit-border-radius: 0rem 0rem 1rem 1rem !important;
}