/* СВЕТЛА СХЕМА КАТО TOPRENTACAR.BG */
:root {
    --pure-white: #FFFFFF;          /* Чист бял */
    --light-gray: #F8F9FA;          /* Светло сиво */
    --soft-blue: #5DADE2;           /* Меко синьо */
    --text-medium: #34495E;         /* Среден сив текст */
    --accent-green: #27AE60;        /* Свеж зелен акцент */
    --warm-orange: #F39C12;         /* Топъл оранжев */
}

/* ЦЕЛИЯ САЙТ - БЯЛ ФОН */
body {
    background-color: var(--pure-white) !important;
    color: var(--text-medium) !important;
}

/* HEADER - СВЕТЛО СИНЬО */
.header, header {
    background-color: var(--soft-blue) !important;
    color: white !important;
}

/* НАВИГАЦИЯ - БЯЛ ФОН С ЦВЕТНИ ЛИНКОВЕ */
.navbar, nav {
    background-color: var(--pure-white) !important;
    border-bottom: 1px solid var(--light-gray) !important;
}

/* НАВИГАЦИОННИ ЛИНКОВЕ */
nav a, .navbar a {
    color: var(--soft-blue) !important;
}

/* ВСИЧКИ СЕКЦИИ - БЯЛ ИЛИ СВЕТЛО СИВО */
section {
    background-color: var(--pure-white) !important;
}

section:nth-child(even) {
    background-color: var(--light-gray) !important;
}

/* ЗАГЛАВИЯ - ТЕМНО СИНИ */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-medium) !important;
    font-weight: 600 !important;
}

/* ТЕКСТ - ЧЕТЛИВ */
p, span, li, div {
    color: var(--text-medium) !important;
}

/* ЖЪЛТАТА КУТИЯ - ТОПЪЛ ОРАНЖЕВ */
[style*="background-color: yellow"],
[style*="#FFC107"],
.bg-warning {
    background-color: var(--warm-orange) !important;
    color: white !important;
}

/* ПРЕМАХВА ВСИЧКИ ЧЕРНИ ФОНОВЕ */
[style*="background-color: black"],
[style*="background: black"],
[style*="background-color: #000"],
.bg-dark {
    background-color: var(--light-gray) !important;
    color: var(--text-medium) !important;
}

/* БУТОНИ - ЗЕЛЕН АКЦЕНТ */
.btn, button {
    background-color: var(--accent-green) !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 20px !important;
}

/* ПОПРАВЯ УСЛУГИТЕ - SERVICES__ITEM */
.services__item {
    background-color: var(--light-gray) !important;
    color: var(--text-medium) !important;
    border: 2px solid var(--soft-blue) !important;
    border-radius: 8px !important;
    padding: 20px !important;
    transition: all 0.3s ease !important;
}

.services__item:hover {
    background-color: var(--soft-blue) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(93, 173, 226, 0.3) !important;
}

.services__title {
    color: inherit !important;
    font-weight: 600 !important;
}

/* ПРЕМАХВА ВСИЧКИ ОСТАНАЛИ ЧЕРНИ ФОНОВЕ */
*[style*="background-color: black"],
*[style*="background: black"],
*[style*="background-color:#000"],
*[style*="background:#000"] {
    background-color: var(--light-gray) !important;
    color: var(--text-medium) !important;
}

/* ПОПРАВЯ ЧЕРНАТА СЕКЦИЯ С ИКОНКИТЕ */
section:last-of-type,
.icons-section,
.steps-section,
.how-to-section,
section[style*="background-color: black"],
section[style*="background: black"] {
    background-color: var(--light-gray) !important;
    color: var(--text-medium) !important;
}

/* ПОПРАВЯ FOOTER-А */
footer,
.footer,
.footer-section {
    background-color: var(--soft-blue) !important;
    color: white !important;
}

/* ИКОНКИТЕ В ЧЕРНАТА СЕКЦИЯ */
.steps-section .icon,
.how-to-section .icon,
section:last-of-type .icon {
    background-color: var(--accent-green) !important;
    color: white !important;
}

/* ПОПРАВЯ INSTRUCTION-BLOCK СЕКЦИЯТА */
.instruction-block {
    background: var(--light-gray) !important;
    background-color: var(--light-gray) !important;
    color: var(--text-medium) !important;
}

.instruction-block h2,
.instruction-block H2 {
    color: var(--text-medium) !important;
}

.instruction-block .item {
    background-color: transparent !important;
}

.instruction-block .icon {
    background-color: var(--soft-blue) !important;
    border-radius: 50% !important;
    padding: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.instruction-block .title {
    color: var(--text-medium) !important;
    font-weight: 600 !important;
}

.instruction-block p,
.instruction-block a {
    color: var(--text-medium) !important;
}

.instruction-block .mgo-number {
    color: var(--soft-blue) !important;
    font-weight: bold !important;
}

/* ПОПРАВЯ ИКОНКИТЕ - БЯЛ ФОН ВМЕСТО СИН */
.instruction-block .icon {
    background-color: white !important;
    border: 2px solid var(--soft-blue) !important;
    border-radius: 50% !important;
    padding: 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 80px !important;
    height: 80px !important;
}

/* АКО ПЪРВАТА ИКОНКА НЕ СЕ ЗАРЕЖДА */
.instruction-block .item:first-child .icon img {
    max-width: 40px !important;
    max-height: 40px !important;
}

/* ПРОВЕРКА ЗА ЛИПСВАЩИ ИЗОБРАЖЕНИЯ */
.instruction-block .icon img {
    max-width: 40px !important;
    max-height: 40px !important;
    object-fit: contain !important;
}

/* ПРЕМАХВАМЕ HOVER ЕФЕКТА ОТ SERVICE БУТОНИТЕ */
.services-block .services-list .item {
    transition: none !important;
    transform: none !important;
    cursor: default !important;
}

.services-block .services-list .item:hover {
    background-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
    scale: none !important;
}

/* ЗАПАЗВАМЕ САМО ОСНОВНИЯ СТИЛ БЕЗ ИНТЕРАКТИВНОСТ */
.services-block .services-list .item {
    background-color: transparent !important;
    border: 2px solid var(--soft-blue) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    text-align: center !important;
    color: var(--soft-blue) !important;
}
/* Cache buster 1753255224 */
/* Cache buster 1753255229 */

/* МНОГО СПЕЦИФИЧНИ СЕЛЕКТОРИ ЗА ПРЕМАХВАНЕ НА HOVER */
section .services-list .item,
.container .services-list .item,
div[class*="services"] .item {
    transition: none !important;
    transform: none !important;
    cursor: default !important;
}

section .services-list .item:hover,
.container .services-list .item:hover,
div[class*="services"] .item:hover {
    background-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
    scale: none !important;
    opacity: 1 !important;
}

/* АКО СА BUTTON ТАГОВЕ */
button.item,
.services-list button {
    pointer-events: none !important;
    cursor: default !important;
}

button.item:hover,
.services-list button:hover {
    all: revert !important;
    background-color: transparent !important;
    transform: none !important;
}

/* ПРАВИЛНИ СЕЛЕКТОРИ ЗА SERVICES СЕКЦИЯТА */
.services .services__item {
    transition: none !important;
    transform: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

.services .services__item:hover {
    background-color: transparent !important;
    transform: none !important;
    box-shadow: none !important;
    scale: none !important;
    opacity: 1 !important;
}

/* ПРЕМАХВАМЕ ВСИЧКИ HOVER ЕФЕКТИ ОТ SERVICES */
.services__item:hover,
.services .services__item:hover,
section.services .services__item:hover {
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    filter: none !important;
}
/* Updated 072320 */
/* EMERGENCY CSS RESTORED: 1753342235 */
/* HEADER CHANGED TO YELLOW: 1753342310 */

/* FORCE YELLOW HEADER - HIGHEST PRIORITY */
.header {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
}

.header__outer {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
    border-bottom: 1px solid #FFC107 !important;
}

/* Additional selectors */
header, .header, [class*="header"] {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
}

/* Cache bust: 1753342399 */
/* TEXT CONTRAST FIXED: 1753342490 */

/* LOGO FIX - MAKE LOGO VISIBLE */
.header__logo, .logo__link--header, .logo__link--header--header {
    color: #333333 !important;
    text-decoration: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Ако логото е background image */
.logo__link--header:before, .logo__link--header--header:before {
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 18px !important;
    display: block !important;
}

/* Ако логото е текст */
.header__logo a, .header__logo span, .header__logo div {
    color: #333333 !important;
    display: block !important;
    visibility: visible !important;
}

/* LOGO FIX: 1753342916 */

/* BIGGER LOGO SIZE */
.logo__link--header:before, .logo__link--header--header:before {
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 28px !important;
    display: block !important;
    line-height: 1.2 !important;
    padding: 10px 0 !important;
}

/* Alternative logo selectors */
.header__logo, .header__logo a {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #333333 !important;
}

/* Logo container */
.header__logo {
    padding: 15px 0 !important;
}

/* BIGGER LOGO: 1753343135 */

/* SERVICE BUTTONS - YELLOW BACKGROUND, BLACK TEXT */
/* Targeting the service buttons specifically */

/* Common button selectors for services section */
.services-button, .service-item, .service-card,
[href*="service"], [class*="service"], 
.button--service, .btn-service {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
    color: #333333 !important;
    border: 1px solid #FFC107 !important;
}

/* Service buttons hover state */
.services-button:hover, .service-item:hover, .service-card:hover,
[href*="service"]:hover, [class*="service"]:hover,
.button--service:hover, .btn-service:hover {
    background: #FFB000 !important;
    background-color: #FFB000 !important;
    color: #333333 !important;
}

/* Text inside service buttons */
.services-button *, .service-item *, .service-card *,
[href*="service"] *, [class*="service"] *,
.button--service *, .btn-service * {
    color: #333333 !important;
}

/* Generic button styling in services section */
.services .btn, .services button, .services .button,
.what-we-offer .btn, .what-we-offer button, .what-we-offer .button {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
    color: #333333 !important;
    border: 1px solid #FFC107 !important;
}

/* Services section specific targeting */
.services-grid .item, .services-list .item,
[class*="services"] .card, [class*="services"] .box {
    background: #FFC107 !important;
    color: #333333 !important;
}

/* SERVICE BUTTONS STYLED: 1753343347 */

/* FIX BACKGROUND - WHITE/GRAY SECTION, YELLOW BUTTONS ONLY */

/* Section background should be white/gray */
.services, .what-we-offer, [class*="services"], 
.section, .container, .content-section {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
}

/* Main content areas white background */
body, .main-content, .page-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* ONLY BUTTONS should be yellow - more specific selectors */
.services .btn, .services button, .services .button,
.what-we-offer .btn, .what-we-offer button, .what-we-offer .button,
.service-button, .btn-service, .service-item button,
a[class*="button"], button[class*="service"] {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
    color: #333333 !important;
    border: 1px solid #FFC107 !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
}

/* Button hover states */
.services .btn:hover, .services button:hover, .services .button:hover,
.what-we-offer .btn:hover, .what-we-offer button:hover, .what-we-offer .button:hover,
.service-button:hover, .btn-service:hover,
a[class*="button"]:hover, button[class*="service"]:hover {
    background: #FFB000 !important;
    background-color: #FFB000 !important;
    color: #333333 !important;
}

/* Text in buttons */
.services .btn *, .services button *, .services .button *,
.what-we-offer .btn *, .what-we-offer button *, .what-we-offer .button *,
.service-button *, .btn-service * {
    color: #333333 !important;
}

/* Reset any accidental yellow backgrounds */
.services-grid, .services-list, .service-cards,
.what-we-offer-grid, .content-wrapper {
    background: transparent !important;
    background-color: transparent !important;
}

/* BACKGROUND FIXED: 1753343447 */

/* REMOVE BORDERS, YELLOW BACKGROUND ONLY ON BUTTONS */

/* Remove all yellow borders from everything */
* {
    border-color: initial !important;
}

/* Reset section and container backgrounds to normal */
.services, .what-we-offer, [class*="services"], 
.section, .container, .content-section,
.services-grid, .services-list, .service-cards {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* ONLY the service buttons should have yellow background */
/* Target the actual button elements specifically */
.services .btn, .services button, 
.what-we-offer .btn, .what-we-offer button,
.service-item, .service-card, .service-button,
[class*="service"][class*="button"],
.services a[class*="btn"], .what-we-offer a[class*="btn"] {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
    color: #333333 !important;
    border: none !important;
    padding: 15px 25px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-block !important;
}

/* Button hover effect */
.services .btn:hover, .services button:hover,
.what-we-offer .btn:hover, .what-we-offer button:hover,
.service-item:hover, .service-card:hover, .service-button:hover,
[class*="service"][class*="button"]:hover,
.services a[class*="btn"]:hover, .what-we-offer a[class*="btn"]:hover {
    background: #FFB000 !important;
    background-color: #FFB000 !important;
    color: #333333 !important;
    border: none !important;
}

/* Text inside buttons */
.services .btn *, .services button *,
.what-we-offer .btn *, .what-we-offer button *,
.service-item *, .service-card *, .service-button * {
    color: #333333 !important;
}

/* Make sure containers don't have yellow background */
.container, .row, .col, [class*="col-"] {
    background: transparent !important;
    border: none !important;
}

/* BORDERS REMOVED: 1753343521 */

/* REMOVE HOVER EFFECTS - NO BACKGROUND CHANGE ON HOVER */

/* Disable hover effects on sections and containers */
.services:hover, .what-we-offer:hover, 
[class*="services"]:hover, .section:hover, 
.container:hover, .content-section:hover,
.services-grid:hover, .services-list:hover, 
.service-cards:hover, .row:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Disable hover on any elements that might cause yellow background */
*:hover {
    background-color: inherit !important;
}

/* Only buttons should have hover effect, but lighter yellow */
.services .btn:hover, .services button:hover,
.what-we-offer .btn:hover, .what-we-offer button:hover,
.service-item:hover, .service-card:hover, .service-button:hover {
    background: #FFD54F !important;
    background-color: #FFD54F !important;
    color: #333333 !important;
}

/* Ensure section backgrounds stay normal on hover */
body:hover, .main-content:hover, .page-content:hover {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

/* Force all containers to stay transparent on hover */
.container:hover, .row:hover, .col:hover, [class*="col-"]:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* HOVER REMOVED: 1753343590 */

/* =========================== */
/* SERVICE BUTTONS - ЖЪЛТ ФОН БЕЗ HOVER */
/* Дата: 24.07.2025 */
/* =========================== */

/* Целим service бутоните в секцията "Какво предлагаме ние?" */
.services .btn,
.service-item .btn,
.services-grid .btn,
.services-section .btn,
[class*="service"] .btn {
    background: #FFC107 !important;
    color: #333333 !important;
    border: none !important;
    border-color: transparent !important;
}

/* Премахване на hover ефектите */
.services .btn:hover,
.service-item .btn:hover,
.services-grid .btn:hover,
.services-section .btn:hover,
[class*="service"] .btn:hover {
    background: #FFC107 !important;
    color: #333333 !important;
    border: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Допълнителни селектори */
.btn[data-service],
.service-button,
.services-list .btn {
    background: #FFC107 !important;
    color: #333333 !important;
    border: none !important;
}

.btn[data-service]:hover,
.service-button:hover,
.services-list .btn:hover {
    background: #FFC107 !important;
    color: #333333 !important;
    transform: none !important;
}

/* =========================== */
/* SERVICE ITEMS - ЖЪЛТ ФОН БЕЗ HOVER */
/* Дата: 24.07.2025 */
/* =========================== */

/* Service items с жълт фон */
.services__item {
    background: #FFC107 !important;
    color: #333333 !important;
    border: none !important;
}

/* Service title с тъмен текст */
.services__item .services__title {
    color: #333333 !important;
}

/* Премахване на hover ефектите */
.services__item:hover {
    background: #FFC107 !important;
    color: #333333 !important;
    transform: none !important;
    box-shadow: none !important;
    border: none !important;
}

.services__item:hover .services__title {
    color: #333333 !important;
}

/* =========================== */
/* MENU FIX - УСЛУГИ БЕЗ ЖЪЛТ ФОН */
/* Дата: 24.07.2025 */
/* =========================== */

/* Връщаме нормалния стил на меню линка "Услуги" */
.navbar-nav .nav-link,
.nav-item .nav-link,
.menu .nav-link {
    background: transparent !important;
    color: #007bff !important;
    border: none !important;
}

/* Hover ефект за менютата */
.navbar-nav .nav-link:hover,
.nav-item .nav-link:hover,
.menu .nav-link:hover {
    background: transparent !important;
    color: #0056b3 !important;
    text-decoration: underline !important;
}

/* Активен линк в менюто */
.navbar-nav .nav-link.active,
.nav-item .nav-link.active {
    background: transparent !important;
    color: #007bff !important;
    font-weight: bold !important;
}

/* =========================== */
/* FIX УСЛУГИ MENU ITEM */
/* =========================== */

/* Конкретно за Услуги линка */
.nav-menu__link[href*="services"] {
    background: transparent !important;
    color: #6c757d !important;
}

.nav-menu__link[href*="services"]:hover {
    background: transparent !important;
    color: #007bff !important;
}

/* =========================== */
/* NAVIGATION MENU - ВСИЧКИ ЧЕРНИ */
/* Дата: 24.07.2025 */
/* =========================== */

/* Всички навигационни линкове с черен текст */
.nav-menu__link {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Премахване на жълтата рамка */
.nav-menu__link[href*="services"] {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

/* Hover ефект - също черен */
.nav-menu__link:hover {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: underline !important;
}

/* Selected елемент - също черен */
.nav-menu__item.selected .nav-menu__link {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    font-weight: bold !important;
}

/* =========================== */
/* NAVIGATION MENU - ЕДНАКВИ СТИЛОВЕ */
/* Дата: 24.07.2025 */
/* =========================== */

/* Всички навигационни линкове еднакви */
.nav-menu__link {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Selected елемент - също нормален шрифт */
.nav-menu__item.selected .nav-menu__link {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    font-weight: normal !important;
    text-decoration: none !important;
}

/* Еднакъв hover ефект за всички */
.nav-menu__link:hover {
    background: transparent !important;
    color: #555555 !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    text-decoration: underline !important;
}

/* Допълнително за сигурност */
.nav-menu__item .nav-menu__link {
    font-weight: normal !important;
}

/* =========================== */
/* NAVIGATION MENU - ЕДНАКЪВ HOVER КАТО УСЛУГИ */
/* Дата: 24.07.2025 */
/* =========================== */

/* Еднакъв hover ефект за ВСИЧКИ - като при Услуги */
.nav-menu__link:hover {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    text-decoration: underline !important;
    outline: none !important;
}

/* Премахване на различни hover ефекти */
.nav-menu__item:hover .nav-menu__link,
.nav-menu__item .nav-menu__link:hover,
.nav-menu__link:focus,
.nav-menu__link:active {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: normal !important;
    text-decoration: underline !important;
    outline: none !important;
}

/* Още по-специфично за сигурност */
a.nav-menu__link:hover {
    text-decoration: underline !important;
    color: #333333 !important;
}

/* =========================== */
/* HEADER - ПРЕМАХВАНЕ НА HOVER ЕФЕКТ */
/* Дата: 24.07.2025 */
/* =========================== */

/* Header винаги със същия жълт цвят */
.header,
.header:hover,
header,
header:hover {
    background: #FFC107 !important;
    color: #333333 !important;
}

/* Всички елементи в header-а без hover промени */
.header *,
.header *:hover,
header *,
header *:hover {
    background: inherit !important;
}

/* Лого без hover ефект */
.logo__link--header,
.logo__link--header:hover {
    color: #333333 !important;
}

/* Телефонен номер без hover ефект */
.header .phone,
.header .phone:hover {
    color: #333333 !important;
}

/* Езикови линкове без hover ефект */
.header .user__link,
.header .user__link:hover {
    color: #333333 !important;
    background: transparent !important;
}

/* =========================== */
/* ПРЕМАХВАНЕ НА HOVER ЕФЕКТ ОТ РЕЗЕРВАЦИОНЕН ПАНЕЛ */
/* Дата: 24.07.2025 */
/* =========================== */

/* Резервационен панел без hover ефекти */
.order-form,
.order-form__title,
.booking-form,
.reservation-form {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Премахване на hover ефекти */
.order-form:hover,
.order-form__title:hover,
.booking-form:hover,
.reservation-form:hover {
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
    background: #FFC107 !important;
    scale: 1 !important;
}

/* =========================== */
/* РЕЗЕРВАЦИОННА ФОРМА - ЕСТЕТИЧЕСКИ HOVER ЕФЕКТИ */
/* Дата: 24.07.2025 - Поправка на изчезващите фонове */
/* =========================== */

/* ПОЛЕТА - бледосив фон при hover */
.order input[type="text"],
.order input[type="date"], 
.order input[type="time"],
.order select,
.order .form-control,
input[type="text"]:hover,
input[type="date"]:hover,
input[type="time"]:hover,
select:hover,
.form-control:hover {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* ПОЛЕТА - фокус състояние */
.order input[type="text"]:focus,
.order input[type="date"]:focus,
.order input[type="time"]:focus,
.order select:focus,
.order .form-control:focus,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
select:focus,
.form-control:focus {
    background-color: #ffffff !important;
    border: 2px solid #5DADE2 !important;
    outline: none !important;
    box-shadow: 0 4px 12px rgba(93, 173, 226, 0.2) !important;
}

/* БУТОН - бледозелен фон при hover */
.order button,
.order .btn,
.order input[type="submit"],
button[type="submit"],
.btn-primary {
    background-color: #27AE60 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* БУТОН - hover ефект */
.order button:hover,
.order .btn:hover,
.order input[type="submit"]:hover,
button[type="submit"]:hover,
.btn-primary:hover {
    background-color: #2ECC71 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(46, 204, 113, 0.3) !important;
}

/* БУТОН - активно състояние */
.order button:active,
.order .btn:active,
.order input[type="submit"]:active,
button[type="submit"]:active,
.btn-primary:active {
    background-color: #229954 !important;
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(34, 153, 84, 0.4) !important;
}

/* ПРЕМАХВАНЕ НА СТАРИТЕ ПРОБЛЕМНИ HOVER ЕФЕКТИ */
.order-form:hover,
.order-form__title:hover,
.booking-form:hover,
.reservation-form:hover {
    background: #FFC107 !important;
    transition: none !important;
    transform: none !important;
    box-shadow: none !important;
    scale: 1 !important;
}

/* ЗАПАЗВАНЕ НА ЖЪЛТИЯ ФОН НА ПАНЕЛА */
.order,
.order-form,
.booking-form,
.reservation-form {
    background-color: #FFC107 !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

/* LABELS - четлив текст */
.order label,
.order-form label {
    color: #333333 !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    display: block !important;
}


/* =========================== */
/* ПОПРАВКА НА ПАНЕЛА - ВРЪЩАНЕ КЪМ ОРИГИНАЛЕН ЦВЯТ */
/* Дата: 24.07.2025 */
/* =========================== */

/* Премахване на жълтото форматиране на панела */
.order,
.order-form,
.booking-form,
.reservation-form {
    background-color: initial !important;
    background: initial !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

/* Запазване на hover ефектите САМО за полетата и бутона */
.order input[type="text"]:hover,
.order input[type="date"]:hover,
.order input[type="time"]:hover,
.order select:hover,
.order .form-control:hover {
    background-color: #f8f9fa !important;
    border: 1px solid #dee2e6 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Запазване на hover ефекта за бутона */
.order button:hover,
.order .btn:hover,
.order input[type="submit"]:hover {
    background-color: #2ECC71 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(46, 204, 113, 0.3) !important;
}


/* =========================== */
/* ПРЕМАХВАНЕ НА HOVER ЕФЕКТА ОТ ДЕСНИЯ ПАНЕЛ */
/* Дата: 24.07.2025 */
/* =========================== */

/* ПРЕМАХВАНЕ НА HOVER ЕФЕКТА ОТ РЕЗЕРВАЦИОННИЯ ПАНЕЛ */
.order:hover,
.order-form:hover,
.booking-form:hover,
.reservation-form:hover {
    background: inherit !important;
    background-color: inherit !important;
    transform: none !important;
    box-shadow: none !important;
    scale: none !important;
}

/* ПРЕМАХВАНЕ НА HOVER ЕФЕКТИТЕ ОТ ПОЛЕТАТА В ПАНЕЛА */
.order input:hover,
.order input[type="text"]:hover,
.order input[type="date"]:hover,
.order input[type="time"]:hover,
.order select:hover,
.order .form-control:hover {
    background-color: inherit !important;
    border: inherit !important;
    box-shadow: none !important;
    transform: none !important;
}

/* ПРЕМАХВАНЕ НА HOVER ЕФЕКТА ОТ БУТОНА В ПАНЕЛА */
.order button:hover,
.order .btn:hover,
.order input[type="submit"]:hover {
    background-color: inherit !important;
    transform: none !important;
    box-shadow: none !important;
}

/* ПРЕМАХВАНЕ НА ВСИЧКИ HOVER ЕФЕКТИ В ДЕСНИЯ ПАНЕЛ */
.order *:hover {
    background: inherit !important;
    transform: none !important;
    box-shadow: none !important;
    scale: none !important;
}


/* =========================== */
/* ДЕСЕН ПАНЕЛ - ЖЪЛТ ЦВЯТ */
/* Дата: 24.07.2025 */
/* =========================== */

/* РЕЗЕРВАЦИОННИЯ ПАНЕЛ СЪС ЖЪЛТ ФОН */
.order {
    background-image: url(/img_v2/order-lg-bg-bg_3.png) !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-color: #FFC107 !important;
    padding: 20px !important;
    border-radius: 8px !important;
}

/* ЗАПАЗВАНЕ НА ЖЪЛТИЯ ЦВЯТ ПРИ HOVER */
.order:hover {
    background: #FFC107 !important;
    background-color: #FFC107 !important;
}

/* ПОЛЕТАТА В ЖЪЛТИЯ ПАНЕЛ ОСТАВАТ БЕЛИ */
.order input,
.order select,
.order .form-control {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
}

/* БУТОНЪТ В ЖЪЛТИЯ ПАНЕЛ ОСТАВА ЗЕЛЕН */
.order button,
.order .btn {
    background-color: #27AE60 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
}


/* =========================== */
/* ДЕСЕН ПАНЕЛ - СВЕТЛОСИВ ЦВЯТ */
/* Дата: 24.07.2025 */
/* =========================== */

/* РЕЗЕРВАЦИОННИЯ ПАНЕЛ СЪС СВЕТЛОСИВ ФОН */
.order {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border: 1px solid #dee2e6 !important;
}

/* ЗАПАЗВАНЕ НА СВЕТЛОСИВИЯ ЦВЯТ ПРИ HOVER */
.order:hover {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
}

/* ПОЛЕТАТА В СВЕТЛОСИВИЯ ПАНЕЛ ОСТАВАТ БЕЛИ */
.order input,
.order select,
.order .form-control {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
}

/* БУТОНЪТ В СВЕТЛОСИВИЯ ПАНЕЛ ОСТАВА ЗЕЛЕН */
.order button,
.order .btn {
    background-color: #27AE60 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
}


/* =========================== */
/* БУТОН - СВЕТЛОЗЕЛЕН HOVER ЕФЕКТ */
/* Дата: 24.07.2025 */
/* =========================== */

/* БУТОН В НОРМАЛНО СЪСТОЯНИЕ */
.order button,
.order .btn,
.order input[type="submit"] {
    background-color: #27AE60 !important;
    color: white !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 24px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/* БУТОН СЪС СВЕТЛОЗЕЛЕН HOVER ЕФЕКТ */
.order button:hover,
.order .btn:hover,
.order input[type="submit"]:hover {
    background-color: #58D68D !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(88, 214, 141, 0.3) !important;
}

/* БУТОН ПРИ НАТИСКАНЕ */
.order button:active,
.order .btn:active,
.order input[type="submit"]:active {
    background-color: #239B56 !important;
    transform: translateY(0) !important;
    box-shadow: 0 2px 6px rgba(35, 155, 86, 0.4) !important;
}


/* =========================== */
/* HEADER TEXT - Паркинг Летище София */
/* Дата: 24.07.2025 */
/* =========================== */

/* СМЯНА НА ЛОГОТО/ТЕКСТА В HEADER-А */
.logo__link--header:before,
.logo__link--header--header:before,
.header__logo:before {
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    display: block !important;
    line-height: 1.2 !important;
    padding: 10px 0 !important;
}

/* АКО ЛОГОТО Е ТЕКСТ ДИРЕКТНО */
.header__logo,
.header__logo a,
.header__logo span,
.logo__link--header {
    color: #333333 !important;
    font-size: 24px !important;
    font-weight: bold !important;
    text-decoration: none !important;
}

/* СКРИВАМЕ СТАРИЯ ТЕКСТ АКО Е ЗАДАДЕН */
.header__logo img,
.logo__link--header img {
    display: none !important;
}

/* АЛТЕРНАТИВЕН СЕЛЕКТОР ЗА ЛОГОТО */
.header .logo,
.navbar-brand {
    color: #333333 !important;
    font-size: 24px !important;
    font-weight: bold !important;
}

.header .logo:before,
.navbar-brand:before {
}


/* =========================== */
/* ПОПРАВКА НА ДУБЛИРАНИЯ HEADER ТЕКСТ */
/* Дата: 24.07.2025 */
/* =========================== */

/* СКРИВАМЕ ВСИЧКИ СТАРИ ЛОГОВЕ И ТЕКСТОВЕ */
.header__logo,

/* ПОКАЗВАМЕ САМО ЕДИН НАДПИС ЧРЕЗ :before */
.logo__link--header:before {
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    display: block !important;
    line-height: 1.2 !important;
    padding: 10px 0 !important;
    text-indent: 0 !important;
    position: relative !important;
}

/* ПРЕМАХВАМЕ ВСИЧКИ ДРУГИ :before ЕЛЕМЕНТИ */
.logo__link--header--header:before,
.header__logo:before,
.header .logo:before,
.navbar-brand:before {
    content: "" !important;
    display: none !important;
}

/* СКРИВАМЕ ИЗОБРАЖЕНИЯ АКО ИМА ТАКИВА */
.header__logo img,
.logo__link--header img,
img[alt*="logo"],
img[src*="logo"] {
    display: none !important;
}


/* =========================== */
/* ВЪЗСТАНОВЯВАНЕ НА HEADER ТЕКСТА */
/* Дата: 24.07.2025 */
/* =========================== */

/* НАМИРАМЕ ПРАВИЛНИЯ СЕЛЕКТОР И ПОКАЗВАМЕ ТЕКСТА */
.header__logo,
.header .logo,
.logo__link--header,
.navbar-brand {
    font-size: 24px !important;
    font-weight: bold !important;
    color: #333333 !important;
    text-indent: 0 !important;
    overflow: visible !important;
    display: block !important;
    text-decoration: none !important;
}

/* ЗАДАВАМЕ ТЕКСТА ЧРЕЗ :before */
.header__logo:before,
.logo__link--header:before {
    color: #333333 !important;
    font-weight: bold !important;
    font-size: 24px !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    padding: 10px 0 !important;
}

/* СКРИВАМЕ САМО ИЗОБРАЖЕНИЯТА */
.header__logo img,
.logo__link--header img {
    display: none !important;
}

/* АКО ТЕКСТЪТ Е ДИРЕКТНО В ЕЛЕМЕНТА */
.header__logo,
.logo__link--header {
    text-align: left !important;
    visibility: visible !important;
}


/* =========================== */
/* ПРИНУДИТЕЛНО СКРИВАНЕ НА Паркинг Летище София */
/* Дата: 24.07.2025 - АГРЕСИВНО СКРИВАНЕ */
/* =========================== */

.footer h2,
}

/* СКРИВАМЕ ЕЛЕМЕНТИ С ТЕКСТ Паркинг Летище София */

/* АГРЕСИВНО СКРИВАНЕ НА ВСИЧКИ ГОЛЕМИ ТЕКСТОВЕ В ДОЛНАТА ЧАСТ */
footer *,
.footer *,
section:last-child * {
    font-size: 14px !important;
}

/* СКРИВАМЕ КОНКРЕТНИ КЛАСОВЕ ЗА ЛОГОВЕ */
.brand,
.logo,
.company-name,
.site-title,
.main-title {
    display: none !important;
}



/* ПОКАЗВАМЕ FOOTER ТЕКСТОВЕ - МНОГОЕЗИЧНОСТ */
.footer__desc p {
    display: block !important;
    opacity: 1 !important;
    font-size: 14px !important;
    color: #333 !important;
    margin: 5px 0 !important;
}

/* ОСИГУРЯВАМЕ ЧЕ FOOTER ПРЕВОДИТЕ СА ВИДИМИ */
.footer__desc {
    display: block !important;
    opacity: 1 !important;
}

/* ОСИГУРЯВАМЕ ЧЕ FOOTER ПРЕВОДИТЕ СА ВИДИМИ */
.footer__desc p {
    display: block !important;
    opacity: 1 !important;
    color: #333 !important;
    font-size: 14px !important;
}

/* СИЛЕН OVERRIDE ЗА FOOTER МНОГОЕЗИЧНОСТ */
.footer__desc p,
.footer__desc p *,
footer .footer__desc p,
footer .footer__desc p * {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #333 !important;
    font-size: 14px !important;
    text-indent: 0 !important;
    height: auto !important;
    overflow: visible !important;
}

.footer__desc p {
    font-size: 14px !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #333 !important;
    text-indent: 0 !important;
    height: auto !important;
    overflow: visible !important;
    white-space: normal !important;
    text-transform: none !important;
}

/* ПРЕМАХНИ ВСИЧКИ :before ПРАВИЛА ЗА FOOTER */
.footer__desc:before,
.footer__desc p:before,
footer .footer__desc:before,
footer .footer__desc p:before {
    content: "" !important;
    display: none !important;
}

/* ОСИГУРИ ЧЕ ПРЕВОДЪТ СЕ ПОКАЗВА */
.footer__desc p * {
    display: inline !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* ПРЕМАХНИ ВСИЧКИ СТАТИЧНИ ТЕКСТОВЕ ВЪВ FOOTER */
.footer *:before,
.footer *:after,
footer *:before,
footer *:after {
    content: "" !important;
}

/* ОСИГУРИ ЧЕ САМО BLADE ПРЕВОДИТЕ СА ВИДИМИ */
.footer__desc p {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* ========================================
   🎨 SIMPLE GRAY BAR
   Само цветът на черната ивица към сив
   ======================================== */

/* Change black border/bar to gray */
.footer {
    border-top-color: #808080 !important;
}

footer {
    border-top-color: #808080 !important;
}

/* Any black backgrounds in footer top area */
.footer::before {
    background-color: #808080 !important;
}

footer::before {
    background-color: #808080 !important;
}

/* Footer top section if exists */
.footer-top {
    background-color: #808080 !important;
}

/* ========================================
   🎨 FOOTER IMAGE OVERRIDE 
   Заместване на footer-bg-bg.jpg с CSS
   ======================================== */

.footer {
    background-image: none !important;
    background: linear-gradient(to bottom, #808080 0%, #808080 80px, #FFC107 80px, #FFC107 100%) !important;
    background-size: cover !important;
}

@media (max-width: 768px) {
    .footer {
        background: linear-gradient(to bottom, #808080 0%, #808080 60px, #FFC107 60px, #FFC107 100%) !important;
    }
}

/* ========================================
   🎨 NARROWER GRAY BAR
   По-тясна сива ивица
   ======================================== */

.footer {
    background-image: none !important;
    background: linear-gradient(to bottom, #808080 0%, #808080 30px, #FFC107 30px, #FFC107 100%) !important;
    background-size: cover !important;
}

@media (max-width: 768px) {
    .footer {
        background: linear-gradient(to bottom, #808080 0%, #808080 25px, #FFC107 25px, #FFC107 100%) !important;
    }
}

/* ========================================
   📧 HEADER EMAIL STYLES
   Стил за имейл адреса в header
   ======================================== */

.contacts__email {
    margin-top: 5px;
    font-size: 14px;
}

.contacts__email a.mgo-email {
    color: #333333 !important;
    text-decoration: none !important;
    font-weight: normal !important;
    transition: color 0.3s ease !important;
}

.contacts__email a.mgo-email:hover {
    color: #1565C0 !important;
    text-decoration: underline !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .contacts__email {
        font-size: 12px;
        margin-top: 3px;
    }
}

/* ========================================
   📞📧 HEADER PHONE & EMAIL ALIGNMENT
   Еднакви размери и подравняване
   ======================================== */

/* Еднакви размери за телефон и имейл */
.contacts__phone,
.contacts__email {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin: 2px 0 !important;
}

.contacts__phone a,
.contacts__email a {
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    color: #333333 !important;
    display: block !important;
}

/* Hover ефекти за двата */
.contacts__phone a:hover,
.contacts__email a:hover {
    color: #1565C0 !important;
    text-decoration: none !important;
}

/* Container подравняване */
.header__contacts .contacts {
    text-align: center !important;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .contacts__phone,
    .contacts__email {
        font-size: 14px !important;
        margin: 1px 0 !important;
    }
    
    .contacts__phone a,
    .contacts__email a {
        font-size: 14px !important;
    }
}

/* ========================================
   📧 FOOTER EMAIL STYLE
   Стил за имейл във footer
   ======================================== */

.footer-content p a[href^="mailto"] {
    color: #333 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.footer-content p a[href^="mailto"]:hover {
    color: #1565C0 !important;
    text-decoration: underline !important;
}

/* ========================================
   📞 SMOOTH SCROLL TO CONTACTS
   Плавно scroll до контактите
   ======================================== */

html {
    scroll-behavior: smooth !important;
}

/* Highlight contacts section when accessed */
#contacts:target {
    animation: highlight 2s ease-in-out;
}

@keyframes highlight {
    0% { background-color: rgba(255, 193, 7, 0.3); }
    100% { background-color: transparent; }
}

/* ========================================
   🎨 FOOTER HEIGHT FIX - НАМАЛЯВАНЕ НА ВИСОЧИНАТА
   Дата: 25.07.2025 - Текстът да се побира в жълтата част
   ======================================== */

/* ОСНОВНА ПОПРАВКА - АВТОМАТИЧНА ВИСОЧИНА */
.footer {
    background-image: none !important;
    background: linear-gradient(to bottom, #808080 0%, #808080 50px, #FFC107 50px, #FFC107 100%) !important;
    background-size: cover !important;
    min-height: 120px !important;
    padding: 0 !important;
}

/* КОНТЕЙНЕРА ВЪВ FOOTER */
.footer .container {
    padding: 55px 15px 15px 15px !important;
    position: relative !important;
}

/* FOOTER ТЕКСТ ПОДРАВНЯВАНЕ */
.footer__desc p {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 3px 0 !important;
    color: #333 !important;
}

/* Mobile version */
@media (max-width: 768px) {
    .footer {
        background: linear-gradient(to bottom, #808080 0%, #808080 40px, #FFC107 40px, #FFC107 100%) !important;
        min-height: 100px !important;
    }
    
    .footer .container {
        padding: 45px 15px 10px 15px !important;
    }
    
    .footer__desc p {
        font-size: 12px !important;
        margin: 2px 0 !important;
    }
}

/* ========================================
   🎨 FOOTER STYLE UPDATE - ТЕКСТЪТ МНОГО ПО-НАДОЛУ
   Дата: 25.07.2025
   ======================================== */

/* СВЕТЛОСИВА ИВИЦА И ПО-ГОЛЯМ FOOTER */
.footer {
    background-image: none !important;
    background: linear-gradient(to bottom, #C0C0C0 0%, #C0C0C0 50px, #FFC107 50px, #FFC107 100%) !important;
    background-size: cover !important;
    min-height: 180px !important;
    padding: 0 !important;
}

/* МНОГО ПОВЕЧЕ PADDING ОТГОРЕ - ТЕКСТЪТ СЛИЗА НАДОЛУ */
.footer .container {
    padding: 110px 15px 15px 15px !important;
    position: relative !important;
}

/* FOOTER ТЕКСТ СТИЛИЗИРАНЕ */
.footer__desc p {
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 5px 0 !important;
    color: #333 !important;
}

/* Mobile version */
@media (max-width: 768px) {
    .footer {
        background: linear-gradient(to bottom, #C0C0C0 0%, #C0C0C0 40px, #FFC107 40px, #FFC107 100%) !important;
        min-height: 150px !important;
    }
    
    .footer .container {
        padding: 80px 15px 10px 15px !important;
    }
    
    .footer__desc p {
        font-size: 12px !important;
        margin: 4px 0 !important;
    }
}

/* ========================================
   🚨 FINAL FOOTER FIX - АГРЕСИВЕН OVERRIDE
   Дата: 25.07.2025 - ПОСЛЕДНА ПРОМЯНА
   ======================================== */

/* OVERRIDE ВСИЧКИ ПРЕДИШНИ FOOTER ПРАВИЛА */
.footer,
footer {
    background-image: none !important;
    background: linear-gradient(to bottom, #C0C0C0 0%, #C0C0C0 40px, #FFC107 40px, #FFC107 100%) !important;
    background-size: cover !important;
    min-height: 100px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* АГРЕСИВЕН PADDING ЗА СМЪКВАНЕ НА ТЕКСТА */
.footer .container,
footer .container,
.footer-content {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    position: relative !important;
}

/* СИЛЕН OVERRIDE ЗА ТЕКСТА */
.footer p,
.footer__desc p,
footer p {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 6px 0 !important;
    color: #333 !important;
    padding: 0 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .footer .container,
    footer .container {
        padding-top: 90px !important;
        padding-bottom: 15px !important;
    }
}


/* LOGO INTEGRATION - Замяна на 'Sofia Airport Parking' с P3 лого */
.logo__link--header:before {
    content: '' !important;
    background: url('/images/logo/p3_logo.svg') no-repeat center !important;
    background-size: contain !important;
    width: 450px !important;
    height: 87px !important;
    display: inline-block !important;
    font-size: 0 !important;
}

/* Скриване на текста 'Sofia Airport Parking' */
.logo__link--header {
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* Mobile optimization за логото */
@media (max-width: 768px) {
    .logo__link--header:before {
        width: 350px !important;
        height: 70px !important;
    }
}

/* ФИНАЛЕН FIX - СПЕЦИФИЧЕН СЕЛЕКТОР ЗА ЛОГОТО */
a.logo__link.logo__link--header {
    background: url('/images/logo/p3_logo.svg') no-repeat center !important;
    background-size: contain !important;
    width: 450px !important;
    height: 87px !important;
    display: inline-block !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
}

/* За всеки случай - алтернативен селектор */
.header__logo a {
    background: url('/images/logo/p3_logo.svg') no-repeat center !important;
    background-size: contain !important;
    width: 450px !important;
    height: 87px !important;
    display: inline-block !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
}

/* Mobile */
@media (max-width: 768px) {
    a.logo__link.logo__link--header,
    .header__logo a {
        width: 350px !important;
        height: 70px !important;
    }
}

/* ВЕРТИКАЛНО ЦЕНТРИРАНЕ НА ЛОГОТО */
.header__logo {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

a.logo__link.logo__link--header,
.header__logo a {
    vertical-align: middle !important;
    line-height: normal !important;
    margin: auto 0 !important;
}

/* Ако header-ът няма фиксирана височина, задаваме я */
.header {
    min-height: 120px !important;
}

.header__outer {
    display: flex !important;
    align-items: center !important;
    min-height: 120px !important;
}

/* ТОЧНО ВЕРТИКАЛНО ЦЕНТРИРАНЕ НА ЛОГОТО */
.header__logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 120px !important;
}

a.logo__link.logo__link--header,
.header__logo a {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
    display: flex !important;
    align-items: center !important;
}

/* Header row също трябва да е центриран */
.header .row {
    align-items: center !important;
    height: 120px !important;
}

.header .col-6 {
    display: flex !important;
    align-items: center !important;
}

/* УНІВЕРСАЛНО RESPONSIVE LOGO ЦЕНТРИРАНЕ */

/* Reset на конфликтни правила */
.header__logo {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    padding: 15px 0 !important;
}

.header .row {
    align-items: center !important;
    min-height: 80px !important;
}

.header .col-6 {
    display: flex !important;
    align-items: center !important;
}

/* Logo размери - Desktop */
a.logo__link.logo__link--header,
.header__logo a {
    background: url('/images/logo/p3_logo.svg') no-repeat center !important;
    background-size: contain !important;
    width: 400px !important;
    height: 80px !important;
    display: inline-block !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Tablet размери */
@media (max-width: 992px) {
    a.logo__link.logo__link--header,
    .header__logo a {
        width: 320px !important;
        height: 64px !important;
    }
}

/* Mobile размери */
@media (max-width: 768px) {
    a.logo__link.logo__link--header,
    .header__logo a {
        width: 240px !important;
        height: 48px !important;
    }
    
    .header__logo {
        padding: 10px 0 !important;
    }
}

/* Много малки екрани */
@media (max-width: 480px) {
    a.logo__link.logo__link--header,
    .header__logo a {
        width: 200px !important;
        height: 40px !important;
    }
}

/* ПОДРАВНЯВАНЕ НА ЛОГОТО С ЛЕВИЯ КРАЙ НА МЕНЮТО */
.header__logo {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

a.logo__link.logo__link--header,
.header__logo a {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Подравняване на header container с менюто */
.header .container {
    padding-left: 15px !important;
}

.header .col-6.col-md-5.col-lg-4 {
    padding-left: 0 !important;
}

/* За да са подравнени логото и менюто */
.header__logo,
.navigation {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* Mobile подравняване */
@media (max-width: 768px) {
    .header .container {
        padding-left: 15px !important;
    }
    
    .header__logo {
        padding-left: 0 !important;
    }
}

/* ТОЧНО ПОДРАВНЯВАНЕ НА ЛОГОТО С BOOKING МЕНЮТО */
.header .container {
    max-width: 1200px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Логото да започва точно където започва менюто */
.header__logo {
    margin-left: -15px !important;
    padding-left: 15px !important;
}

a.logo__link.logo__link--header,
.header__logo a {
    margin-left: 0 !important;
    padding-left: 0 !important;
    position: relative !important;
    left: 0 !important;
}

/* Навигацията да е със същия padding */
.navigation,
.nav {
    padding-left: 15px !important;
}

/* За да се подравнят точно */
.header .col-6.col-md-5.col-lg-4 {
    padding-left: 15px !important;
}

/* Mobile version */
@media (max-width: 768px) {
    .header__logo {
        margin-left: -15px !important;
        padding-left: 15px !important;
    }
}

/* ТОЧНО ПОЗИЦИОНИРАНЕ НА ЛОГОТО */
a.logo__link.logo__link--header,
.header__logo a {
    background: url('/images/logo/p3_logo.svg') no-repeat center !important;
    background-size: contain !important;
    width: 440px !important;  /* 10% по-голямо от 400px */
    height: 88px !important;   /* 10% по-голямо от 80px */
    display: inline-block !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    left: -30px !important;    /* ПО-НАЛЯВО */
    top: -10px !important;     /* ПО-НАГОРЕ */
}

/* Mobile */
@media (max-width: 768px) {
    a.logo__link.logo__link--header,
    .header__logo a {
        width: 264px !important;  /* 10% по-голямо от 240px */
        height: 53px !important;  /* 10% по-голямо от 48px */
        left: -20px !important;
        top: -5px !important;
    }
}

/* СИЛОВО ПРЕМЕСТВАНЕ НА ЛОГОТО НАЛЯВО */
a.logo__link.logo__link--header,
.header__logo a {
    position: relative !important;
    left: 80px !important;    /* МНОГО НАЛЯВО */
    margin-left: -50px !important;  /* ОЩЕ ПО-НАЛЯВО */
    transform: translateX(-30px) !important;  /* И ОЩЕ НАЛЯВО */
}

.header__logo {
    margin-left: -100px !important;  /* ЦЯЛАТА СЕКЦИЯ НАЛЯВО */
    padding-left: 0 !important;
}

/* Mobile също наляво */
@media (max-width: 768px) {
    a.logo__link.logo__link--header,
    .header__logo a {
        left: 60px !important;
        margin-left: 3px !important;
    }
    
    .header__logo {
        margin-left: -70px !important;
    }
}

/* Еднакъв размер за всички изображения в cooperation секцията */
.cooperation__list img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
}

/* ============================================
   ПРЕМАХВАНЕ НА КРЪГЧЕТАТА ОТ ДАТИТЕ
   ============================================ */

/* Премахни border от ВСИЧКИ дати */
.flatpickr-day {
    border: none !important;
    box-shadow: none !important;
}

/* Само избраната дата да има фон */
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background: #28A745 !important;
    border-radius: 50% !important;
}

/* Hover - леко оцветяване без border */
.flatpickr-day:hover:not(.flatpickr-disabled):not(.selected):not(.prevMonthDay):not(.nextMonthDay) {
    background: rgba(40, 167, 69, 0.15) !important;
    border: none !important;
}

/* Днешна дата - само леко подчертаване отдолу */
.flatpickr-day.today:not(.selected) {
    border: none !important;
    font-weight: bold !important;
    color: #28A745 !important;
}


/* ============================================
   ДАТИ ОТ ДРУГ МЕСЕЦ - ПО-БЛЕДИ
   ============================================ */

/* Дати от предишен и следващ месец - много бледи */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: #ccc !important;
    opacity: 0.5 !important;
}

/* Неактивни дати (минали) */
.flatpickr-day.flatpickr-disabled {
    color: #ccc !important;
    opacity: 0.5 !important;
    text-decoration: none !important;
}


/* ============================================
   ПОПРАВКА - ДНЕШНА ДАТА БЕЗ ЗЕЛЕН ЦВЯТ
   ============================================ */

/* Днешна дата - само bold, без зелен цвят */
.flatpickr-day.today:not(.selected) {
    color: #333 !important;
    font-weight: bold !important;
    background: transparent !important;
}


/* ============================================
   ФИНАЛНА КОРЕКЦИЯ - ДАТИ ОТ ДРУГ МЕСЕЦ
   ============================================ */

/* Дати от предишен/следващ месец - много по-бледи */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
    color: #c0c0c0 !important;
    background: transparent !important;
    border: none !important;
    opacity: 0.4 !important;
    cursor: default !important;
}

/* Неактивни/минали дати */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #c0c0c0 !important;
    background: transparent !important;
    border: none !important;
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}


/* ============================================
   СИЛНИ СТИЛОВЕ ЗА НЕАКТИВНИ ДАТИ
   ============================================ */

/* Всички неактивни дати - с максимална специфичност */
.flatpickr-calendar .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-day.prevMonthDay:hover,
.flatpickr-calendar .flatpickr-day.nextMonthDay:hover,
.flatpickr-calendar .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-day.notAllowed:hover {
    color: #d0d0d0 !important;
    background: transparent !important;
    border-color: transparent !important;
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}


/* Премахни bold от днешна дата */
.flatpickr-day.today,
.flatpickr-day.today:hover {
    font-weight: normal !important;
}


/* Днешна дата - сиво кръгче */
.flatpickr-day.today:not(.selected) {
    border: 1px solid #bbb !important;
    border-radius: 50% !important;
    background: transparent !important;
}


/* Премахни bold от днешна дата */
.flatpickr-day.today {
    font-weight: normal !important;
}