/**
 * PAKO — Obchód Design (global, alle Seiten mit header.php)
 * Version: 2026-09-29 phase2
 */

body.theme-obchod,
body.pako-theme-obchod {
    --primary-color: #0b3d2e;
    --primary-dark: #072a20;
    --primary-light: #1e8f5e;
    --secondary-color: #3d6b5c;
    --success-color: #1e8f5e;
    --error-color: #c0392b;
    --warning-color: #e8c76a;
    --info-color: #3d6b5c;
    --bg-color: #f2f4f3;
    --card-bg: #ffffff;
    --sidebar-bg: #0b3d2e;
    --header-bg: #0b3d2e;
    --text-color: #1b1b1b;
    --text-light: #555555;
    --border-color: #cdd5d1;
    --border-light: #e3e8e5;
    font-family: 'Segoe UI', Arial, sans-serif;
    background: var(--bg-color);
    color: var(--text-color);
}

/* —— Layout —— */
body.pako-theme-obchod.pako-obchod-shell .content-area {
    padding-bottom: 78px;
    max-width: 1200px;
}

body.pako-theme-obchod .main-header {
    background: var(--primary-color);
    color: #fff;
    border-bottom: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

body.pako-theme-obchod .main-header .page-title,
body.pako-theme-obchod .main-header .user-name {
    color: #fff;
}

body.pako-theme-obchod .menu-toggle span {
    background: #fff;
}

body.pako-theme-obchod .main-header .btn-secondary {
    background: #1e8f5e;
    border-color: #1e8f5e;
    color: #fff;
}

body.pako-theme-obchod .sidebar {
    background: var(--sidebar-bg);
}

body.pako-theme-obchod .nav-item.active {
    background-color: rgba(30, 143, 94, 0.35);
    border-left-color: #1e8f5e;
}

body.pako-theme-obchod .nav-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

body.pako-theme-obchod.pako-hide-sidebar .sidebar {
    transform: translateX(-100%);
}

body.pako-theme-obchod.pako-hide-sidebar .sidebar.open {
    transform: translateX(0);
}

body.pako-theme-obchod.pako-hide-sidebar .main-content {
    margin-left: 0 !important;
}

body.pako-theme-obchod.pako-hide-sidebar .menu-toggle {
    display: flex;
}

@media (min-width: 768px) {
    body.pako-theme-obchod.pako-obchod-shell:not(.pako-hide-sidebar) .main-content {
        margin-left: 260px;
    }
}

@media (max-width: 767px) {
    body.pako-theme-obchod.pako-obchod-shell .menu-toggle {
        display: flex;
    }
}

/* —— Buttons —— */
body.pako-theme-obchod .btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
    border-radius: 10px;
    font-weight: 600;
}

body.pako-theme-obchod .btn-primary:hover {
    background: var(--primary-dark);
}

body.pako-theme-obchod .btn-secondary {
    background: var(--secondary-color);
    border-radius: 10px;
}

body.pako-theme-obchod .btn-success {
    background: var(--success-color);
}

body.pako-theme-obchod .btn-danger {
    background: var(--error-color);
}

body.pako-theme-obchod .btn {
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

/* —— Cards & stats —— */
body.pako-theme-obchod .card,
body.pako-theme-obchod .data-card {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

body.pako-theme-obchod .card-header {
    border-bottom-color: var(--border-light);
}

body.pako-theme-obchod .card-title,
body.pako-theme-obchod h1,
body.pako-theme-obchod h2,
body.pako-theme-obchod .content-area > h2 {
    color: var(--primary-color);
}

/* Dashboard — kompakte Stat-Kacheln (~50 % kleiner) */
body.theme-obchod .stats-grid,
body.pako-theme-obchod .stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(96px, 1fr));
    gap: 6px;
    margin-bottom: 12px;
}

body.theme-obchod .stat-card,
body.pako-theme-obchod .stat-card,
body.theme-obchod a.stat-card-link,
body.pako-theme-obchod a.stat-card-link {
    padding: 8px 6px;
    border-radius: 10px;
    border: 1px solid var(--border-color);
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    min-height: 0;
}

body.theme-obchod .stat-card:hover,
body.pako-theme-obchod .stat-card:hover,
body.theme-obchod a.stat-card-link:hover,
body.pako-theme-obchod a.stat-card-link:hover {
    transform: none;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
}

body.theme-obchod .stat-value,
body.pako-theme-obchod .stat-value {
    color: var(--primary-color);
    font-weight: 800;
    font-size: 1.15rem;
    line-height: 1.15;
    margin-bottom: 2px;
}

body.theme-obchod .stat-label,
body.pako-theme-obchod .stat-label {
    font-size: 9px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-transform: none;
    color: var(--text-light);
}

@media (max-width: 768px) {
    body.theme-obchod .stats-grid,
    body.pako-theme-obchod .stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }
}

/* —— Forms —— */
body.pako-theme-obchod .form-group label {
    font-weight: 600;
    color: #333;
}

body.pako-theme-obchod .form-group input,
body.pako-theme-obchod .form-group select,
body.pako-theme-obchod .form-group textarea,
body.pako-theme-obchod .form-control {
    border: 1px solid #b9c4bf;
    border-radius: 9px;
    min-height: 44px;
}

body.pako-theme-obchod .form-group input:focus,
body.pako-theme-obchod .form-group select:focus,
body.pako-theme-obchod .form-group textarea:focus,
body.pako-theme-obchod .form-control:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 3px rgba(11, 61, 46, 0.12);
}

body.pako-theme-obchod .form-group input[type="file"] {
    border-style: dashed;
    border-color: var(--border-color);
    background: #fafcfb;
}

/* —— Tables —— */
body.pako-theme-obchod table {
    border-radius: 12px;
    border: none;
}

/* Projektkarten liegen in der Tabelle; der äußere Rahmen soll unsichtbar bleiben
   (Admin- und User-Projektliste). Die Karte selbst behält ihren Rahmen an tr. */
body.pako-theme-obchod table.card-view {
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

body.pako-theme-obchod table thead {
    background: #eef2f0;
}

body.pako-theme-obchod table th {
    color: var(--primary-color);
    border-bottom-color: var(--border-color);
}

body.pako-theme-obchod table.card-view tr {
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

body.pako-theme-obchod table.card-view tr:hover {
    border-color: var(--primary-light);
}

body.pako-theme-obchod .action-link {
    color: var(--primary-color);
}

/* —— Badges & alerts —— */
body.pako-theme-obchod .badge-primary {
    background: var(--primary-color);
    color: #fff;
}

body.pako-theme-obchod .badge-success {
    background: var(--success-color);
    color: #fff;
}

body.pako-theme-obchod .alert {
    border-radius: 10px;
}

body.pako-theme-obchod .alert-success {
    background: #eef8f2;
    border-color: #1e8f5e;
    color: #0b3d2e;
}

body.pako-theme-obchod .alert-error {
    background: #fbe4e4;
    border-color: #e8a0a0;
}

body.pako-theme-obchod .alert-warning,
body.pako-theme-obchod .notice {
    background: #fff4d6;
    border-color: #e8c76a;
    color: #7a5b0b;
}

body.pako-theme-obchod .alert-info {
    background: #eef4f1;
    border-color: var(--border-color);
}

/* —— Modals —— */
body.pako-theme-obchod .modal-content {
    border-radius: 14px;
    border: 1px solid var(--border-color);
}

body.pako-theme-obchod .modal-header {
    border-bottom-color: var(--border-light);
}

body.pako-theme-obchod .modal-header h3 {
    color: var(--primary-color);
}

/* —— Photos / upload —— */
body.pako-theme-obchod .photo-item {
    border-radius: 10px;
    border: 2px solid var(--border-color);
}

body.pako-theme-obchod .photo-item:hover {
    border-color: var(--primary-color);
}

body.pako-theme-obchod .photo-gallery {
    gap: 10px;
}

body.pako-theme-obchod .upload-progress {
    border-radius: 10px;
}

body.pako-theme-obchod .upload-network-status {
    border-radius: 10px;
}

body.pako-theme-obchod .upload-network-status--ok {
    border-color: #1e8f5e;
    background: #eef8f2;
}

/* —— FullCalendar —— */
body.pako-theme-obchod .fc-button-primary,
body.pako-theme-obchod .fc-button {
    background: var(--primary-color) !important;
    border-color: var(--primary-dark) !important;
    border-radius: 8px !important;
}

body.pako-theme-obchod .fc-button-active,
body.pako-theme-obchod .fc-button:hover {
    background: var(--primary-dark) !important;
}

body.pako-theme-obchod .fc-toolbar-title {
    color: var(--primary-color);
    font-weight: 700;
}

body.pako-theme-obchod .fc-day-today {
    background: #eef4f1 !important;
}

body.pako-theme-obchod .fc-event {
    background: var(--primary-light);
    border-color: var(--primary-color);
    border-radius: 6px;
}

/* —— Project view tabs / filters —— */
body.pako-theme-obchod .project-tabs a.active,
body.pako-theme-obchod .nav-tabs .active,
body.pako-theme-obchod .filter-bar .active {
    background: var(--primary-color);
    color: #fff;
    border-radius: 8px;
}

body.pako-theme-obchod a {
    color: var(--primary-color);
}

body.pako-theme-obchod a.btn {
    color: inherit;
}

body.pako-theme-obchod a.btn-primary,
body.pako-theme-obchod a.btn-secondary,
body.pako-theme-obchod a.btn-success,
body.pako-theme-obchod a.btn-danger {
    color: #fff;
}

/* —— Home tiles (Dashboard) —— */
body.pako-theme-obchod .pako-home-tiles .func-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    gap: 8px;
    margin-bottom: 1.25rem;
}

body.pako-theme-obchod .pako-home-tiles .fbtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 74px;
    padding: 8px 4px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #d5ded9;
    font-size: 11px;
    font-weight: 700;
    color: #1b1b1b;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

body.pako-theme-obchod .pako-home-tiles .fbtn--primary {
    background: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

body.pako-theme-obchod .pako-obchod-sticky-title {
    font-size: 16px;
    font-weight: 800;
    color: var(--primary-color);
    margin: 0 0 12px;
}

/* —— Bottom navigation (alle Unterseiten) —— */
body.pako-theme-obchod .pako-bottom-nav {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    border-top: 1px solid var(--border-color);
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom, 0));
    gap: 6px;
    z-index: 900;
    max-width: 720px;
    margin: 0 auto;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06);
}

body.pako-theme-obchod .pako-bottom-nav a {
    flex: 1;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    color: var(--primary-color);
    text-decoration: none;
    padding: 6px 2px;
    border-radius: 8px;
}

body.pako-theme-obchod .pako-bottom-nav a .ico {
    display: block;
    font-size: 18px;
}

body.pako-theme-obchod .pako-bottom-nav a.active {
    background: #eef4f1;
}

@media (min-width: 1024px) {
    body.pako-theme-obchod .pako-bottom-nav {
        max-width: none;
        left: 260px;
        right: 0;
    }

    body.pako-theme-obchod.pako-hide-sidebar .pako-bottom-nav {
        left: 0;
    }
}

/* —— Auth pages —— */
body.pako-theme-obchod.pako-login-page,
body.pako-theme-obchod.auth-page {
    background: #f2f4f3;
}

body.pako-theme-obchod .auth-box,
body.pako-theme-obchod .auth-container .auth-box {
    border-radius: 12px;
    border: 1px solid var(--border-color);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body.pako-theme-obchod .auth-box h1 {
    color: var(--primary-color);
}

body.pako-theme-obchod .auth-form .btn-primary {
    width: 100%;
    padding: 14px;
}

/* —— Print —— */
@media print {
    body.pako-theme-obchod .pako-bottom-nav {
        display: none !important;
    }
}

body.pako-theme-obchod *:focus-visible {
    outline-color: var(--primary-light);
}

/* ========== Phase 3: alle Unterseiten / Komponenten ========== */

body.pako-theme-obchod .install-page {
    background: var(--bg-color);
}

body.pako-theme-obchod .install-section {
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

body.pako-theme-obchod .install-header h1,
body.pako-theme-obchod .install-section h2 {
    color: var(--primary-color);
}

body.pako-theme-obchod .project-info {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1rem 1.25rem;
}

body.pako-theme-obchod .project-info p strong {
    color: var(--primary-color);
}

body.pako-theme-obchod .note-item {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 0.85rem 1rem;
    margin-bottom: 0.65rem;
    background: #fff;
}

body.pako-theme-obchod .project-signature-block {
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1rem;
    background: #fafcfb;
}

body.pako-theme-obchod .video-thumbnail,
body.pako-theme-obchod .video-item {
    border-radius: 10px;
    border: 1px solid var(--border-color);
    overflow: hidden;
}

body.pako-theme-obchod .video-play-button {
    background: rgba(11, 61, 46, 0.85);
}

body.pako-theme-obchod .materials-table tr,
body.pako-theme-obchod .tasks-table tr,
body.pako-theme-obchod .logs-table tr,
body.pako-theme-obchod table.card-view tr {
    border-color: var(--border-color);
}

body.pako-theme-obchod .materials-table tr:hover,
body.pako-theme-obchod .tasks-table tr:hover,
body.pako-theme-obchod table.card-view tr:hover {
    border-color: var(--primary-light);
}

body.pako-theme-obchod table.card-view.card-view--work-hours tr {
    border-left: 3px solid var(--primary-light);
}

body.pako-theme-obchod .wh-work-hours-form,
body.pako-theme-obchod .employee-name-row,
body.pako-theme-obchod .mb-3.p-3 {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

body.pako-theme-obchod .employee-name-input {
    border-radius: 9px;
    border: 1px solid #b9c4bf;
}

body.pako-theme-obchod .wh-emp-status--done,
body.pako-theme-obchod .wh-emp-sig--yes {
    color: #1e8f5e !important;
}

body.pako-theme-obchod .wh-emp-status--open {
    color: #c0392b !important;
}

body.pako-theme-obchod .week-sig-modal-user,
body.pako-theme-obchod .week-sig-modal {
    border-radius: 12px;
    border: 1px solid var(--border-color);
}

body.pako-theme-obchod .stunden-pdf-popup__h1,
body.pako-theme-obchod .stunden-pdf-popup__h2 {
    color: var(--primary-color);
}

body.pako-theme-obchod .stunden-pdf-popup__tbl th {
    background: #eef2f0;
    color: var(--primary-color);
}

body.pako-theme-obchod .log-row--danger {
    border-left: 4px solid #c0392b;
    background: #fff8f8;
}

body.pako-theme-obchod .grid.grid-2 {
    gap: 10px;
}

body.pako-theme-obchod .grid.grid-2 > .card,
body.pako-theme-obchod .grid.grid-2 > .form-group {
    border-radius: 12px;
}

body.pako-theme-obchod .admin-projects-table thead,
body.pako-theme-obchod .user-projects-table thead,
body.pako-theme-obchod .logs-table thead {
    background: #eef2f0;
}

body.pako-theme-obchod .admin-projects-table th,
body.pako-theme-obchod .user-projects-table th,
body.pako-theme-obchod .logs-table th {
    color: var(--primary-color);
}

body.pako-theme-obchod .pagination a.active,
body.pako-theme-obchod .pagination .current {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

body.pako-theme-obchod .filter-bar,
body.pako-theme-obchod .projects-filter,
body.pako-theme-obchod .search-box {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 0.75rem 1rem;
}

body.pako-theme-obchod .language-selector select {
    border-radius: 8px;
    border-color: var(--border-color);
}

body.pako-theme-obchod .text-muted {
    color: var(--text-light) !important;
}

body.pako-theme-obchod .badge-info {
    background: #3d6b5c;
    color: #fff;
}

body.pako-theme-obchod .badge-warning {
    background: #c9a227;
    color: #1b1b1b;
}

body.pako-theme-obchod .badge-error,
body.pako-theme-obchod .badge-danger {
    background: #e8a0a0;
    color: #721c24;
}

body.pako-theme-obchod #daySignatureModal > div,
body.pako-theme-obchod [id*="SigModal"] .week-sig-modal-user {
    border-radius: 12px;
}

body.pako-theme-obchod canvas[id*="Signature"] {
    border-color: var(--border-color) !important;
    border-radius: 8px;
    background: #fafcfb !important;
}

body.pako-theme-obchod .upload-progress-bar,
body.pako-theme-obchod .progress-bar {
    background: var(--primary-color);
}

body.pako-theme-obchod .sidebar-nav .nav-item[href*="obchod"] {
    background: rgba(30, 143, 94, 0.2);
    font-weight: 700;
}

body.pako-theme-obchod .content-area > .card:first-child {
    margin-top: 0;
}

body.pako-theme-obchod hr {
    border-color: var(--border-light);
}

body.pako-theme-obchod select option:checked {
    background: var(--primary-light);
}

/* ========== Obchód Shell: kein Sidebar, Kachel-Menü wie PWA ========== */

body.pako-theme-obchod.pako-obchod-shell .sidebar,
body.pako-theme-obchod.pako-obchod-shell .main-header,
body.pako-theme-obchod.pako-obchod-shell .menu-toggle {
    display: none !important;
}

body.pako-theme-obchod.pako-obchod-shell .main-content {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

body.pako-theme-obchod.pako-obchod-shell .obchod-app-wrapper {
    display: block;
    min-height: 100dvh;
    background: #f2f4f3;
}

body.pako-theme-obchod.pako-obchod-shell .content-area {
    padding: 14px 14px 24px;
    max-width: 720px;
    margin: 0 auto;
}

body.pako-theme-obchod .pako-obchod-topbar {
    background: #0b3d2e;
    color: #fff;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 100;
    gap: 8px;
    flex-wrap: wrap;
}

body.pako-theme-obchod .pako-obchod-topbar__t {
    font-weight: 700;
    font-size: 17px;
}

body.pako-theme-obchod .pako-obchod-topbar__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

body.pako-theme-obchod .hdr-btn {
    background: #1e8f5e;
    color: #fff;
    border: none;
    border-radius: 20px;
    padding: 7px 13px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    display: inline-block;
}

body.pako-theme-obchod .hdr-btn--muted {
    background: rgba(255, 255, 255, 0.15);
}

body.pako-theme-obchod .pako-obchod-menu {
    margin-bottom: 14px;
}

body.pako-theme-obchod #app-shell-menu {
    position: relative;
    z-index: 50;
    isolation: isolate;
}

body.pako-theme-obchod .pako-obchod-menu__title {
    margin: 4px 0 12px;
    color: #0b3d2e;
    font-size: 16px;
    font-weight: 800;
}

body.pako-theme-obchod .pako-obchod-menu__title small {
    color: #666;
    display: block;
    font-weight: 400;
    margin-top: 4px;
    font-size: 13px;
}

body.pako-theme-obchod #app-shell-menu .func-grid,
body.pako-theme-obchod .pako-obchod-menu__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
    gap: 8px;
}

body.pako-theme-obchod #app-shell-menu .func-grid a.fbtn,
body.pako-theme-obchod #app-shell-menu a.fbtn,
body.pako-theme-obchod #app-shell-menu button.fbtn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-height: 74px;
    padding: 8px 4px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #d5ded9;
    font-size: 11px;
    font-weight: 700;
    color: #1b1b1b;
    text-decoration: none;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    line-height: 1.05;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    pointer-events: auto;
}

body.pako-theme-obchod #app-shell-menu .func-grid a.fbtn .ico,
body.pako-theme-obchod #app-shell-menu a.fbtn .ico,
body.pako-theme-obchod #app-shell-menu button.fbtn .ico {
    font-size: 20px;
    line-height: 1;
}

body.theme-obchod #app-shell-menu a.fbtn .qr-sub,
body.pako-theme-obchod #app-shell-menu a.fbtn .qr-sub {
    font-size: 9px;
    font-weight: 700;
    color: #0b3d2e;
    letter-spacing: 0.5px;
}

body.theme-obchod #app-shell-menu a.fbtn--primary .qr-sub,
body.pako-theme-obchod #app-shell-menu a.fbtn--primary .qr-sub,
body.theme-obchod #app-shell-menu a.fbtn--active .qr-sub,
body.pako-theme-obchod #app-shell-menu a.fbtn--active .qr-sub {
    color: rgba(255, 255, 255, 0.9);
}

body.theme-obchod .app-start-tools,
body.pako-theme-obchod .app-start-tools {
    margin: 0 0 16px;
}

body.theme-obchod .app-menu-order-link,
body.pako-theme-obchod .app-menu-order-link {
    margin: 8px 4px 0;
    font-size: 12px;
    text-align: right;
}

body.theme-obchod .app-menu-order-link a,
body.pako-theme-obchod .app-menu-order-link a {
    color: var(--secondary-color);
    font-weight: 600;
}

body.theme-obchod .app-menu-order-list,
body.pako-theme-obchod .app-menu-order-list {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

body.theme-obchod .app-menu-order-item,
body.pako-theme-obchod .app-menu-order-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 6px;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

body.theme-obchod .app-menu-order-item__ico,
body.pako-theme-obchod .app-menu-order-item__ico {
    font-size: 1.25rem;
    width: 1.75rem;
    text-align: center;
}

body.theme-obchod .app-menu-order-item__label,
body.pako-theme-obchod .app-menu-order-item__label {
    flex: 1;
    font-weight: 600;
}

body.theme-obchod .app-menu-order-help,
body.pako-theme-obchod .app-menu-order-help {
    padding: 0 14px 12px;
    color: var(--text-light);
    font-size: 14px;
}

body.theme-obchod .app-menu-order-actions,
body.pako-theme-obchod .app-menu-order-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 14px 14px;
}

body.pako-theme-obchod #app-shell-menu button.fbtn {
    width: 100%;
    font-family: inherit;
}

body.pako-theme-obchod #app-shell-menu .app-menu-quick {
    display: none;
}

body.pako-theme-obchod #app-shell-menu.app-shell-menu--rolled .app-menu-quick {
    display: grid;
    margin-bottom: 0;
}

body.pako-theme-obchod #app-shell-menu.app-shell-menu--rolled button.fbtn.app-menu-roll-toggle {
    display: flex;
    width: 100%;
    margin-bottom: 0;
}

body.pako-theme-obchod #app-shell-menu .app-menu-roll-wrap {
    display: grid;
    grid-template-rows: 1fr;
    opacity: 1;
    transition: grid-template-rows 0.25s ease, opacity 0.25s ease;
}

body.pako-theme-obchod #app-shell-menu .app-menu-roll-wrap > .app-menu-roll-panel {
    overflow: hidden;
    min-height: 0;
}

body.pako-theme-obchod #app-shell-menu.app-shell-menu--rolled .app-menu-roll-wrap {
    grid-template-rows: 0fr;
    opacity: 0;
    pointer-events: none;
}

body.pako-theme-obchod #app-shell-menu a.fbtn--primary {
    background: #0b3d2e;
    color: #fff;
    border-color: #0b3d2e;
}

body.pako-theme-obchod #app-shell-menu a.fbtn--active {
    background: #3d6b5c;
    color: #fff;
    border-color: #3d6b5c;
    box-shadow: 0 0 0 2px #1e8f5e;
}

body.pako-theme-obchod #app-shell-menu a.fbtn:active {
    background: #0b3d2e;
    color: #fff;
}

body.pako-theme-obchod.pako-obchod-shell .pako-bottom-nav {
    display: none !important;
}

body.pako-theme-obchod.pako-obchod-shell .card {
    border-radius: 12px;
    border: 1px solid #cdd5d1;
    padding: 12px 14px;
    margin-bottom: 10px;
}

body.pako-theme-obchod.pako-obchod-shell .card-header {
    border-bottom: 1px solid #e3e8e5;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

body.pako-theme-obchod.pako-obchod-shell .card-title {
    font-size: 16px;
    color: #0b3d2e;
}

body.pako-theme-obchod.pako-obchod-shell #calendar .fc {
    font-size: 14px;
}

body.pako-theme-obchod.pako-obchod-shell .fc-theme-standard .fc-scrollgrid,
body.pako-theme-obchod.pako-obchod-shell .fc-theme-standard td,
body.pako-theme-obchod.pako-obchod-shell .fc-theme-standard th {
    border-color: #cdd5d1;
}

body.pako-theme-obchod.pako-obchod-shell .fc .fc-button-primary {
    background: #0b3d2e !important;
    border-color: #072a20 !important;
}

body.pako-theme-obchod.pako-obchod-shell .fc .fc-button-primary:not(:disabled).fc-button-active,
body.pako-theme-obchod.pako-obchod-shell .fc .fc-button-primary:hover {
    background: #1e8f5e !important;
}

body.pako-theme-obchod.pako-obchod-shell .fc-daygrid-day.fc-day-today {
    background: #eef4f1 !important;
}

@media (min-width: 768px) {
    body.pako-theme-obchod.pako-obchod-shell .content-area {
        max-width: 960px;
    }

    body.pako-theme-obchod .pako-obchod-menu__grid {
        grid-template-columns: repeat(auto-fill, minmax(88px, 1fr));
    }
}

/* Obchód eingebettet in app.pako (Kalender, Begehung, …) */
body.theme-obchod .obchod-app-unified,
body.pako-theme-obchod .obchod-app-unified {
    max-width: 720px;
    margin: 0 auto;
    background: #f2f4f3;
    border-radius: 12px;
    overflow: hidden;
}

body.theme-obchod .obchod-app-unified main,
body.pako-theme-obchod .obchod-app-unified main {
    padding: 14px 14px 100px;
}

body.pako-theme-obchod .pako-obchod-embed-wrap {
    margin: 0 -4px;
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}

body.pako-theme-obchod .pako-obchod-embed {
    display: block;
    width: 100%;
    min-height: min(78vh, 900px);
    height: calc(100dvh - 140px);
    border: none;
    border-radius: 12px;
    background: #f2f4f3;
    box-shadow: inset 0 0 0 1px #cdd5d1;
}

body.pako-theme-obchod.pako-obchod-shell .content-area:has(.pako-obchod-embed-wrap) {
    max-width: 720px;
    padding-bottom: 12px;
}