.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ADV-XPLORE MAROKO 2026 - GLOBAL CSS
   Wklej w: Elementor > Site Settings > Custom CSS */

/* === IMPORT FONTOW === */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Archivo:wght@400;500;600;700;800;900&family=Archivo+Black&display=swap');

/* === FIX HORIZONTAL OVERFLOW (mobile)  === */
html,
body {
    overflow-x: hidden;
    max-width: 100%;
}

.elementor-section,
.elementor-container,
.e-con,
.e-con-inner {
    max-width: 100%;
}

/* Sekcje MP zawsze obcinają to co wystaje poza ich obrys */
.mp-hero,
.mp-sec-02,
.mp-sec-03,
.mp-sec-04,
.mp-sec-05,
.mp-sec-06,
.mp-sec-07,
.mp-sec-08,
.mp-sec-09 {
    overflow: hidden;
}

/* === MOBILE FIX dla giant background texts === */
/* Bg-text "450 EXC" w sekcji 08 KTM - na mobile zmniejszamy do bezpiecznej wielkości */
@media (max-width: 767px) {
    .mp-sec-08 .elementor-widget-heading[style*="position:absolute"],
    .mp-sec-08 .elementor-widget.elementor-absolute {
        max-width: 100vw;
        overflow: hidden;
    }
    /* "LFR" w sekcji 09 contact box */
    .mp-contact-box .elementor-widget-heading.elementor-absolute {
        font-size: 120px;
    }
    /* Numer turnusu "01/02/03" w sekcji 07 - mniejszy na mobile */
    .mp-termin-card .elementor-widget-heading.elementor-absolute .elementor-heading-title {
        font-size: 120px;
    }
}

/* === BAZA === */
body.elementor-page {
    -webkit-font-smoothing: antialiased;
}

html {
    scroll-behavior: smooth;
}

/* === HOVER NA KARTACH DNI (sekcja 03 PROGRAM) === */
.mp-day {
    transition: all 0.3s ease;
}
.mp-day:hover .elementor-icon i {
    transform: scale(1.15);
    transition: transform 0.3s ease;
}

/* === HOVER NA TRANSPORT CARDS (sekcja 05 DOTARCIE) === */
.mp-transport-card-alt {
    transition: border-color 0.3s ease;
}

/* === HOVER NA TERMIN CARDS (sekcja 07 TERMINY) === */
.mp-termin-card {
    transition: all 0.3s ease;
    cursor: pointer;
}

/* === ANIMACJA PULSE === */
@keyframes mpPulse {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}

/* === FORM STYLING (sekcja 09) === */
.mp-contact-form input,
.mp-contact-form select,
.mp-contact-form textarea {
    background-color: transparent;
    color: #F4EFE6;
    border-top-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgba(244, 239, 230, 0.2);
    border-radius: 0;
    box-shadow: none;
}

.mp-contact-form input:focus,
.mp-contact-form select:focus,
.mp-contact-form textarea:focus {
    border-bottom-color: #FF6A1A;
    box-shadow: none;
    outline: 0;
}

.mp-contact-form select option {
    background-color: #0A0807;
    color: #F4EFE6;
}

.mp-contact-form .elementor-field-label {
    margin-bottom: 6px;
}

/* === GALERIA HOVER (sekcja 09) === */
.mp-gallery .gallery-item {
    overflow: hidden;
}

.mp-gallery .gallery-item img {
    transition: transform 0.5s ease;
    -o-object-fit: cover;
    object-fit: cover;
}

.mp-gallery .gallery-item:hover img {
    transform: scale(1.08);
}

/* === RESPONSIVE FIXES === */
@media (max-width: 1024px) {
    .mp-day-tag {
        display: none;
    }
}/* End custom CSS */