/* =========================================================
FILE: transparenta.css
ROLE: Pagini transparență instituțională (FINAL CLEAN)
========================================================= */


/* =========================================================
CONTAINER FIX (IMPORTANT)
========================================================= */

.container{
max-width:1200px;
}


/* =========================================================
GRUPURI
========================================================= */

.trans-group{
margin-top:40px;
}

.trans-group-title{
font-size:20px;
font-weight:600;
color:#1d4ed8;
padding-bottom:8px;
border-bottom:2px solid #1d4ed8;
}

/* =========================================================
TRANSPARENTA – HEADER SPACING FIX
========================================================= */

.transparenta-page {
    padding-top: 30px; /* 🔥 ajustează 20–50px */
}


/* =========================================================
GRID – FIX 3 COLOANE
========================================================= */

.trans-grid{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
gap:22px;
margin-top:20px;
}


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

.trans-card{
background:#ffffff;
border-radius:10px;
padding:20px;

border:1px solid #f1f5f9;

box-shadow:0 2px 8px rgba(0,0,0,0.06);

display:flex;
flex-direction:column;
gap:10px;

text-decoration:none;
color:#1f2937;

transition:all .25s ease;

position:relative;
overflow:hidden;

width:100%;
}

/* hover */
.trans-card:hover{
transform:translateY(-3px);
box-shadow:0 10px 24px rgba(0,0,0,0.12);
}

/* glow */
.trans-card::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg, transparent, rgba(37,99,235,0.06), transparent);
opacity:0;
transition:.3s;
}

.trans-card:hover::after{
opacity:1;
}

/* left accent */
.trans-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:4px;
height:100%;
background:#1d4ed8;
opacity:.08;
transition:.25s;
}

.trans-card:hover::before{
opacity:.5;
}


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

.trans-card-top{
display:flex;
gap:12px;
align-items:flex-start;
}

.trans-icon{
font-size:22px;
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:#f1f5f9;
border-radius:8px;
}

.trans-title{
display:flex;
flex-direction:column;
gap:4px;
}

.trans-card h2{
font-size:17px;
font-weight:600;
margin:0;
color:#111827;
line-height:1.3;
}

.trans-card p{
font-size:13.5px;
color:#6b7280;
line-height:1.5;
margin:0;
}


/* =========================================================
META + CTA
========================================================= */

.trans-count{
font-size:13px;
font-weight:600;
color:#1d4ed8;
}

.trans-card-footer{
margin-top:auto;
display:flex;
justify-content:flex-end;
}

.trans-cta{
font-size:13px;
font-weight:600;
color:#2563eb;
transition:.2s;
}

.trans-card:hover .trans-cta{
transform:translateX(4px);
}


/* EMPTY */
.trans-card.empty{
opacity:.6;
filter:grayscale(.2);
}


/* =========================================================
DOCUMENTE
========================================================= */

.transparenta-documente{
padding:60px 0;
min-height:420px;
}

.documente-grid{
display:flex;
flex-direction:column;
gap:14px;
margin-top:20px;
}

.document-card{
display:flex;
align-items:center;
justify-content:space-between;

background:#fff;
border-radius:8px;
padding:14px 18px;

border:1px solid #f1f5f9;

box-shadow:0 2px 6px rgba(0,0,0,0.06);

text-decoration:none;
color:#1f2937;

transition:all .25s ease;
}

.document-card:hover{
transform:translateY(-3px);
box-shadow:0 6px 16px rgba(0,0,0,0.1);
}

.document-card-left{
display:flex;
align-items:center;
gap:14px;
flex:1;
}

.document-icon{
width:32px;
height:32px;
background:#f3f4f6;
display:flex;
align-items:center;
justify-content:center;
border-radius:6px;
font-size:18px;
}

.document-title{
font-weight:600;
font-size:15px;
}

.document-date{
font-size:13px;
color:#6b7280;
}


/* =========================================================
BUTOANE DOCUMENT
========================================================= */

.document-actions{
display:flex;
align-items:center;
gap:10px;
margin-left:auto;
}

.document-btn-view,
.document-btn-download{
display:flex;
align-items:center;
gap:6px;
font-size:13px;
padding:6px 12px;
border-radius:6px;
text-decoration:none;
}

.document-btn-view{
background:#f3f4f6;
color:#374151;
}

.document-btn-view:hover{
background:#e5e7eb;
}

.document-btn-download{
background:#2563eb;
color:white;
}

.document-btn-download:hover{
background:#1d4ed8;
}


/* =========================================================
EMPTY STATE
========================================================= */

.document-empty{
background:#fff7ed;
border-left:4px solid #f97316;
padding:18px 20px;
border-radius:6px;
color:#9a3412;
font-size:15px;
max-width:700px;
margin-top:20px;
}


/* =========================================================
SEARCH
========================================================= */

.document-search{
margin:20px 0 30px;
}

.document-search-input{
width:100%;
max-width:420px;
padding:10px 14px;
border-radius:8px;
border:1px solid #e5e7eb;
font-size:14px;
}


/* =========================================================
ANIMATII
========================================================= */

.trans-card,
.document-card{
transition:all .25s ease;
}


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

@media (max-width:1024px){
.trans-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media (max-width:640px){
.trans-grid{
grid-template-columns:1fr;
}

.trans-card{
padding:16px;
}

.document-card{
flex-direction:column;
align-items:flex-start;
gap:8px;
}
}

.trans-grid{
display:grid !important;
grid-template-columns:repeat(auto-fill,minmax(280px,1fr)) !important;
gap:22px;
}

.trans-grid > *{
width:100%;
}

/* =========================================================
TRANSPARENTA – BASE
========================================================= */

.transparanta-page .section {
    padding: 25px 0;
}

.transparanta-page .section-title {
    margin-bottom: 25px;
}

/* =========================================================
TRANSPARENTA – HERO TITLE
========================================================= */

.transparenta-page h1 {
    font-size: 34px;
    margin-bottom: 10px;
    color: var(--primary); /* 🔥 albastru consistent */
}

.transparenta-page .page-header {
    margin-top: 30px;
}