/* Adapted style.css (same as before, with small addition for login button background) */ /* ... (keep the full content as you already have) ... */ /* Add / override for the login button in navbar so its background matches hover color */ .navbar .nav-link.btn { background: rgba(255,255,255,0.08); /* aceeași nuanță ca hover */ color: #fff !important; padding: 0.35rem 0.8rem; border-radius: 8px; margin-left: 0.5rem; transition: background 0.15s ease; } .navbar .nav-link.btn:hover, .navbar .nav-link.btn:focus { background: rgba(255,255,255,0.12); color: #fff !important; } /* If btn-light utility (class present in HTML) tries to override, make sure this has higher specificity */ .navbar .nav-link.btn.btn-light { background: rgba(255,255,255,0.08); color: #fff !important; border: none; box-shadow: none; } /* normalizează spațierea paginilor — asigură padding și centrare aplică DOAR copiilor direcți ai
care NU sunt .container/.container-fluid — astfel nu suprascriem layout-urile deja corecte */ main.flex-grow-1 { padding-top: 2.5rem; padding-bottom: 2.5rem; } /* Pe desktop limităm lățimea conținutului la 1200px și centrăm. Se aplică numai elementelor care nu sunt deja .container sau .container-fluid */ main.flex-grow-1 > :not(.container):not(.container-fluid) { max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 1rem; padding-right: 1rem; box-sizing: border-box; } /* Ajustări pentru ecrane mici */ @media (max-width: 767.98px) { main.flex-grow-1 { padding-top: 1.5rem; padding-bottom: 1.5rem; } main.flex-grow-1 > :not(.container):not(.container-fluid) { padding-left: 0.75rem; padding-right: 0.75rem; } } /* mic polish — distanțe între card-uri / module în interiorul main */ main.flex-grow-1 .card, main.flex-grow-1 .main-card, main.flex-grow-1 section { margin-bottom: 1.25rem; } /* Dacă vrei ca anumite pagini să aibă spațiere mai mare, poți adăuga body class ex: și folosi: body.page-messages main.flex-grow-1 { padding-top: 3.5rem; } */ /* ===== MOBILE FIRST – EXTRA ===== */ @media (max-width: 576px) { :root { --font-size-base: 0.875rem; /* 14 px */ } body { font-size: var(--font-size-base); } /* Navbar – brand mai mic */ .navbar-brand img { width: 32px; height: 32px; } .navbar-brand span { font-size: 1rem; } /* Butoane – dimensiune compactă */ .btn { padding: 0.375rem 0.75rem; font-size: 0.875rem; } /* Tabele – scroll orizontal */ .table-responsive { font-size: 0.8125rem; } .table-responsive table { min-width: 600px; } /* Ascundem coloane neesențiale pe mobil */ .d-mobile-none { display: none !important; } /* Card-uri – fără umbra mare */ .main-card { box-shadow: none; border: 1px solid var(--bs-gray-300); } } /* ===== TABLET ===== */ @media (min-width: 577px) and (max-width: 768px) { .main-card { margin: 0.5rem; } } /* Fixăm conținutul sub cele 2 rânduri de butoane (înălțime totală ~96 px) */ @media (max-width: 767px) { body { padding-top: 110px; } /* Dacă ai breadcrumb, și el să nu fie acoperit */ .breadcrumb { top: 96px; position: relative; } } .provider-avatar { width: 150px; height: 150px; object-fit: cover; /* decupează imaginea ca să umple pătratul fără distorsiune */ border-radius: 50%; /* păstrează forma rotundă (opţional) */ }