/* creat de Claude in 21.07.2026 20:54
 *
 * Tema myelectrica.ro aplicata peste Bootstrap 5.3.
 * Extrasa din design tokens-urile site-ului myelectrica.ro (Tailwind v4):
 * font Encode Sans + paleta brand albastru/rosu. Inlocuieste vechiul look verde Adams.
 */

@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&display=swap");

:root {

    /* culorile de brand myelectrica */
    --myele-blue: #0074bb;
    --myele-var-blue: #005a94;
    --myele-red: #ee1c25;

    --myele-bg: #f4f7fa;
    --myele-radius: 1rem;
    --myele-shadow: 0 5px 20px rgba(0, 32, 64, .08);

    /* suprascriem tema Bootstrap ca sa devina albastra */
    --bs-primary: var(--myele-blue);
    --bs-primary-rgb: 0, 116, 187;
    --bs-link-color: var(--myele-blue);
    --bs-link-color-rgb: 0, 116, 187;
    --bs-link-hover-color: var(--myele-var-blue);
    --bs-border-radius: .6rem;
    --bs-body-font-family: "Encode Sans", sans-serif;
}

body {

    font-family: "Encode Sans", sans-serif;
    background: var(--myele-bg);
    color: #1f2a37;
}

/* --- Butoane --- */

.btn-primary,
.btn-success,
.adams-btn {

    background: var(--myele-blue);
    border-color: var(--myele-blue);
    color: #fff;
}

.btn-primary:hover,
.btn-success:hover,
.adams-btn:hover,
.btn-primary:focus,
.btn-success:focus {

    background: var(--myele-var-blue);
    border-color: var(--myele-var-blue);
    color: #fff;
}

.btn-danger {

    background: var(--myele-red);
    border-color: var(--myele-red);
}

.btn-outline-primary {

    color: var(--myele-blue);
    border-color: var(--myele-blue);
}

.btn-outline-primary:hover {

    background: var(--myele-blue);
    color: #fff;
}

/* --- Carduri --- */

.card,
.dashboard-card {

    border: none;
    border-radius: var(--myele-radius);
    box-shadow: var(--myele-shadow);
}

.dashboard-card h6 {
    color: #6b7684;
}

.dashboard-card h3 {
    color: var(--myele-var-blue);
    font-weight: 700;
}

/* --- Sidebar (albastru myelectrica) --- */

.sidebar,
.offcanvas.bg-dark {

    background: linear-gradient(180deg, var(--myele-blue) 0%, var(--myele-var-blue) 100%) !important;
    border-right: none;
}

.sidebar .nav-link,
.offcanvas .nav-link {

    color: rgba(255, 255, 255, .9) !important;
    font-weight: 500;
    border-radius: .6rem;
    padding: .55rem .9rem;
    margin-bottom: .15rem;
}

.sidebar .nav-link:hover {

    background: rgba(255, 255, 255, .15);
    color: #fff !important;
}

/* modificat de Claude in 22.07.2026 16:10 */
.offcanvas .nav-link:hover {

    background: #fff;
    color: var(--myele-blue) !important;
}

/* modificat de Claude in 22.07.2026 16:10 */
.mobile-header {

    background: var(--myele-var-blue) !important;
}

.sidebar .nav-link.active,
.offcanvas .nav-link.active {

    background: #fff;
    color: var(--myele-blue) !important;
    font-weight: 600;
}

/* --- Tabele --- */

.table > thead.table-dark,
.table > thead .table-dark {

    --bs-table-bg: var(--myele-var-blue);
}

.table thead th {

    background: var(--myele-var-blue);
    color: #fff;
    border-color: var(--myele-var-blue);
}

/* modificat de Claude in 23.07.2026 00:25: linkurile de paginare in acelasi albastru
   ca antetul tabelelor (--myele-var-blue), nu albastrul implicit al linkurilor */
.pagination .page-link {

    color: var(--myele-var-blue);
}

.pagination .page-item.active .page-link {

    background-color: var(--myele-var-blue);
    border-color: var(--myele-var-blue);
    color: #fff;
}

/* modificat de Claude in 22.07.2026: optimizare mobil pentru toate tabelele (aplicat global, nu per pagina) */
.table-responsive {

    -webkit-overflow-scrolling: touch;
}

@media (max-width: 576px) {

    .table-responsive .table {

        font-size: .8125rem;
    }

    .table-responsive .table th,
    .table-responsive .table td {

        padding: .4rem .5rem;
    }

    .table-responsive .table th,
    .table-responsive .table td:not(.text-start) {

        white-space: nowrap;
    }
}

/* --- Badge-uri de status --- */

.badge.bg-success {
    background: var(--myele-blue) !important;
}

/* modificat de Claude in 23.07.2026 01:14: eticheta livrarii expediate pe verde -
   tema remapeaza .bg-success pe albastru, deci folosim o clasa dedicata pt. shipped */
.badge.badge-shipped {
    background: #1a9e5f !important;
    color: #fff;
}

.badge.bg-danger {
    background: var(--myele-red) !important;
}

/* --- Titluri / accente --- */

.section-title,
.brand {
    color: var(--myele-blue);
}

a {
    color: var(--myele-blue);
}

a:hover {
    color: var(--myele-var-blue);
}

/* modificat de Claude in 22.07.2026 - selectorul de limba din navbar-ul public (index/login/register)
 * foloseste clasa .navbar-nav, pentru care Bootstrap face .dropdown-menu "position: static" sub
 * breakpoint-ul navbar-expand (aici lg), presupunand ca meniul e in interiorul unui .navbar-collapse.
 * Navbar-ul nostru nu se colapseaza, asa ca fara aceasta regula dropdown-ul deschis se randeaza in
 * flux si impinge tot continutul de sub el in jos pe mobil. Il fortam mereu pe position:absolute. */
.navbar-nav .dropdown-menu {
    position: absolute;
}