/* ==BASE PAGE STYLES== */
body{font-family:Arial, sans-serif;background:#f5f5f5;margin:0;padding:0;}
header{background:#222;color:#fff;padding:15px;text-align:center;}
/* CSS pentru a bloca selectarea și drag‑ul la images */
img{-webkit-user-drag:none;user-drag:none;}
body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
/* ==FILTER BAR== / CARD – padding echilibrat sus/jos */
.filters-card{background: var(--color-card-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-soft);padding: 10px var(--space-18) 25px;margin: 16px 16px var(--space-16);}
/* TOP BAR */
.filters-top{display:flex;align-items:center;justify-content:space-between;padding:15px 10px;margin-bottom: var(--space-10);}
.filters-left{display:flex;align-items:center;gap: var(--space-10);}
.filters-icon{width:28px;height:28px;border-radius: var(--radius-full);background: var(--color-accent-soft);display:flex;align-items:center;justify-content:center;color: var(--color-accent);font-size:16px;}
.filters-title{font-size:17px;font-weight:700;}
/* TOGGLE BUTTON */
.filters-toggle{border-radius: var(--radius-full);border:1px solid rgba(148,163,184,0.6);background:transparent;padding: var(--space-6) var(--space-12);font-size:12px;display:flex;align-items:center;gap: var(--space-6);cursor:pointer; transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);}
.filters-toggle:hover{background:rgba(148,163,184,0.12);transform: translateY(-1px);}
/* PANEL DESCHIS */
.filters-panel{max-height:600px;opacity:1;transition:opacity var(--transition-fast), max-height var(--transition-fast);padding:0 10px 10px 10px;box-sizing:border-box;}
/* PANEL ÎNCHIS – fără padding jos */
.filters-panel.collapsed{max-height:0;opacity:0;overflow:hidden;padding-bottom:0 !important;}
/* INTERNAL FILTERS LAYOUT */
.filters{min-width:0;display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap: var(--space-10);}
.filters > * {min-width:0;}
/* MOBILE FILTERS */
@media (max-width: 768px) {
    .filters {
        grid-template-columns: 1fr;
    }
}
/* FULL WIDTH BUTTON */
.clear-btn{max-width:230px;width:100%;grid-column: span 3;border-radius: var(--radius-full);border:1px dashed rgba(248,113,113,0.8);background:rgba(248,113,113,0.06);color:#b91c1c;padding: var(--space-6) var(--space-10);font-size:12px;cursor:pointer;}
.clear-btn:hover{background:rgba(248,113,113,0.16);border-color:#ef4444;transform:translateY(-1px);box-shadow:0 10px 24px rgba(248,113,113,0.45);}
@media (max-width: 768px) {
    .clear-btn {
        max-width:100%;
        width:100%;
    }
}
/* UNIFORM INPUTS + SELECTS */
.filters input, .filters select{width:100%;min-width:0;height:38px;border-radius: var(--radius-full);border:1px solid rgba(148,163,184,0.8);padding:0 var(--space-10);font-size:12px;background:rgba(15,23,42,0.01);color:inherit;outline:none;}
.filters input, .filters select{transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);}
.filters input:focus, .filters select:focus{border-color: var(--color-accent);box-shadow:0 0 0 1px rgba(37,99,235,0.5);background:rgba(15,23,42,0.02);}
#search{width:100%;min-width:0;}
/* ==LOADING ANIMATION== */
#loading{display:flex;justify-content:center !important;align-items:center !important;gap: 8px !important;padding:25px !important;min-height:40px !important;}
#loading span{width:10px !important;height:10px !important;background:red !important;border-radius:50% !important;display:inline-block !important;animation: pulse 0.6s infinite alternate !important;}
#loading span:nth-child(2){animation-delay:0.2s;}
#loading span:nth-child(3){animation-delay:0.4s;}
@keyframes pulse {
    from { transform: scale(0.5);opacity:0.5;}
    to   { transform: scale(1.2);opacity:1;}
}
/* Pozitionare fixa pentru loading (vizibil oriunde in pagina) */
#loading.loading-fixed{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:999999;background:rgba(255, 255, 255, 0.75);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);padding:6px 12px !important;}
#loading.loading-fixed{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;}
/* ==LOAD MORE ARTICLES BUTTON== */
#loadMore{display:block;margin:20px auto;text-align:center;background:transparent;color:inherit;border:1px solid rgba(148,163,184,0.6);border-radius: var(--radius-full);}
#loadMore{padding:8px 14px;font-size:12px;cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);pointer-events:auto;}
#loadMore{position:relative;z-index:10000;}
#loadMore:hover{background:rgba(148,163,184,0.12);transform:translateY(-1px);}