/* --- CONFIGURARE VIZUALĂ ELITE - LIGHT MODE --- */

:root {
    --orange-logistics: #E67E22;
    --bg-light: #FFFFFF;
    --text-dark: #1A1A1A;
    --text-gray: #555555;
    --card-bg: #F8F9FA;
}

.logistics-elite-section-light {
    background-color: var(--bg-light);
    padding: 100px 0;
    overflow: hidden;
}

/* 1. Badge & Text */
.service-label-light {
    display: inline-flex; align-items: center;
    background: #fdf2e9;
    padding: 8px 20px; border-radius: 50px;
    color: var(--orange-logistics); font-size: 0.85rem; font-weight: 700; margin-bottom: 25px;
    border: 1px solid rgba(230, 126, 34, 0.2);
}

.dot-active {
    width: 8px; height: 8px; background: #22c55e;
    border-radius: 50%; margin-right: 10px;
    box-shadow: 0 0 10px rgba(34, 197, 94, 0.4);
}

.text-orange-main { color: var(--orange-logistics); }
.text-muted-dark { color: var(--text-gray); line-height: 1.8; font-size: 1.05rem; }

/* 2. CARDURI SERVICII - LIGHT THEME */
.main-service-card-light {
    display: flex; align-items: flex-start; gap: 20px;
    background: var(--card-bg); padding: 25px; border-radius: 20px;
    border: 1px solid #EDEDED;
    transition: all 0.4s ease;
}

.service-card-hover:hover {
    background: #FFFFFF;
    transform: translateY(-5px) translateX(5px);
    border-color: var(--orange-logistics);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.adr-border-active {
    border-left: 5px solid var(--orange-logistics);
}

.s-icon-light {
    min-width: 55px; height: 55px;
    background: #FFFFFF;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem; color: var(--orange-logistics);
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.adr-bg { background: var(--orange-logistics); color: #fff; }

.main-service-card-light h5 { font-weight: 700; color: var(--text-dark); margin-bottom: 5px; }
.main-service-card-light p { font-size: 0.95rem; color: var(--text-gray); margin: 0; }

/* 3. GRID RUTE (Pills) - LIGHT */
.country-pill-grid-light { display: flex; flex-wrap: wrap; gap: 10px; }
.route-pill-light {
    display: flex; align-items: center; gap: 10px;
    background: #F1F1F1; border: 1px solid #E0E0E0;
    padding: 8px 16px; border-radius: 50px; color: var(--text-dark); font-size: 0.85rem; font-weight: 600; transition: 0.3s;
}
.route-pill-light:hover { background: var(--orange-logistics); color: #fff; border-color: var(--orange-logistics); }
.route-pill-light img { width: 20px; height: 20px; border-radius: 50%; object-fit: cover; }

.full-eu-light { border-color: var(--orange-logistics); color: var(--orange-logistics); background: #fff; }

/* 4. LAYOUT POZE UNA SUB ALTA */
.stacked-image-layout {
    display: flex; flex-direction: column; gap: 30px; position: relative;
}

.img-wrapper-light {
    position: relative; z-index: 2;
}

.img-wrapper-light img {
    width: 100%; height: 320px; object-fit: cover;
    border: 8px solid #fff; /* Rama alba pe fundal alb creeaza un efect de relief */
}

.shadow-standard { box-shadow: 0 20px 40px rgba(0,0,0,0.1); }

.floating-badge-light {
    position: absolute; bottom: 30px; right: 30px;
    background: #FFFFFF; padding: 12px 20px; border-radius: 12px;
    color: var(--text-dark); font-size: 0.85rem; font-weight: 800;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border: 1px solid #f1f1f1;
}

.deco-shape-light {
    position: absolute; top: 10%; left: -5%; width: 100%; height: 80%;
    background: #fdf2e9; z-index: 1; border-radius: 30px;
}

/* 5. RESPONSIVE DESIGN */
@media (max-width: 991px) {
    .logistics-elite-section-light { text-align: center; }
    .service-label-light { justify-content: center; }
    .main-service-card-light { text-align: left; }
    .country-pill-grid-light { justify-content: center; }
    .stacked-image-layout { margin-top: 50px; }
}

@media (max-width: 576px) {
    .display-5 { font-size: 2.2rem; }
    .main-service-card-light { flex-direction: column; align-items: center; text-align: center; }
}