/* =========================================================
PAGE HEADER (UPGRADE)
========================================================= */

.page-header{
    background:linear-gradient(135deg,#1e3a8a,#0b3d91);
    color:#fff;

    padding:50px 0 40px;
}

.page-header h1{
    font-size:34px;
    margin-bottom:8px;
}

.page-header p{
    color:rgba(255,255,255,0.9);
}


/* breadcrumb pe albastru */
.page-header .breadcrumb{
    margin-bottom:10px;
}

.page-header .breadcrumb a{
    color:#fff;
    opacity:.9;
}

.page-header .breadcrumb span{
    color:#fff;
    opacity:.7;
}


/* =========================================================
SECTION
========================================================= */

.info-pacient{
    background:#f7f9fc;
    padding:50px 0 70px;
}


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

.info-pacient__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:22px;
}


/* =========================================================
CARD
========================================================= */

.info-pacient__card{
    background:#fff;
    border-radius:14px;
    padding:22px;

    text-decoration:none;

    box-shadow:0 8px 20px rgba(0,0,0,0.06);
    transition:.25s;
}

.info-pacient__card:hover{
    transform:translateY(-5px);
    box-shadow:0 16px 35px rgba(0,0,0,0.12);
}


/* titlu */
.info-pacient__title{
    font-size:16px;
    font-weight:600;
    color:#1e3a8a;
    margin-bottom:8px;
}


/* text */
.info-pacient__text{
    font-size:14px;
    color:#6b7280;
    line-height:1.5;
}

.info-pacient{
    background:#f7f9fc;
    padding:40px 0 60px;
}

.info-pacient .container{
    max-width:1100px; /* 🔥 aliniere cu hero */
}

/* =========================================================
ICON FIX (SIZE + ALIGN)
========================================================= */

.info-pacient__icon{
    width:42px;
    height:42px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#eef3ff;
    border-radius:12px;

    margin-bottom:12px;
}

/* SVG control */
.info-pacient__icon svg{
    width:20px;   /* 🔥 AICI se controlează mărimea reală */
    height:20px;
    fill:#1e3a8a;
}


/* =========================================================
HOVER EFFECT
========================================================= */

.info-pacient__card:hover .info-pacient__icon{
    background:#1e3a8a;
}

.info-pacient__card:hover .info-pacient__icon svg{
    fill:#ffffff;
}

/* =========================================================
FORMULAR FEEDBACK
========================================================= */

.feedback-form {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* label */
.feedback-form label {
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    display: block;
    margin-bottom: 6px;
}

/* select + textarea */
.feedback-form select,
.feedback-form textarea {
    width: 100%;
    padding: 10px 12px;

    border: 1px solid #d1d5db;
    border-radius: 8px;

    font-size: 14px;
    background: #fff;

    transition: all 0.2s ease;
}

/* focus */
.feedback-form select:focus,
.feedback-form textarea:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30,58,138,0.15);
}

/* textarea */
.feedback-form textarea {
    min-height: 100px;
    resize: vertical;
}

/* button */
.feedback-form button {
    align-self: flex-start;

    background: #1e3a8a;
    color: #fff;

    border: none;
    border-radius: 8px;

    padding: 10px 18px;
    font-size: 14px;

    cursor: pointer;
    transition: all 0.2s ease;
}

.feedback-form button:hover {
    background: #163172;
}

/* =========================================================
CARD SOFT (pentru MS)
========================================================= */

.card-soft {
    background: #f8fafc;
    border: 1px solid #e5e7eb;
}

/* badge */
.badge-soft {
    display: inline-block;
    background: #e0edff;
    color: #1e3a8a;
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
}

/* =========================================================
FORMULAR FEEDBACK
========================================================= */

.feedback-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    display: block;
}

.feedback-form select,
.feedback-form textarea {
    width: 100%;
    padding: 10px 12px;

    border: 1px solid #d1d5db;
    border-radius: 8px;

    font-size: 14px;
    background: #fff;

    transition: all 0.2s ease;
}

.feedback-form select:focus,
.feedback-form textarea:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30,58,138,0.15);
}

.feedback-form textarea {
    min-height: 110px;
    resize: vertical;
}

.feedback-form button {
    align-self: flex-start;

    background: #1e3a8a;
    color: #fff;

    border: none;
    border-radius: 8px;

    padding: 10px 18px;
    font-size: 14px;

    cursor: pointer;
    transition: 0.2s;
}

.feedback-form button:hover {
    background: #163172;
}

/* alert */
.alert-success {
    background: #e6f4ea;
    color: #166534;
    padding: 12px;
    border-radius: 8px;
    margin-bottom: 15px;
}