/*
Theme Name: Dolj Theme
Author: Dream Web Development SRL
Description: A custom theme designed by Dream Web Development SRL
Version: 1.0
*/

body {
    font-family: 'Inter', sans-serif;
    background-color: #f0f2f5; /* Un fundal deschis pentru intregul site */
}
.main-bg{
    background-color: #f8fafc;
}
.logo-bg {
    background-color: #f0f2f5;
}
.gradient-bg {
    background: linear-gradient(to right, #0056b3, #007bff); /* Gradient similar cu cel din imaginea de referinta */
}
.text-blue-custom {
    color: #0056b3; /* O nuanta de albastru din identitatea vizuala */
}
.bg-blue-custom {
    background-color: #0056b3; /* O nuanta de albastru din identitatea vizuala */
}
.bg-yellow-custom {
    background-color: #ffc107; /* O nuanta de galben din identitatea vizuala */
}
/* Stil pentru link-ul de meniu activ */
.active-menu-link {
    background-color: #ffc107; /* Galbenul existent */
    color: #0056b3 !important; /* Albastrul existent, cu !important pentru a suprascrie hover-ul */
    border-radius: 0.375rem; /* rounded-md */
}
/* Stiluri pentru a forta textul sa curga sub imaginea flotanta */
.clear-float {
    clear: both;
}
/* Stiluri pentru logo-urile partenerilor in lista */
.partner-list-logo {
    height: 100px; /* Inaltime fixa pentru logo-uri in lista */
    width: auto; /* Latime automata pentru a mentine proportiile */
    object-fit: contain; /* Asigura ca imaginea se incadreaza fara a fi taiata */
    max-width: 100%; /* Limiteaza latimea la 100% din containerul parinte */
}
/* Stiluri pentru caruselul de activitati */
.activity-carousel-item {
    position: absolute; /* Permite suprapunerea elementelor */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* Ascunde elementele implicit */
    transform: translateX(100%); /* Pozitioneaza elementele in afara ecranului la dreapta */
    transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out; /* Adauga tranzitie pentru animatie */
    padding: 2rem; /* Pastreaza padding-ul original al blocului de text */
    box-sizing: border-box; /* Asigura ca padding-ul nu afecteaza latimea totala */
}
.activity-carousel-item.active {
    opacity: 1; /* Face elementul vizibil */
    transform: translateX(0); /* Aduce elementul in centru */
}
.activity-carousel-item.slide-out-left {
    transform: translateX(-100%); /* Anima elementul sa iasa spre stanga */
}

/* Stiluri pentru caruselul de parteneri */
.partners-carousel-track {
    display: flex;
    transition: transform 0.7s ease-in-out;
}
.partner-logo-item {
    flex-shrink: 0; /* Impiedica micsorarea imaginilor */
    width: 25%; /* Afiseaza 4 imagini la un moment dat (100% / 4) */
    padding: 0.5rem; /* Spatiere intre logo-uri */
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Asigura ca imaginile din caruselul de parteneri au o inaltime fixa si se incadreaza proportional */
.partner-logo-item img {
    height: 80px; /* Inaltime fixa pentru toate logo-urile */
    width: auto; /* Latime automata pentru a mentine proportiile */
    object-fit: contain; /* Asigura ca imaginea se incadreaza fara a fi taiata */
    max-width: 100%; /* Limiteaza latimea la 100% din containerul parinte */
}

.pagination .nav-links {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}
.pagination .nav-links .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    margin: 0 0.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    background-color: #fff;
    color: #4a5568;
    font-weight: 500;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}
.pagination .nav-links .page-numbers:hover {
    background-color: #f7fafc;
}
.pagination .nav-links .page-numbers.current {
    background-color: #0056b3;
    color: #fff;
    border-color: #0056b3;
}
.pagination .nav-links .prev,
.pagination .nav-links .next {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.375rem;
    background-color: #fff;
}
.pagination .nav-links .prev svg,
.pagination .nav-links .next svg {
    height: 1.25rem;
    width: 1.25rem;
}
.pagination .nav-links .disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* Menu Styles */
#site-navigation ul li a {
    position: relative;
    display: block;
}

#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current-menu-ancestor > a {
    background-color: #ffc107;
    color: #0056b3 !important;
    border-radius: 0.375rem;
}

#site-navigation ul ul {
    display: none;
    position: absolute;
    background: white;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    z-index: 1000;
    min-width: 200px;
    border-radius: 0.375rem;
    padding: 0.5rem 0;
}

#site-navigation ul li:hover > ul {
    display: block;
}

#site-navigation ul ul li {
    width: 100%;
}

#site-navigation ul ul li a {
    padding: 0.75rem 1.5rem;
    white-space: nowrap;
}

#site-navigation ul ul li a:hover {
    background-color: #f0f2f5;
}

/* Mobile Menu Button */
#mobile-menu-button {
    color: #0056b3;
}

/* Footer Menu Styles */
footer ul li a {
    text-decoration: none;
    transition: color 0.2s;
}

footer ul li a:hover {
    color: #ffc107;
}

.wpcf7-spinner{
display: none !important;
}