/*
Theme Name: Böyük Azərbaycan Partiyası (BAP)
Theme URI: https://bapaz.az/
Author: BAP Media
Author URI: https://bapaz.az/
Description: Böyük Azərbaycan Partiyasının rəsmi müasir, yüksək performanslı və mobil-adaptiv WordPress teması.
Version: 2.2.0
License: GNU General Public License v2 or later
Text Domain: bap-theme
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600&display=swap');

/* PURE CSS FALLBACKS - BÜTÜN DÜZGÜN RƏNGLƏR */
.bg-paper { background-color: #f3f5f9 !important; }
.bg-navy-950 { background-color: #071226 !important; }
.bg-navy-900 { background-color: #0b1b36 !important; }
.bg-navy-800 { background-color: #122545 !important; }
.bg-party-500 { background-color: #c8102e !important; }
.bg-party-600 { background-color: #a80d27 !important; }
.bg-gold-400 { background-color: #eab43f !important; }
.bg-gold-500 { background-color: #d99a1b !important; }

.text-navy-900 { color: #0b1b36 !important; }
.text-navy-800 { color: #122545 !important; }
.text-party-500 { color: #c8102e !important; }
.text-party-600 { color: #a80d27 !important; }
.text-gold-300 { color: #f0c863 !important; }
.text-gold-400 { color: #eab43f !important; }
.text-white { color: #ffffff !important; }

* {
    font-family: 'Poppins', ui-sans-serif, system-ui, sans-serif !important;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: #f3f5f9;
    color: #1e293b;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

/* BAŞLIQ XƏTTİ (RED-GOLD UNDERLINE) */
.section-headline {
    padding-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.25;
    font-weight: 800;
    letter-spacing: 0.025em;
    color: #0b1b36;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
}

@media (min-width: 48rem) {
    .section-headline {
        font-size: 1.875rem;
        line-height: 1.2;
    }
}

.section-headline::after {
    content: "";
    bottom: 0;
    left: 0;
    height: 0.25rem;
    width: 3.5rem;
    background-color: #c8102e;
    border-radius: 9999px;
    position: absolute;
}

.section-headline::before {
    content: "";
    bottom: 0;
    height: 0.25rem;
    background-color: #eab43f;
    border-radius: 9999px;
    width: 33.3333%;
    position: absolute;
    left: 3.75rem;
}

/* XƏBƏR KARTLARI */
.news-card {
    border-radius: 0.75rem;
    background-color: #ffffff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
    outline: 1px solid rgba(226, 232, 240, 0.7);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
}

.news-card:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    outline-color: #cbd5e1;
}

.card-img {
    transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.news-card:hover .card-img {
    transform: scale(1.06);
}

@keyframes pulse-dot {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.4; transform: scale(0.8); }
}

.animate-pulse-dot {
    animation: 1.4s ease-in-out infinite pulse-dot;
}

/* MENYU DROPDOWN */
.bap-primary-menu {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bap-primary-menu > li {
    position: relative;
}

.bap-primary-menu > li > a {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 1rem 1rem;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.15s ease;
}

.bap-primary-menu > li > a:hover {
    color: #f0c863;
}

.bap-primary-menu .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 14rem;
    background-color: #0b1b36;
    border-top: 2px solid #eab43f;
    padding: 0.5rem 0;
    margin: 0;
    list-style: none;
    box-shadow: 0 20px 25px -5px rgba(7, 18, 38, 0.5);
    z-index: 50;
}

.bap-primary-menu li:hover > .sub-menu {
    display: block;
}

.bap-primary-menu .sub-menu li a {
    display: block;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: #e2e8f0;
    text-decoration: none;
    transition: all 0.15s ease;
}

.bap-primary-menu .sub-menu li a:hover {
    background-color: #c8102e;
    color: #ffffff;
}