/* =========================================================
CABINET AMBULATORIU (CLEAN + COMPONENT SAFE)
========================================================= */


/* =========================================================
CONTAINER
========================================================= */

.cabinet-page .ambulatoriu-container{
    max-width:1000px;
    margin:0 auto;
}


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

.cabinet-page .breadcrumb{
    font-size:14px;
    color:var(--text-light);
}

.cabinet-page .breadcrumb a{
    color:var(--primary);
    text-decoration:none;
}

.cabinet-page .cabinet-description,
.cabinet-page .cabinet-intro{
    font-size:15px;
    line-height:1.7;
    color:var(--text);
}


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

.cabinet-page .medici-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
    justify-items:center;
}


/* =========================================================
CARD (DOAR OVERRIDE LIGHT)
========================================================= */

.cabinet-page .medic-card{
    max-width:260px;
    width:100%;
}

/* titular highlight */
.cabinet-page .medic-card.titular{
    border:2px solid #16a34a;
}


/* =========================================================
POZA (override dimensiune)
========================================================= */

.cabinet-page .medic-photo img{
    width:80px;
    height:80px;
    margin-bottom:10px;
    background:#f3f4f6;
}


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

.cabinet-page .medic-nume{
    font-size:15px;
}

.cabinet-page .medic-functie{
    font-size:12px;
    color:var(--primary);
}

.cabinet-page .medic-titular{
    display:inline-block;
    background:#16a34a;
    color:#fff;
    font-size:11px;
    padding:3px 10px;
    border-radius:999px;
    margin-bottom:6px;
}


/* =========================================================
PROGRAM
========================================================= */

.cabinet-page .program-inline{
    display:flex;
    flex-direction:column;
    gap:2px;

    font-size:12px;
    color:var(--text);

    margin-bottom:12px;
}

.cabinet-page .program-inline span{
    display:block;
}

.cabinet-page .program-inline .azi{
    font-weight:600;
    color:var(--primary);
}


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

.cabinet-page .btn-programare-medici{
    width:100%;
    margin-top:auto;

    background:linear-gradient(135deg,#ef4444,#dc2626);
    color:#fff;

    padding:8px;
    border-radius:10px;

    font-size:12px;
    font-weight:600;

    text-decoration:none;
    transition:.2s;
}

.cabinet-page .btn-programare-medici:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 20px rgba(220,38,38,0.3);
}


/* =========================================================
JOB ALERT
========================================================= */

.cabinet-page .cabinet-job-alert{
    background:#fef3c7;
    border:1px solid #fde68a;
    padding:20px;
    border-radius:12px;
}


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

.cabinet-page .sectie-list{
    padding-left:18px;
}

.cabinet-page .sectie-list li{
    margin-bottom:6px;
}

/* ========================================
   FIX GRID CABINETE (layout corect)
======================================== */

.grid-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 25px;
    align-items: stretch;
}

.grid-cards .card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.medic-actions {
    margin-top: auto;
}