:root {
    --b2b-primary: #26613F;        /* Alekvima žalia (iš logotipo) */
    --b2b-primary-dark: #143522;
    --b2b-primary-rgb: 38, 97, 63;
    --bs-primary: #26613F;
    --bs-primary-rgb: 38, 97, 63;
    --bs-link-color: #1a4a2e;
    --bs-link-color-rgb: 26, 74, 46;
    --bs-link-hover-color: #0f2d1b;
}
[x-cloak] { display: none !important; }

body { background: #f5f6f8; }

/* ---------- Žalia tema (primary override be SASS rekompiliavimo) ---------- */
.bg-primary { background-color: var(--b2b-primary) !important; }
.text-primary { color: var(--b2b-primary) !important; }
.text-bg-primary { background-color: var(--b2b-primary) !important; color: #fff !important; }
.btn-primary {
    --bs-btn-bg: var(--b2b-primary);
    --bs-btn-border-color: var(--b2b-primary);
    --bs-btn-hover-bg: var(--b2b-primary-dark);
    --bs-btn-hover-border-color: var(--b2b-primary-dark);
    --bs-btn-active-bg: var(--b2b-primary-dark);
    --bs-btn-active-border-color: var(--b2b-primary-dark);
    --bs-btn-disabled-bg: var(--b2b-primary);
    --bs-btn-disabled-border-color: var(--b2b-primary);
}
.btn-outline-primary {
    --bs-btn-color: var(--b2b-primary);
    --bs-btn-border-color: var(--b2b-primary);
    --bs-btn-hover-bg: var(--b2b-primary);
    --bs-btn-hover-border-color: var(--b2b-primary);
    --bs-btn-active-bg: var(--b2b-primary);
    --bs-btn-active-border-color: var(--b2b-primary);
}
.btn-check:checked + .btn-outline-primary { background-color: var(--b2b-primary); border-color: var(--b2b-primary); color: #fff; }
.nav-pills { --bs-nav-pills-link-active-bg: var(--b2b-primary); }
.form-control:focus, .form-select:focus { border-color: var(--b2b-primary); box-shadow: 0 0 0 .25rem rgba(var(--b2b-primary-rgb), .25); }
a { color: var(--bs-link-color); }
a:hover { color: var(--bs-link-hover-color); }

/* Žali (success) elementai — ta pati žalia gama */
.bg-success { background-color: var(--b2b-primary) !important; }
.text-bg-success { background-color: var(--b2b-primary) !important; color: #fff !important; }
.btn-success {
    --bs-btn-bg: var(--b2b-primary);
    --bs-btn-border-color: var(--b2b-primary);
    --bs-btn-hover-bg: var(--b2b-primary-dark);
    --bs-btn-hover-border-color: var(--b2b-primary-dark);
    --bs-btn-active-bg: var(--b2b-primary-dark);
    --bs-btn-active-border-color: var(--b2b-primary-dark);
    --bs-btn-disabled-bg: var(--b2b-primary);
    --bs-btn-disabled-border-color: var(--b2b-primary);
}
.btn-outline-success {
    --bs-btn-color: var(--b2b-primary-dark);
    --bs-btn-border-color: var(--b2b-primary);
    --bs-btn-hover-bg: var(--b2b-primary);
    --bs-btn-hover-border-color: var(--b2b-primary);
    --bs-btn-active-bg: var(--b2b-primary);
    --bs-btn-active-border-color: var(--b2b-primary);
}
.form-check-input:checked { background-color: var(--b2b-primary); border-color: var(--b2b-primary); }

/* flatpickr kalendorius — ta pati gama */
.flatpickr-day.selected, .flatpickr-day.selected:hover {
    background: var(--b2b-primary); border-color: var(--b2b-primary);
}
.flatpickr-day.today { border-color: var(--b2b-primary); }

/* ---------- Kategorijų medis ---------- */
.sidebar-tree {
    background: #fff;
    border-right: 1px solid #e6e8eb;
    min-height: calc(100vh - 56px);
    padding: 1rem 0.5rem;
    position: sticky;
    top: 56px;
    max-height: calc(100vh - 56px);
    overflow-y: auto;
}
.tree-list { margin: 0; padding-left: 0; }
.tree-list .tree-list { padding-left: 0.75rem; }
.tree-row { border-radius: 6px; padding: 1px 2px; }
.tree-row:hover { background: #eef2ff; }
.tree-row.active { background: #dbe7ff; }
.tree-link { padding: 4px 6px; color: #333; text-decoration: none; font-size: 0.92rem; }
.tree-link:hover { color: var(--b2b-primary); }
.tree-toggle { padding: 0 4px; color: #888; border: 0; background: transparent; }
.tree-toggle[aria-expanded="true"] i { transform: rotate(90deg); }
.tree-toggle i { transition: transform 0.15s; }
.tree-toggle-placeholder { display: inline-block; width: 22px; }

/* ---------- Prekių kortelės ---------- */
.product-card { transition: box-shadow 0.15s; }
.product-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.1); }
.product-img { height: 130px; object-fit: contain; padding: 4px; }
.product-detail-img { max-height: 360px; object-fit: contain; }
.product-title { color: #1d2430; font-weight: 600; font-size: 0.95rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.price-block .display-6 { line-height: 1.1; }

/* ---------- Atvaizdavimo būdai (tinklelis / be paveikslėlių) ---------- */
.products-wrap.hide-images .product-img-link { display: none !important; }
.product-img-link { cursor: zoom-in; }

/* ---------- Prekių lentelė (sąrašo režimas) ---------- */
.products-table th { white-space: nowrap; }
.products-table td { vertical-align: middle; }

/* Mažame ekrane lentelė virsta kortelėmis: kiekvienas <td> — pilno pločio eilutė su
   data-label antrašte; abu veiksmų mygtukai (Į krepšelį / Į krepšelius) persikelia
   į vieną eilutę apačioje, vienas šalia kito. */
@media (max-width: 767.98px) {
    .products-table thead { display: none; }
    .products-table, .products-table tbody, .products-table tr, .products-table td {
        display: block; width: 100%;
    }
    .products-table tr {
        border: 1px solid #e6e8eb; border-radius: 8px; margin-bottom: 0.75rem; padding: 0.5rem 0.75rem;
    }
    .products-table tr:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.06); }
    .products-table td {
        border: 0 !important; padding: 0.2rem 0 !important; text-align: left !important;
    }
    .products-table td[data-label]:not([data-label=""])::before {
        content: attr(data-label) ": "; font-weight: 600; color: #555;
    }
    .products-table td.products-table-actions {
        display: inline-block; width: auto; margin-top: 0.4rem; margin-right: 0.5rem;
    }
}

/* ---------- Krepšelių pasirinkimo popup ---------- */
.cart-pick { max-height: 220px; overflow-y: auto; }
.cart-pick label { cursor: pointer; }
.btn-group.disabled-group { opacity: .65; }

/* ---------- Paieškos spinneris ---------- */
.search-spinner { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }

/* ---------- Auth ---------- */
.auth-body { background: linear-gradient(135deg, #26613F 0%, #143522 100%); min-height: 100vh; }
.auth-card-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 1rem; }
.auth-card { width: 100%; max-width: 420px; border: 0; }

/* ---------- Admin ---------- */
.admin-sidebar { background: #1d2430; min-height: calc(100vh - 56px); }
.admin-sidebar .nav-link { color: #c5ccd6; }
.admin-sidebar .nav-link:hover, .admin-sidebar .nav-link.active { color: #fff; background: rgba(255,255,255,0.08); }