/* =========================================================
FILE: sectie.css (FINAL CLEAN PRO)
========================================================= */


/* =========================================================
HERO
========================================================= */

.sectie-page .sectie-hero{
    position:relative;
    height:360px;

    display:flex;
    align-items:center;

    color:#fff;

    background:url('/assets/images/spital-hero.jpg') center/cover no-repeat;
}

.sectie-page .sectie-hero::before{
    content:"";
    position:absolute;
    inset:0;

    background:linear-gradient(
        90deg,
        rgba(15,60,136,0.85),
        rgba(15,60,136,0.55),
        rgba(15,60,136,0.2),
        rgba(15,60,136,0)
    );
}

.sectie-page .sectie-hero-content{
    position:relative;
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

.sectie-page .sectie-hero-content h1{
    font-size:42px;
    margin-bottom:10px;
}

.sectie-page .sectie-intro{
    max-width:600px;
    font-size:18px;
    opacity:.95;
}


/* =========================================================
NAV
========================================================= */

.sectie-page .sectie-nav{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;

    gap:12px;
    margin:25px auto 20px;

    font-size:15px;
}

.sectie-page .sectie-nav a{
    color:var(--primary-dark);
    font-weight:500;
    padding:0 6px;
}

.sectie-page .sectie-nav a:hover{
    text-decoration:underline;
}


/* =========================================================
STATS
========================================================= */

.sectie-page .sectie-stats{
    margin-top:10px;

    font-size:15px;
    color:var(--text-light);

    display:flex;
    justify-content:center;
    gap:14px;

    flex-wrap:wrap;
}


/* =========================================================
TEXT
========================================================= */

.sectie-page .text-content{
    line-height:1.65;
    font-size:16px;
    color:var(--text);
    margin-top:10px;
}

.sectie-page .text-content p{
    margin-bottom:16px;
}

.sectie-page .text-content ul{
    margin-bottom:16px;
    padding-left:20px;
}


/* =========================================================
LISTE
========================================================= */

.sectie-page .list-group{
    list-style:none;
    padding-left:0;
}

.sectie-page .list-group-item{
    border-bottom:1px solid var(--border);
    padding:12px 0;
    font-size:15px;
}

.sectie-page .list-group-item::before{
    content:"•";
    color:var(--accent);
    font-weight:bold;
    margin-right:8px;
}


/* =========================================================
COMPARTIMENTE
========================================================= */

.sectie-page .compartimente-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:26px;
    margin-top:30px;
}

.sectie-page .compartiment-card{
    background:#fff;

    padding:24px;
    border-radius:12px;

    box-shadow:var(--shadow-sm);
    transition:.25s;
}

.sectie-page .compartiment-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--shadow-md);
}

.sectie-page .compartiment-title{
    font-weight:600;
    font-size:16px;
    color:var(--primary-dark);
    margin-bottom:6px;
}

.sectie-page .compartiment-medic{
    font-size:14px;
    color:var(--text-light);
}

.sectie-page .compartiment-medic::before{
    content:"Dr. ";
    font-weight:500;
    color:var(--text);
}


/* =========================================================
MEDICI GRID
========================================================= */

.sectie-page .medici-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(240px,260px));
    gap:30px;
    justify-content:center;
}


/* =========================================================
GALERIE
========================================================= */

.sectie-page .galerie-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:20px;
    margin-top:25px;
}

.sectie-page .galerie-grid img{
    width:100%;
    height:220px;

    object-fit:cover;

    border-radius:12px;
    box-shadow:var(--shadow-sm);

    transition:.2s;
}

.sectie-page .galerie-grid img:hover{
    transform:scale(1.03);
}


/* =========================================================
PROGRAMARE
========================================================= */

.sectie-page .sectie-programare{
    margin:70px 0;
}

.sectie-page .programare-card{
    background:var(--bg-soft);

    border-radius:16px;
    padding:40px;

    text-align:center;

    box-shadow:var(--shadow-md);

    max-width:700px;
    margin:auto;
}

.sectie-page .programare-icon{
    font-size:42px;
    margin-bottom:15px;
}

.sectie-page .programare-card .section-title{
    font-size:26px;
    color:var(--primary-dark);
    margin-bottom:10px;
}

.sectie-page .programare-card p{
    color:var(--text-light);
    margin-bottom:20px;
}


/* =========================================================
ADMIN BADGES
========================================================= */

.sectie-page .medic-admin{
    display:inline-block;

    font-size:13px;
    padding:7px 16px;

    border-radius:20px;
    margin:10px auto 14px;

    font-weight:600;
    color:#fff;
}

.sectie-page .admin-sef{ background:#e53935; }
.sectie-page .admin-director{ background:#6a1b9a; }
.sectie-page .admin-coordonator{ background:#00897b; }


/* =========================================================
CONDUCERE
========================================================= */

.sectie-page .medic-conducere{
    border:2px solid #e53935;

    background:linear-gradient(
        180deg,
        #fff 0%,
        #fff5f5 100%
    );

    box-shadow:var(--shadow-md);
}

.sectie-page .medic-conducere:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-lg);
}


/* =========================================================
RESPONSIVE
========================================================= */

@media (max-width:768px){

    .sectie-page .sectie-hero{
        height:300px;
    }

    .sectie-page .sectie-hero-content h1{
        font-size:30px;
    }

    .sectie-page .sectie-intro{
        font-size:16px;
    }
}

//* Director - mov */
.medic-badge.badge-director {
    background: #6b21a8;
    color: #fff;
}

/* Șef secție - albastru */
.medic-badge.badge-sef {
    background: #1d4ed8;
    color: #fff;
}

/* Coordonator - verde */
.medic-badge.badge-coordonator {
    background: #15803d;
    color: #fff;
}

/* baza badge */
.medic-badge {
    display: inline-block;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 999px;
    margin: 6px 0;
    letter-spacing: 0.3px;
}

/* Director - mov premium */
.medic-badge.badge-director {
    background: linear-gradient(135deg, #7c3aed, #5b21b6);
    color: #fff;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.3);
}

/* Șef secție - albastru */
.medic-badge.badge-sef {
    background: linear-gradient(135deg, #2563eb, #1e3a8a);
    color: #fff;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.3);
}

/* Coordonator - verde */
.medic-badge.badge-coordonator {
    background: linear-gradient(135deg, #16a34a, #166534);
    color: #fff;
    box-shadow: 0 2px 6px rgba(22, 163, 74, 0.3);
}

.medic-badge::before {
    content: "● ";
    font-size: 10px;
    margin-right: 4px;
}

.medic-badge.badge-director { background: #6b21a8; color:#fff; }
.medic-badge.badge-sef { background: #1d4ed8; color:#fff; }
.medic-badge.badge-coordonator { background: #15803d; color:#fff; }

.badge-icon {
    margin-right: 6px;
}