/* ============================================================
   FERTILIA PORTAL — CSS Principal
   Paletă: Red #B01419 | Dark Red #8a0f13 | Light #FFF5F5
   ============================================================ */

:root {
  --f-red: #B01419;
  --f-red-dark: #8a0f13;
  --f-red-light: #FFF5F5;
  --f-red-border: #F5C6C7;
  --f-text: #1A1A1A;
  --f-sidebar-bg: #1a0507;
}

/* ---- Base ---- */
body { background: #F8F4F4; color: var(--f-text); font-family: 'Segoe UI', Arial, sans-serif; }
a { color: var(--f-red); }
a:hover { color: var(--f-red-dark); }

/* ---- Navbar ---- */
.fertilia-navbar {
  background: var(--f-red);
  box-shadow: 0 2px 12px rgba(200,24,30,.3);
  min-height: 60px;
}
.fertilia-navbar .navbar-brand img { filter: none; }
.fertilia-navbar .nav-link { color: rgba(255,255,255,.9) !important; font-size:.92rem; border-radius:6px; padding:.4rem .7rem; transition: background .15s; }
.fertilia-navbar .nav-link:hover, .fertilia-navbar .nav-link.active { color: #fff !important; background: rgba(255,255,255,.2); }
.fertilia-navbar .dropdown-menu { border: 1px solid var(--f-red-border); box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.fertilia-navbar .avatar-circle { width:30px; height:30px; background: rgba(255,255,255,.25); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.8rem; font-weight:700; color:#fff; }

/* ---- Buttons ---- */
.btn-fertilia { background: var(--f-red); color: #fff; border: none; font-weight:500; }
.btn-fertilia:hover, .btn-fertilia:focus { background: var(--f-red-dark); color: #fff; }
.btn-fertilia:disabled { background: #e8a0a3; }
.btn-outline-primary { color: var(--f-red) !important; border-color: var(--f-red) !important; }
.btn-outline-primary:hover { background: var(--f-red) !important; color: #fff !important; }
.link-fertilia { color: var(--f-red); text-decoration: none; font-weight:500; }
.link-fertilia:hover { color: var(--f-red-dark); text-decoration: underline; }

/* ---- Cards ---- */
.fertilia-card { border: 1px solid var(--f-red-border); border-radius:12px; box-shadow:0 2px 8px rgba(200,24,30,.07); overflow:hidden; }
.fertilia-card .card-header { background: var(--f-red-light); border-bottom: 1px solid var(--f-red-border); padding: 12px 16px; font-size:.92rem; }

/* ---- Hero card ---- */
.fertilia-hero-card {
  background: linear-gradient(135deg, var(--f-red) 0%, #e02030 100%);
  color: #fff;
  border-radius: 16px;
  padding: 28px 32px;
  box-shadow: 0 4px 20px rgba(200,24,30,.3);
}
.fertilia-hero-card h4 { font-weight:700; margin-bottom:.25rem; }

/* ---- Stat cards ---- */
.stat-card { background:#fff; border:1px solid var(--f-red-border); border-radius:12px; padding:20px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.05); }
.stat-icon { width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-size:1.4rem; margin:0 auto 10px; }
.stat-value { font-size:1.8rem; font-weight:700; color:var(--f-red); line-height:1; }
.stat-label { color:#888; font-size:.82rem; margin-top:4px; }

/* ---- Document cards ---- */
.doc-icon { width:40px; height:40px; background:#fff0f0; border-radius:8px; display:flex; align-items:center; justify-content:center; color:var(--f-red); font-size:1.2rem; flex-shrink:0; }
.doc-icon-lg { width:52px; height:52px; background:#fff0f0; border-radius:10px; display:flex; align-items:center; justify-content:center; color:var(--f-red); font-size:1.6rem; flex-shrink:0; }
.doc-card { transition:box-shadow .2s; }
.doc-card:hover { box-shadow: 0 4px 16px rgba(200,24,30,.15); }

/* ---- Notifications ---- */
.notif-item { display:flex; align-items:flex-start; gap:10px; padding:12px 16px; border-bottom:1px solid var(--f-red-border); }
.notif-item.unread { background:#fff8f8; }
.notif-dot { width:8px; height:8px; border-radius:50%; background:var(--f-red); flex-shrink:0; margin-top:5px; }
.notif-dot.read { background:#ccc; }

/* ---- Empty state ---- */
.empty-state { text-align:center; padding:40px 20px; color:#aaa; }
.empty-state i { font-size:2.5rem; display:block; margin-bottom:12px; }
.empty-state p { margin:0; }

/* ---- Auth pages ---- */
.auth-body { background: linear-gradient(135deg, #fff0f0 0%, #ffe4e4 100%); min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; }
.auth-wrapper { width:100%; max-width:460px; }
.auth-card { background:#fff; border-radius:20px; padding:40px; box-shadow:0 8px 40px rgba(200,24,30,.15); border-top:4px solid var(--f-red); }
.auth-logo { text-align:center; margin-bottom:20px; }
.auth-title { text-align:center; font-weight:700; color:var(--f-red); font-size:1.4rem; margin-bottom:4px; }
.auth-subtitle { text-align:center; color:#888; font-size:.88rem; margin-bottom:24px; }
.auth-footer { text-align:center; margin-top:24px; }

/* ---- Avatar ---- */
.avatar-circle { width:36px; height:36px; background:var(--f-red); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-weight:700; color:#fff; font-size:.85rem; flex-shrink:0; }
.avatar-circle.sm { width:28px; height:28px; font-size:.75rem; }
.avatar-circle.lg { width:56px; height:56px; font-size:1.3rem; }

/* ---- Slot buttons (programari) ---- */
.slot-btn { min-width:70px; }
.slot-btn.active { background: var(--f-red) !important; border-color: var(--f-red) !important; color: #fff !important; }

/* ---- Footer ---- */
.fertilia-footer { background:var(--f-red); color:rgba(255,255,255,.85); font-size:.82rem; margin-top:60px; }
.fertilia-footer a { color:rgba(255,255,255,.7); text-decoration:none; }
.fertilia-footer a:hover { color:#fff; }

/* ---- Badges ---- */
.badge.bg-danger { background-color: var(--f-red) !important; }

/* ---- Responsive ---- */
@media (max-width:576px) {
  .auth-card { padding:24px 20px; }
  .fertilia-hero-card { padding:20px; }
}