.cc-btn.cc-deny {
    background-color: transparent !important;
    border: 1px solid #cccccc !important;
    color: #888888 !important;
    margin-right: 10px !important;
}

.cc-btn.cc-deny:hover {
    background-color: #f8f9fa !important;
    color: #444444 !important;
}

/* Стил за бутона Allow (твоят основен цвят) */
.cc-btn.cc-allow {
    background-color: #437b7f !important;
    border: 1px solid #437b7f !important;
}

/* На мобилни устройства бутоните да са един под друг */
@media (max-width: 600px) {
    .cc-compliance {
        flex-direction: column-reverse !important;
        display: flex !important;
        gap: 10px;
    }
    .cc-btn {
        margin: 0 !important;
        width: 100% !important;
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px); /* Започва 20px по-надолу */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* Завършва на оригиналната позиция */
    }
}

/* Прилагаме анимацията върху банера */
.cc-window.cc-banner {
    animation: fadeInUp 0.6s ease-out forwards; /* Продължителност 0.6 секунди */
    display: flex !important; /* Уверяваме се, че се вижда правилно */
}

/* Добавяме лек транзишън и за бутоните при посочване (hover) */
.cc-btn {
    transition: all 0.2s ease-in-out !important;
}
.hero-container {
    display: flex;
    align-items: center;
}

.geoid-overlay {
    /* Тъмният цвят на overlay-а */
    background: linear-gradient(to right, #1c3353 0%, #1c3353 20%, rgba(28, 51, 83, 0.8) 40%, rgba(28, 51, 83, 0) 80%);
    
    /* ТАЗИ ЧАСТ ПРАВИ НЕПРАВИЛНАТА ФОРМА */
    /* Описваме точките на изрязване: горе-ляво, горе-дясно(неправилно), долу-дясно(неправилно), долу-ляво */
    clip-path: polygon(0% 0%, 65% 0%, 75% 30%, 60% 100%, 10% 100%);
    
    /* За по-мека, "облачна" форма можеш да ползваш това (премахни горния clip-path ако ползваш този): */
    /* clip-path: ellipse(80% 100% at 20% 50%); */
    
    z-index: 2;
}

/* Корекция за мобилни устройства - на телефон overlay-ът покрива всичко */
@media (max-width: 991px) {
    .geoid-overlay {
        clip-path: none;
        background: rgba(28, 51, 83, 0.85); /* По-плътен цвят на телефон за четимост */
    }
}

.tracking-wider {
    letter-spacing: 2px;
}

/* Общ клас за всички "Hero" секции */
.city-hero {
	position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    min-height: 300px;
    display: flex; 
    align-items: stretch; /* Промяна: разпъва съдържанието вертикално */
    justify-content: flex-start; /* Промяна: подравнява в началото */
    overflow: hidden;
    padding: 0; /* Важно за overlay-а */
}

/* Тъмният слой (Overlay) */
.city-hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Намаляваме плътността на черното и добавяме Blur */
    background: rgba(0, 0, 0, 0.404) !important; 
    backdrop-filter: blur(1px); /* Това създава "стъкления" ефект */
    -webkit-backdrop-filter: blur(1px); /* Поддръжка за Safari */
    
    z-index: 1;
    display: flex;
    flex-direction: column;
}
.city-hero .overlay > * {
    z-index: 2;
}
/* Гарантираме, че текстът е над черния слой и е бял */
.city-hero > * {
    position: relative;
    z-index: 2;
    color: white !important;
}

/* Специфични снимки */
.bg-Baku { background-image: url('/images/Cities/Baku.jpg') !important;}
.bg-Sofia { background-image: url('/images/Cities/SofiaDrone.png') !important; }
.bg-Zagreb { background-image: url('/images/Cities/Zagreb.jpg') !important; }
.bg-Yerevan { background-image: url('/images/Cities/Yerevan.jpg') !important; }
.bg-Warsaw { background-image: url('/images/Cities/Warsaw.jpg') !important; }
.bg-Vilnius { background-image: url('/images/Cities/Vilnius.jpg') !important; }
.bg-Vienna { background-image: url('/images/Cities/Vienna.jpg') !important; }
.bg-Valencia { background-image: url('/images/Cities/Valencia.jpg') !important; }
.bg-Trieste { background-image: url('/images/Cities/Trieste.jpg') !important; }
.bg-Tirana { background-image: url('/images/Cities/Tirana1.jpg') !important; }
.bg-Tenerife { background-image: url('/images/Cities/Tenerife.jpg') !important; }
.bg-Tbilisi { background-image: url('/images/Cities/Tbilisi.jpg') !important; }
.bg-Tashkent { background-image: url('/images/Cities/Tashkent.jpg') !important; }
.bg-Tallinn { background-image: url('/images/Cities/Tallinn.jpg') !important; }
.bg-Sotogrande { background-image: url('/images/Cities/Sotogrande.jpg') !important; }
.bg-Skopjie { background-image: url('/images/Cities/Skopjie.jpg') !important; }
.bg-Shenzhen { background-image: url('/images/Cities/Shenzhen.jpg') !important; }
.bg-Shanghai { background-image: url('/images/Cities/Shanghai.jpg') !important; }
.bg-Sevilla { background-image: url('/images/Cities/Sevilla.jpg') !important; }
.bg-SanJose { background-image: url('/images/Cities/San Jose.jpg') !important; }
.bg-Rome { background-image: url('/images/Cities/Rome.jpg') !important; }
.bg-Riga { background-image: url('/images/Cities/Riga.jpg') !important; }
.bg-Puebla { background-image: url('/images/Cities/Puebla.jpg') !important; }
.bg-Prishtina { background-image: url('/images/Cities/Pristina.jpg') !important; }
.bg-Prague { background-image: url('/images/Cities/Prague.jpg') !important; }
.bg-Porto { background-image: url('/images/Cities/Porto.jpg') !important; }
.bg-Panama { background-image: url('/images/Cities/Panama.jpg') !important; }
.bg-Palma { background-image: url('/images/Cities/Mallorca.jpg') !important; }
.bg-Monterey { background-image: url('/images/Cities/Monterey.jpg') !important; }
.bg-Milano { background-image: url('/images/Cities/Milano.jpg') !important; }
.bg-Miami { background-image: url('/images/Cities/MIami.jpg') !important; }
.bg-MexicoCity { background-image: url('/images/Cities/Mexico City.jpg') !important; }
.bg-Marbella { background-image: url('/images/Cities/Marbella.jpg') !important; }
.bg-Managua { background-image: url('/images/Cities/Managua.jpg') !important; }
.bg-Malaga { background-image: url('/images/Cities/Malaga.jpg') !important; }
.bg-Madrid { background-image: url('/images/Cities/Madrid.jpg') !important; }
.bg-London { background-image: url('/images/Cities/London.jpg') !important; }
.bg-Ljubljana { background-image: url('/images/Cities/Ljubljana.jpg') !important; }
.bg-Lisbon { background-image: url('/images/Cities/LisbonTram.png') !important; }
.bg-Krakow { background-image: url('/images/Cities/Krakow.jpg') !important; }
.bg-HongKong { background-image: url('/images/Cities/Hong Kong.jpg') !important; }
.bg-Hanoi { background-image: url('/images/Cities/Hanoi.jpg') !important; }
.bg-Hangzhou { background-image: url('/images/Cities/Hangzhou.jpg') !important; }
.bg-GranCanaria { background-image: url('/images/Cities/Gran Canaria.jpg') !important; }
.bg-Frankfurt { background-image: url('/images/Cities/Frankfurt.jpg') !important; }
.bg-Florence { background-image: url('/images/Cities/Florence.jpg') !important; }
.bg-Dubai { background-image: url('/images/Cities/Dubai.jpg') !important; }
.bg-Dresden { background-image: url('/images/Cities/Dresden.jpg') !important; }
.bg-Cologne { background-image: url('/images/Cities/Cologne.jpg') !important; }
.bg-Chengdu { background-image: url('/images/Cities/Chengdu.jpg') !important; }
.bg-Cambridge { background-image: url('/images/Cities/cambridge.jpg') !important; }
.bg-Budapest { background-image: url('/images/Cities/Budapest.jpg') !important; }
.bg-Bucharest { background-image: url('/images/Cities/Bucharest.jpg') !important; }
.bg-Bratislava { background-image: url('/images/Cities/Bratislava.jpg') !important; }
.bg-Bilbao { background-image: url('/images/Cities/Bilbao.jpg') !important; }
.bg-Berlin { background-image: url('/images/Cities/Berlin.jpg') !important; }
.bg-Belgrade { background-image: url('/images/Cities/Belgrade.jpg') !important; }
.bg-Beijing { background-image: url('/images/Cities/Beijing.jpg') !important; }
.bg-Barcelona { background-image: url('/images/Cities/Barcelona.jpg') !important; }
.bg-Bangkok { background-image: url('/images/Cities/Bangkok.jpg') !important; }
.bg-Antalya { background-image: url('/images/Cities/Antalya.jpg') !important; }
.bg-Ankara { background-image: url('/images/Cities/Ankara.jpg') !important; }
.bg-Almaty { background-image: url('/images/Cities/Almaty.jpg') !important; }
.bg-Alicante { background-image: url('/images/Cities/Alicante.jpg') !important; }

/* headers */




.bg-nero-Sofia { background-image: url('/images/Cities/Sofia.png') !important;}
.bg-nero-Budapest { background-image: url('/images/Cities/Budapest.png') !important; }
.bg-nero-Bucharest { background-image: url('/images/Cities/Bucharest.png') !important; }
.bg-nero-Baku { background-image: url('/images/Cities/Baku.png') !important; }
.bg-nero-Tbilisi { background-image: url('/images/Cities/Tbilisi.png') !important; }
.bg-nero-Yerevan { background-image: url('/images/Cities/Yerevan.png') !important; }
.bg-nero-Trieste { background-image: url('/images/Cities/Trieste.png') !important; }
.bg-nero-Ljubljana { background-image: url('/images/Cities/Liubljiana.png') !important; }
.bg-nero-Zagreb { background-image: url('/images/Cities/Zagreb.png') !important; }
.bg-nero-Belgrad { background-image: url('/images/Cities/Belgrade.png') !important; }
.bg-nero-Skopije { background-image: url('/images/Cities/Skopje.png') !important; }
.bg-nero-Pristina { background-image: url('/images/Cities/Prishtina.png') !important; }
.bg-nero-Tirana { background-image: url('/images/Cities/Tirana.png') !important; }
.bg-nero-Barcelona { background-image: url('/images/Cities/Barcelona.png') !important; }
.bg-nero-Valencia { background-image: url('/images/Cities/Valencia.png') !important; }
.bg-nero-Alicante { background-image: url('/images/Cities/Alicante.png') !important; }
.bg-nero-Palma { background-image: url('/images/Cities/Mallorca.png') !important; }
.bg-nero-Lisbon { background-image: url('/images/Cities/Lisbon.png') !important; }
.bg-nero-Porto { background-image: url('/images/Cities/Porto.png') !important; }


.tracking-wider {
    letter-spacing: 2px;
}

/* Ефекти за картите */
.resource-card {
    transition: transform 0.3s ease, shadow 0.3s ease;
    border-radius: 12px; /* По-заоблени ъгли за модерна визия */
}

.resource-card:hover {
    transform: translateY(-10px); /* Картата се повдига при мишка */
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

.resource-card img {
    transition: transform 0.5s ease;
}

.resource-card:hover img {
    transform: scale(1.1); /* Леко приближаване на снимката */
}

/* Анимация на стрелката */
.transition-icon {
    transition: transform 0.3s ease;
}

.resource-card:hover .transition-icon {
    transform: translateX(5px);
}

/* Скрит линк, който прави цялата карта кликаема */
.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
}

/* Research HUB */
.nav-tabs .nav-link:focus, 
.nav-tabs .nav-link:hover {
    border-color: transparent;
    color: #000;
}

.nav-tabs .nav-link.active {
    background-color: transparent !important;
    border-bottom: 2px solid #000 !important; /* Твоята черна линия */
    font-weight: bold;
    opacity: 1 !important;
}

/* Премахваме стандартните Bootstrap рамки и фонове */
#reportsTab .nav-link {
    border: none !important;
    border-bottom: 2px solid transparent !important; /* Резервира място за подчертаването */
    transition: all 0.3s ease;
    padding: 10px 0; /* Разстояние около текста */
    margin-right: 20px;
}

/* Стил за активния таб */
#reportsTab .nav-link.active {
    background-color: transparent !important;
    border-bottom: 3px solid #000 !important; /* Плътно черно подчертаване */
    opacity: 1 !important;
    font-weight: 800;
}

/* Ховър ефект (по желание) */
#reportsTab .nav-link:hover {
    opacity: 1 !important;
    border-bottom: 3px solid rgba(0,0,0,0.3) !important;
}

.modern-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    color: #fff !important;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    transition: 0.3s;
}
.modern-link:hover {
    padding-left: 10px;
    color: #ffc107 !important;
    border-bottom-color: #ffc107;
}
.modern-link i { font-size: 0.8rem; opacity: 0.5; transition: 0.3s; }
.modern-link:hover i { transform: translateX(5px); opacity: 1; color: #ffc107; }
/* Research HUB END*/

/* Research SHARE*/
@media print {
    /* Скриваме бутоните и навигацията при печат */
    nav, .bg-hero3, .list-unstyled, footer {
        display: none !important;
    }
    
    /* Правим текста черен на бял фон за икономия на мастило и четимост */
    body {
        background: white !important;
        color: black !important;
    }

    .container {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    h1, h2, h3 {
        page-break-after: avoid;
    }
    
    section {
        page-break-inside: auto;
    }
}
/* Модерен стил за Dropdown менюто */
.share-menu {
    background: rgba(20, 20, 20, 0.95) !important; /* Тъмен графитен фон */
    backdrop-filter: blur(10px); /* Замъгляване на фона зад менюто */
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    padding: 8px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
    margin-top: 10px !important;
}

.share-menu .dropdown-item {
    color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 8px;
    padding: 10px 15px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
}

/* Оправяме проблема с белия фон при hover */
.share-menu .dropdown-item:hover {
    background: rgba(255, 193, 7, 0.2) !important; /* Прозрачно жълто (warning) */
    color: #ffc107 !important; /* Текстът става жълт */
    transform: translateX(5px);
}

/* Иконите вътре в менюто (ако ползваш Bootstrap Icons) */
.share-menu i {
    font-size: 1.1rem;
}

/* Скриване на стрелката на dropdown-а */
.dropdown-toggle::after {
    display: none !important;
}
/* Research SHARE END*/



/* Адаптивност за таблети */



@media (max-width: 992px) {
    .city-hero {
        min-height: 300px;
    }
}

@media (max-width: 768px) {
    .overlay-shape-left::before {
        width: 100%;
        clip-path: none;
        background: rgba(0, 0, 0, 0.7) !important;
    }
}
/* Адаптивност за мобилни телефони */

    /* Опционално: засилваме тъмния слой на мобилни устройства за по-добра четимост */
    .city-hero .overlay {
        background: rgba(0, 0, 0, 0.6);
    }
}