/* Виправлення позиції шапки - щоб не піднімалася вгору */
header.site-header {
    top: 0 !important;
}

/* Стилі для кнопок форм */
.btn-buy {
    background-color: #0431B4 !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    border: none !important;
    cursor: pointer !important;
    text-align: center !important;
    width: 100% !important;
}

.btn-buy:hover {
    background-color: #032599 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 5px rgba(3, 49, 180, 0.3) !important;
}

/* Elementor Global Colors */
:root {
    --e-global-color-primary: #0431B4;
    --e-global-color-0fc4258: #F5F7FA;
    --e-global-color-d4323a5: #FFFFFF;
    --e-global-color-accent: #FFC107;
    --e-global-color-text: #333333;
}

/* Переконаємось що секція має фоновий колір */
.elementor-2 .elementor-element.elementor-element-0ffafe5 {
    background-color: var(--e-global-color-0fc4258) !important;
}

/* Секція з білим фоном */
.elementor-2 .elementor-element.elementor-element-660a181 {
    background-color: var(--e-global-color-0fc4258) !important;
}

/* Іконки мають бути в кольорі primary */
.elementor-2 .elementor-element.elementor-view-stacked .elementor-icon {
    background-color: var(--e-global-color-primary) !important;
}

.elementor-2 .elementor-element.elementor-view-default .elementor-icon {
    fill: var(--e-global-color-primary) !important;
    color: var(--e-global-color-primary) !important;
}

/* Прибрати пропуск між шапкою та першим блоком */
.site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#content {
    padding-top: 0 !important;
}

/* Перший блок без верхнього відступу */
.elementor-2 .elementor-element.elementor-element-0ffafe5 {
    margin-top: 0 !important;
    padding-top: 50px !important;
}

/* Блок "Маршрути пасажирських перевезень" - зробити компактнішим */
.elementor-2 .elementor-element.elementor-element-edf22ff {
    padding: 20px 0 !important;
}

.elementor-2 .elementor-element.elementor-element-a133486 {
    padding: 10px !important;
}

.elementor-2 .elementor-element.elementor-element-3a5e014 {
    margin-bottom: 10px !important;
}

/* Контейнер маршрутів - додати gap */
.elementor-2 .elementor-element.elementor-element-9d12753 .elementor-container {
    gap: 15px !important;
}

/* Картки маршрутів - 4 в ряд з відступами */
.elementor-2 .elementor-element.elementor-element-32a1674,
.elementor-2 .elementor-element.elementor-element-80da7d1,
.elementor-2 .elementor-element.elementor-element-4cefbd0,
.elementor-2 .elementor-element.elementor-element-48be1a4 {
    width: calc(25% - 12px) !important;
    flex: 0 0 calc(25% - 12px) !important;
    max-width: calc(25% - 12px) !important;
}

/* Стилі для карток - все по центру */
.elementor-2 .elementor-element.elementor-element-32a1674 .elementor-widget-wrap,
.elementor-2 .elementor-element.elementor-element-80da7d1 .elementor-widget-wrap,
.elementor-2 .elementor-element.elementor-element-4cefbd0 .elementor-widget-wrap,
.elementor-2 .elementor-element.elementor-element-48be1a4 .elementor-widget-wrap {
    padding: 15px !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Image box wrapper - по центру */
.elementor-2 .elementor-element.elementor-element-62dbbc3 .elementor-image-box-wrapper,
.elementor-2 .elementor-element.elementor-element-95e1c71 .elementor-image-box-wrapper,
.elementor-2 .elementor-element.elementor-element-ef02831 .elementor-image-box-wrapper,
.elementor-2 .elementor-element.elementor-element-9b9efea .elementor-image-box-wrapper {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

/* Картинки в картках - відцентрувати */
.elementor-2 .elementor-element.elementor-element-62dbbc3 .elementor-image-box-img,
.elementor-2 .elementor-element.elementor-element-95e1c71 .elementor-image-box-img,
.elementor-2 .elementor-element.elementor-element-ef02831 .elementor-image-box-img,
.elementor-2 .elementor-element.elementor-element-9b9efea .elementor-image-box-img {
    text-align: center !important;
    margin: 0 auto 10px !important;
}

/* Назви країн - по центру */
.elementor-2 .elementor-element.elementor-element-62dbbc3 .elementor-image-box-title,
.elementor-2 .elementor-element.elementor-element-95e1c71 .elementor-image-box-title,
.elementor-2 .elementor-element.elementor-element-ef02831 .elementor-image-box-title,
.elementor-2 .elementor-element.elementor-element-9b9efea .elementor-image-box-title {
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    color: var(--e-global-color-primary) !important;
    margin: 10px 0 !important;
    text-align: center !important;
}

/* Кнопки - по центру */
.elementor-2 .elementor-element.elementor-element-32a1674 .elementor-button-wrapper,
.elementor-2 .elementor-element.elementor-element-80da7d1 .elementor-button-wrapper,
.elementor-2 .elementor-element.elementor-element-4cefbd0 .elementor-button-wrapper,
.elementor-2 .elementor-element.elementor-element-48be1a4 .elementor-button-wrapper {
    text-align: center !important;
    justify-content: center !important;
    margin-top: 10px !important;
}

/* Кнопки в картках - відновити стилі */
.elementor-2 .elementor-button-link {
    background-color: var(--e-global-color-primary) !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s !important;
}

.elementor-2 .elementor-button-link:hover {
    background-color: #032599 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}

/* Внутрішній wrapper карток */
.elementor-2 .elementor-element.elementor-element-32a1674 > .elementor-element-populated,
.elementor-2 .elementor-element.elementor-element-80da7d1 > .elementor-element-populated,
.elementor-2 .elementor-element.elementor-element-4cefbd0 > .elementor-element-populated,
.elementor-2 .elementor-element.elementor-element-48be1a4 > .elementor-element-populated {
    padding: 10px !important;
    margin: 0 !important;
}

/* Зменшити розмір картинок та шрифтів в картках маршрутів */
.elementor-2 .elementor-element.elementor-element-62dbbc3 img,
.elementor-2 .elementor-element.elementor-element-95e1c71 img,
.elementor-2 .elementor-element.elementor-element-ef02831 img,
.elementor-2 .elementor-element.elementor-element-9b9efea img {
    max-height: 100px !important;
    width: auto !important;
    margin: 0 auto !important;
}

.elementor-2 .elementor-element.elementor-element-62dbbc3 .elementor-image-box-title,
.elementor-2 .elementor-element.elementor-element-95e1c71 .elementor-image-box-title,
.elementor-2 .elementor-element.elementor-element-ef02831 .elementor-image-box-title,
.elementor-2 .elementor-element.elementor-element-9b9efea .elementor-image-box-title {
    font-size: 0.95rem !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.elementor-2 .elementor-element.elementor-element-62dbbc3 .elementor-image-box-description,
.elementor-2 .elementor-element.elementor-element-95e1c71 .elementor-image-box-description,
.elementor-2 .elementor-element.elementor-element-ef02831 .elementor-image-box-description,
.elementor-2 .elementor-element.elementor-element-9b9efea .elementor-image-box-description {
    font-size: 0.8rem !important;
    line-height: 1.3 !important;
}

/* На мобільних пристроях - по 2 в ряд */
@media (max-width: 768px) {
    .elementor-2 .elementor-element.elementor-element-32a1674,
    .elementor-2 .elementor-element.elementor-element-80da7d1,
    .elementor-2 .elementor-element.elementor-element-4cefbd0,
    .elementor-2 .elementor-element.elementor-element-48be1a4 {
        width: 50% !important;
    }
}

/* Останній блок "Чому вигідно поїхати з нами" - компактніше */
.elementor-element-57363ee {
    padding: 30px 0 !important;
}

.elementor-element-57363ee .elementor-widget-heading {
    margin-bottom: 15px !important;
}

.elementor-element-57363ee h2 {
    margin-bottom: 5px !important;
}

.elementor-element-57363ee .elementor-widget-text-editor {
    margin-bottom: 20px !important;
}

/* Зменшити відступи в icon boxes останнього блоку */
.elementor-element-57363ee .elementor-icon-box-wrapper {
    margin-bottom: 15px !important;
}

.elementor-element-57363ee .elementor-icon-box-icon {
    margin-bottom: 10px !important;
}

.elementor-element-57363ee .elementor-icon-box-title {
    margin-bottom: 8px !important;
}

.elementor-element-57363ee .elementor-icon-box-description {
    margin-bottom: 10px !important;
    line-height: 1.5 !important;
}

/* Внутрішня секція ffc41c1 - зменшити відступи */
.elementor-element-ffc41c1 {
    padding: 15px 0 !important;
}

.elementor-element-ffc41c1 .elementor-widget-wrap {
    padding: 10px !important;
}

/* Зробити останній блок видимим - перевизначити elementor-invisible */
.elementor-element-57363ee .elementor-invisible,
.elementor-element-ffc41c1.elementor-invisible {
    opacity: 1 !important;
    visibility: visible !important;
}

.elementor-element-57363ee .elementor-widget,
.elementor-element-57363ee .elementor-icon-box-wrapper,
.elementor-element-ffc41c1 .elementor-widget,
.elementor-element-ffc41c1 .elementor-icon-box-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Блок з фотками після відгуків (49ac955) - зробити тексти видимими */
.elementor-element-49ac955 .elementor-invisible {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Всі елементи в блоці 49ac955 видимі */
.elementor-element-49ac955 .elementor-widget,
.elementor-element-49ac955 .elementor-icon-box-wrapper,
.elementor-element-49ac955 h2,
.elementor-element-49ac955 p,
.elementor-element-d955384,
.elementor-element-8401a64,
.elementor-element-e156934,
.elementor-element-ffd4bee,
.elementor-element-0bb317a {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Виправлення зірочок в відгуках - використати unicode зірки замість eicons */
.elementor-star-rating {
    font-family: Arial, sans-serif !important;
    color: #ccd6df;
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
}

.elementor-star-rating i.elementor-star-full {
    color: #f0ad4e !important;
    font-style: normal !important;
    display: inline-block !important;
    position: relative !important;
    width: 20px !important;
    height: 20px !important;
}

.elementor-star-rating i.elementor-star-full::before {
    content: "★" !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    color: #f0ad4e !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

/* Сховати оригінальний символ  */
.elementor-star-rating i.elementor-star-full {
    font-size: 0;
}

/* Блок відгуків - зробити видимим */
.elementor-element-2af6605 {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Колонки відгуків */
.elementor-element-2af6605 .elementor-column {
    margin-bottom: 20px !important;
}

/* Відгуки - компактніше */
.elementor-testimonial-wrapper {
    padding: 15px !important;
}

.elementor-testimonial-content {
    margin-bottom: 15px !important;
}

/* Кнопка "Наш автопарк" - точно такий же стиль як у "Замовити зараз" */
.elementor-element-2ebc744 .elementor-button-link,
.elementor-element-2ebc744 .elementor-button {
    background-color: var(--e-global-color-primary) !important;
    color: #ffffff !important;
    padding: 12px 24px !important;
    border-radius: 3px !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

.elementor-element-2ebc744 .elementor-button-link:hover,
.elementor-element-2ebc744 .elementor-button:hover {
    background-color: #032599 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 5px rgba(3, 49, 180, 0.3) !important;
}

/* Переконаємось що кнопка видима і має правильні стилі */
.elementor-element-2ebc744 {
    text-align: center !important;
}

.elementor-element-2ebc744 .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Стилі для іконок соціальних мереж в шапці - всі 28x28 */
.header-widget-area .social .menu-link,
.header-widget-area .menu-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Font Awesome іконки - 28px як SVG Instagram */
.header-widget-area .social .menu-link i.fab {
    font-size: 28px !important;
    line-height: 28px !important;
    width: 28px !important;
    height: 28px !important;
}

/* SVG іконка Instagram - 28x28 */
.header-widget-area .menu-link svg {
    width: 28px !important;
    height: 28px !important;
    vertical-align: middle;
}

/* Колір іконок соціальних мереж */
.header-widget-area .fab.fa-telegram {
    color: #0088cc !important;
}

.header-widget-area .fab.fa-whatsapp {
    color: #25D366 !important;
}

.header-widget-area .fab.fa-viber {
    color: #665CAC !important;
}

.header-widget-area .fab.fa-facebook {
    color: #1877F2 !important;
}

/* ============================================
   МОБІЛЬНЕ МЕНЮ - ВИПРАВЛЕННЯ
   ============================================ */

/* Контейнер соціальних мереж - на всю ширину */
#ast-mobile-popup .menu-phones-container {
    width: 100% !important;
}

/* Іконки соціальних мереж в мобільному popup - в один ряд */
#ast-mobile-popup #menu-phones-1 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Телефон на весь рядок - іконки під ним */
#ast-mobile-popup #menu-phones-1 li.menu-item-2010 {
    flex-basis: 100% !important;
    margin-bottom: 10px !important;
}

#ast-mobile-popup #menu-phones-1 li {
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

#ast-mobile-popup #menu-phones-1 li:before {
    display: none !important;
}

#ast-mobile-popup #menu-phones-1 .social {
    display: inline-flex !important;
}

#ast-mobile-popup #menu-phones-1 .menu-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px !important;
    min-width: 40px !important;
}

/* Ширина мобільного popup - щоб меню не обрізалося */
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    max-width: 85% !important;
    width: 320px !important;
}

/* Відступи для мобільного меню */
#ast-mobile-popup .ast-mobile-popup-content {
    padding: 15px 15px 30px 15px !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 80px) !important;
}

#ast-mobile-popup .header-widget-area {
    padding: 0 !important;
    margin-bottom: 25px !important;
}

/* Меню навігації - відступи */
#ast-mobile-popup .ast-builder-menu-mobile {
    margin-top: 10px !important;
    padding-bottom: 30px !important;
}

/* Меню пунктів з нормальними відступами */
#ast-mobile-popup #ast-hf-mobile-menu {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#ast-mobile-popup #ast-hf-mobile-menu .menu-item {
    margin-bottom: 2px !important;
}

#ast-mobile-popup #ast-hf-mobile-menu .menu-item > .menu-link {
    padding: 14px 10px !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
    display: block !important;
    width: 100% !important;
}

#ast-mobile-popup #ast-hf-mobile-menu .sub-menu {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

#ast-mobile-popup #ast-hf-mobile-menu .sub-menu .menu-item > .menu-link {
    padding: 12px 10px 12px 30px !important;
    font-size: 14px !important;
}

/* Прибрати padding зверху на мобільному */
@media (max-width: 1241px) {
    #primary, #secondary {
        padding-top: 0 !important;
    }
}

/* 4 блоки на головній - один під одним на мобільному */
@media (max-width: 768px) {
    /* Контейнер блоків - в колонку */
    .elementor-2 .elementor-element.elementor-element-e2acfc1 > .elementor-container {
        flex-direction: column !important;
        flex-wrap: wrap !important;
    }
    
    /* Всі 4 блоки - на всю ширину (один під одним) */
    .elementor-2 .elementor-element.elementor-element-32a1674,
    .elementor-2 .elementor-element.elementor-element-80da7d1,
    .elementor-2 .elementor-element.elementor-element-4cefbd0,
    .elementor-2 .elementor-element.elementor-element-48be1a4 {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    /* І через загальний селектор для всіх колонок */
    .elementor-2 .elementor-element.elementor-element-e2acfc1 > .elementor-container > .elementor-column {
        width: 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 15px !important;
    }
}