:root {
    --bs-primary: #0d6efd; /* Albastru Watchdog */
    --text-main: #1a202c;
    --text-muted: #718096;
    --bg-body: #f8fafc;
}

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: 'Inter', -apple-system, sans-serif; /* Font modern, lizibil */
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

a { transition: all 0.2s ease; text-decoration: none; }
.card-blog { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card-blog:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1) !important; }
.text-hover-primary:hover { color: var(--bs-primary) !important; }
.bg-primary-subtle { background-color: #e7f1ff; }
/* Pentru scroll orizontal frumos pe mobil */
.overflow-auto::-webkit-scrollbar { height: 4px; }
.overflow-auto::-webkit-scrollbar-thumb { background: #dee2e6; border-radius: 10px; }
/* Containerul dropdown */
.retro-dropdown {
    position: relative;
    display: inline-block;
    padding-bottom: 15px; /* Creează un "pod" invizibil între buton și meniu */
    margin-bottom: -15px;
}

/* Stilul link-urilor din navigație */
/* Containerul părinte */
.dropdown {
    position: relative;
    display: inline-block;
    z-index: 1000;
}

/* Butonul de declanșare (cel cu textul MONITORIZARE) */
.nav-link-retro {
    display: block;
    padding-bottom: 10px; /* Extindem zona de jos a butonului */
    margin-bottom: -10px; /* Compensăm spațiul ca să nu modifice layout-ul */
    cursor: pointer !important;
}

/* Submeniul */
.dropdown-content {
    background-color: var(--sun-color) !important; /* Asigură-te că variabila e un HEX solid, nu RGBA */
    position: absolute;
    z-index: 9999999; 
    display: none;
    min-width: 220px;
    border: 2px solid var(--primary-dark);
    box-shadow: 6px 6px 0px var(--primary-dark);
}


/* PODUL INVIZIBIL: Secretul pentru a nu dispărea */
/* Creăm un spațiu invizibil deasupra meniului care "agață" mouse-ul */
.dropdown-content::before {
    content: "";
    position: absolute;
    top: -20px; /* Se duce 20px în sus, sub buton */
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
}

/* Afișarea la hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Link-urile din interior */
.dropdown-content a {
    background-color: var(--sun-color); /* Forțează fundalul pe fiecare link */
    display: block;
    position: relative; 
    z-index: 2;
}


.dropdown-content a:hover {
    background-color: var(--wd-light) !important;
    color: var(--accent-orange) !important;
}

/* CATEGORY PILLS */
    .category-pill {
        padding: 8px 20px;
        background: var(--sun-color);
        border: 2px solid var(--primary-dark);
        color: var(--primary-dark);
        text-decoration: none;
        font-family: 'Courier New', monospace;
        font-weight: bold;
        font-size: 0.9rem;
        transition: 0.2s;
        box-shadow: 3px 3px 0px var(--primary-dark);
    }
    .category-pill:hover, .category-pill.active {
        background: var(--accent-orange);
        color: white;
        transform: translate(-2px, -2px);
        box-shadow: 5px 5px 0px var(--primary-dark);
    }

    /* INVESTIGATION CARD */
    .investigation-card {
        background: white;
        border: 2px solid var(--primary-dark);
        box-shadow: 6px 6px 0px var(--primary-dark);
        height: auto;
        display: flex;
        flex-direction: column;
        transition: 0.3s;
    }
    .investigation-card:hover {
        transform: translateY(-5px);
        box-shadow: 10px 10px 0px var(--accent-orange);
    }
    .card-img-wrapper {
        position: relative;
        height: 220px;
        overflow: hidden;
        border-bottom: 2px solid var(--primary-dark);
    }
    .card-img-wrapper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: sepia(20%);
    }
    .card-date {
        position: absolute;
        bottom: 10px;
        right: 10px;
        background: var(--primary-dark);
        color: white;
        padding: 5px 12px;
        font-family: 'Courier New', monospace;
        font-size: 0.8rem;
    }
    .card-body-custom {
        padding: 20px;
        flex-grow: 1;
    }
    .card-tag {
        font-size: 0.75rem;
        font-weight: 800;
        text-transform: uppercase;
        color: var(--accent-orange);
        display: block;
        margin-bottom: 10px;
    }
    .card-headline {
        font-family: 'Tanbuster', sans-serif;
        font-size: 1.4rem;
        line-height: 1.2;
        color: var(--primary-dark);
        margin: 0;
    }
    .card-footer-custom {
        padding: 15px 20px;
        border-top: 1px dashed #ccc;
        background: #fafafa;
    }
    .read-more {
        text-decoration: none;
        color: var(--primary-dark);
        font-weight: bold;
        font-size: 0.85rem;
        letter-spacing: 1px;
    }
    .read-more:hover {
        color: var(--accent-orange);
    }
    .section-title {
        font-family: 'Tanbuster', sans-serif;
        border-bottom: 4px solid var(--primary-dark);
        display: inline-block;
        padding-bottom: 5px;
    }

     /* Ajustări pentru textul din articol */
    .blog-text p { margin-bottom: 1.5rem; }
    .blog-text img { max-width: 100%; height: auto; border-radius: 4px; margin: 20px 0; }
    
    /* Breadcrumb hover */
    nav ol li a:hover { text-decoration: underline !important; }