/* 1. FUNDALUL GENERAL ȘI STRUCTURA */
body {
    background-color: #ffffff !important; /* Am schimbat griul în alb pur */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
    padding-bottom: 50px;
    background-color: #ffffff !important;
}

/* 2. NAVBAR ȘI SUBMENIU (REGELE PAGINII) */

/* 3. SLIDER-UL (HERO CAROUSEL) */
/* Aceasta este "caseta" care rulează imaginea */
#heroCarousel {
    z-index: 1 !important;
    background-color: #ffffff !important; /* Fundalul alb sub imagine */
    border-radius: 15px !important;       /* Rotunjirea ferestrei */
    overflow: visible !important;         /* Permite submeniului să iasă deasupra */
}

.carousel-inner {
    border-radius: 15px !important;       /* Forțează imaginile să fie rotunde */
    overflow: hidden !important;          /* Taie colțurile pozelor */
    z-index: 1 !important;
}

.carousel-item {
    background-color: #ffffff !important;
    transform: none !important;           /* Anulează contextul 3D care acoperea meniul */
    backface-visibility: visible !important;
}

/* 4. ELEMENTE DE CONȚINUT DIN BANNER */
.hero-background {
    background-color: #ffffff !important; /* Am curățat griul de la banner */
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}

/* Stil pentru link-urile de pe banner (Servicii și Contact) */

.btn-link-oficial {
    color: #ffffff !important; 
    text-decoration: none;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
}

.btn-link-oficial:hover {
    color: #007bff !important;
}

/* 5. SIDEBAR (COLOANE LATERALE) */
.sidebar-header {
    background-color: #343a40 !important;
    color: #ffffff !important;
    font-weight: 700;
    /*text-transform: uppercase;*/
    font-size: 0.85rem;
    text-align: center;
}

.sidebar-card {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.sidebar-card:hover {
    transform: translateY(-5px);
}

/* Stil pentru link-urile individuale din listă */
.list-group-item {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important; /* Schimbă fontul */
    font-size: 0.95rem !important;    /* Mărește sau micșorează textul */
    color: #2c3e50 !important;         /* O culoare mai închisă pentru lizibilitate */
    padding: 10px 15px !important;    /* Oferă mai mult spațiu textului */
}

/* Efectul când treci cu mouse-ul peste link */
.list-group-item-action:hover {
    background-color: #f0f2f5 !important; /* Un fundal gri foarte fin la hover */
    color: #1c4572 !important;           /* Textul devine albastru la hover */
    text-decoration: none !important;
}


.sidebar-header {
    background-color: #343a40 !important; /* Gri închis ca în navbar */
    color: #ffffff !important;           /* Text alb */
    font-weight: 600 !important;
    border-bottom: none !important;
    text-align: center;
}
/* Folosim selectori multipli pentru a crește "puterea" regulii */
.card-header.sidebar-header {
    background-color: #343a40 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* Și pentru link-urile din lateral */
a.list-group-item.list-group-item-action {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    color: #6cabeb !important;
    border: none !important; /* ACEASTA ELIMINĂ LINIA DINTRE ELEMENTE */
}
/* Adaugă/Modifică la finalul fișierului, sub linia 140 */
a.list-group-item.list-group-item-action:hover {
    background-color: #f0f2f5 !important; /* Fundalul gri deschis la hover */
    color: #007bff !important;           /* Aici pui culoarea pe care o vrei la hover */
    text-decoration: none !important;
}

/* static/css/style.css */
/*.display-4 {
    font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    font-weight: 300; /* Îl face subțire și elegant */
/*    text-transform: uppercase;
    letter-spacing: 2px;
    color: #1a2a40; /* Culoarea bleumarin din meniul tău */
/*    position: relative;
    padding-bottom: 15px;
}*/

.display-4 {
font-weight: 500; /* Mai subțire decât bold-ul standard de 700 */
    letter-spacing: 0.5px; /* Adaugă puțin spațiu între litere pentru lizibilitate */
    color: #0f3364; /* Folosim bleumarinul tău identificat anterior */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15); /* Umbră fină și discretă */
    transition: all 0.3s ease; /* Efect de tranziție dacă vrei să schimbi ceva la hover */
    text-transform: uppercase;
}

.custom-img-container {
    width: 100%;
    height: 200px;       /* Ajustează această valoare după preferință */
    max-width: 400px;
    overflow: hidden;    /* Taie tot ce depășește înălțimea de mai sus */
    margin-bottom: 1rem; /* Echivalentul mb-3 */
    border-radius: 5px;  /* Opțional: rotunjire mai discretă */
}

.custom-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* Decupează imaginea central fără să o deformeze */
    object-position: center; 
}