/* ============================================
   KLIENTSKÉ CENTRUM – ODHLÁSIT SE
   Zachováno jako jediný původní funkční blok
   ============================================ */

/* Aktivní položka Zákaznické centrum */
li.active > a[href="/klient/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;

    padding: 11px 18px !important;
    margin: 0 !important;

    background: rgba(250, 218, 115, 0.08) !important;
    color: var(--dh-text-white) !important;

    border: 1px solid rgba(250, 218, 115, 0.18) !important;
    border-radius: 0 !important;

    font-family: var(--dh-font) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: none !important;
}

/* Aktivní li bez vlastního pozadí/rámů */
li.active:has(> a[href="/klient/"]) {
    display: inline-block !important;
    vertical-align: middle !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    list-style: none !important;
}

/* Odhlášení vedle aktivní položky */
li.logout {
    display: inline-block !important;
    vertical-align: middle !important;

    float: none !important;
    clear: none !important;
    position: static !important;

    width: auto !important;
    max-width: none !important;

    margin: 4px 0 0 10px !important;
    padding: 0 !important;

    text-align: left !important;
    list-style: none !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Tlačítko Odhlásit se */
li.logout > a.btn.btn-xs.btn-primary[href="/logout/"][data-testid="buttonSignout"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 112px !important;
    max-width: 122px !important;
    min-height: 32px !important;

    padding: 7px 12px !important;
    margin: 0 !important;

    background: transparent !important;
    color: var(--dh-gold) !important;

    border: 1px solid rgba(250, 218, 115, 0.65) !important;
    border-radius: 0 !important;

    font-family: var(--dh-font) !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.25px !important;

    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: none !important;
    text-shadow: none !important;

    transition: var(--dh-transition) !important;
}

/* Hover / focus */
li.logout > a.btn.btn-xs.btn-primary[href="/logout/"][data-testid="buttonSignout"]:hover,
li.logout > a.btn.btn-xs.btn-primary[href="/logout/"][data-testid="buttonSignout"]:focus {
    background: var(--dh-gradient) !important;
    color: var(--dh-text-dark) !important;
    border-color: var(--dh-gold) !important;

    box-shadow: var(--dh-glow-sm) !important;
    transform: translateY(-1px) !important;

    outline: none !important;
}

/* Kliknutí */
li.logout > a.btn.btn-xs.btn-primary[href="/logout/"][data-testid="buttonSignout"]:active {
    transform: translateY(0) !important;
    box-shadow: none !important;
}

/* Mobil/tablet - pod sebe, aby se to nelámalo */
@media (max-width: 991px) {
    li.active:has(> a[href="/klient/"]),
    li.logout {
        display: block !important;
        width: 100% !important;
    }

    li.logout {
        margin: 8px 0 28px 0 !important;
        text-align: left !important;
    }

    li.logout > a.btn.btn-xs.btn-primary[href="/logout/"][data-testid="buttonSignout"] {
        min-width: 130px !important;
        max-width: 150px !important;
        min-height: 34px !important;
        font-size: 12px !important;
        padding: 8px 14px !important;
    }
}

/* ============================================
   KLIENTSKÉ CENTRUM – AKTIVNÍ JMÉNO UŽIVATELE
   bez zlatého ohraničení
   ============================================ */

li.active > a[href="/klient/"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;

    padding: 11px 18px !important;
    margin: 0 !important;

    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--dh-text-white) !important;

    border: none !important;
    border-radius: 0 !important;

    font-family: var(--dh-font) !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: none !important;
    outline: none !important;
}

/* Kdyby zlatý rámeček tlačil Shoptet nebo starší CSS přes strong */
li.active > a[href="/klient/"] strong {
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
/* ============================================
   KLIENTSKÉ CENTRUM – TABULKY
   objednávky + detail objednávky + doručovací adresy
   bezpečně bez zásahu do checkoutu
   ============================================ */

/* ============================================
   1) ZÁKLAD PRO BĚŽNÉ KLIENTSKÉ TABULKY
   ============================================ */

/* Celá tabulka */
html body.in-klient #content table:not(.table-shipping-addresses),
html body .client-center table:not(.table-shipping-addresses),
html body .customer-page table:not(.table-shipping-addresses),
html body #content table.customer-orders,
html body #content table.table-order-details {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: #1c1c1c !important;
    color: #ffffff !important;

    border: 1px solid rgba(218, 186, 91, 0.55) !important;
    border-radius: 0 !important;

    overflow: hidden !important;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.35) !important;
}

/* Vnitřní linky */
html body.in-klient #content table:not(.table-shipping-addresses) *,
html body .client-center table:not(.table-shipping-addresses) *,
html body .customer-page table:not(.table-shipping-addresses) *,
html body #content table.customer-orders *,
html body #content table.table-order-details * {
    border-color: rgba(218, 186, 91, 0.22) !important;
}

/* Hlavička tabulky */
html body.in-klient #content table:not(.table-shipping-addresses) thead,
html body.in-klient #content table:not(.table-shipping-addresses) thead tr,
html body.in-klient #content table:not(.table-shipping-addresses) thead th,
html body .client-center table:not(.table-shipping-addresses) thead,
html body .client-center table:not(.table-shipping-addresses) thead tr,
html body .client-center table:not(.table-shipping-addresses) thead th,
html body .customer-page table:not(.table-shipping-addresses) thead,
html body .customer-page table:not(.table-shipping-addresses) thead tr,
html body .customer-page table:not(.table-shipping-addresses) thead th,
html body #content table.customer-orders thead,
html body #content table.customer-orders thead tr,
html body #content table.customer-orders thead th,
html body #content table.table-order-details thead,
html body #content table.table-order-details thead tr,
html body #content table.table-order-details thead th {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(218, 186, 91, 0.35) !important;

    box-shadow: none !important;
}

/* Buňky hlavičky */
html body.in-klient #content table:not(.table-shipping-addresses) thead th,
html body .client-center table:not(.table-shipping-addresses) thead th,
html body .customer-page table:not(.table-shipping-addresses) thead th,
html body #content table.customer-orders thead th,
html body #content table.table-order-details thead th {
    padding: 16px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    white-space: nowrap !important;
}

/* Řádky */
html body.in-klient #content table:not(.table-shipping-addresses) tbody,
html body.in-klient #content table:not(.table-shipping-addresses) tbody tr,
html body .client-center table:not(.table-shipping-addresses) tbody,
html body .client-center table:not(.table-shipping-addresses) tbody tr,
html body .customer-page table:not(.table-shipping-addresses) tbody,
html body .customer-page table:not(.table-shipping-addresses) tbody tr,
html body #content table.customer-orders tbody,
html body #content table.customer-orders tbody tr,
html body #content table.table-order-details tbody,
html body #content table.table-order-details tbody tr {
    background: #1c1c1c !important;
    background-color: #1c1c1c !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
}

/* Buňky */
html body.in-klient #content table:not(.table-shipping-addresses) tbody td,
html body .client-center table:not(.table-shipping-addresses) tbody td,
html body .customer-page table:not(.table-shipping-addresses) tbody td,
html body #content table.customer-orders tbody td,
html body #content table.table-order-details tbody td {
    background: #1c1c1c !important;
    background-color: #1c1c1c !important;
    background-image: none !important;

    color: #ffffff !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(218, 186, 91, 0.12) !important;

    padding: 18px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    vertical-align: middle !important;
}

/* Sudý řádek jemně odlišený */
html body.in-klient #content table:not(.table-shipping-addresses) tbody tr:nth-child(even) td,
html body .client-center table:not(.table-shipping-addresses) tbody tr:nth-child(even) td,
html body .customer-page table:not(.table-shipping-addresses) tbody tr:nth-child(even) td,
html body #content table.customer-orders tbody tr:nth-child(even) td,
html body #content table.table-order-details tbody tr:nth-child(even) td {
    background: #222222 !important;
    background-color: #222222 !important;
}

/* Prázdné buňky nesmí být bílé */
html body.in-klient #content table:not(.table-shipping-addresses) tbody td:empty,
html body .client-center table:not(.table-shipping-addresses) tbody td:empty,
html body .customer-page table:not(.table-shipping-addresses) tbody td:empty,
html body #content table.customer-orders tbody td:empty,
html body #content table.table-order-details tbody td:empty {
    background: #1c1c1c !important;
    background-color: #1c1c1c !important;
}

/* Poslední řádek bez spodní linky */
html body.in-klient #content table:not(.table-shipping-addresses) tbody tr:last-child td,
html body .client-center table:not(.table-shipping-addresses) tbody tr:last-child td,
html body .customer-page table:not(.table-shipping-addresses) tbody tr:last-child td,
html body #content table.customer-orders tbody tr:last-child td,
html body #content table.table-order-details tbody tr:last-child td {
    border-bottom: none !important;
}

/* Odkazy */
html body.in-klient #content table:not(.table-shipping-addresses) a,
html body .client-center table:not(.table-shipping-addresses) a,
html body .customer-page table:not(.table-shipping-addresses) a,
html body #content table.customer-orders a,
html body #content table.table-order-details a {
    color: var(--dh-gold, #fada73) !important;
    text-decoration: none !important;
}

html body.in-klient #content table:not(.table-shipping-addresses) a:hover,
html body .client-center table:not(.table-shipping-addresses) a:hover,
html body .customer-page table:not(.table-shipping-addresses) a:hover,
html body #content table.customer-orders a:hover,
html body #content table.table-order-details a:hover {
    color: var(--dh-gold-light, #fbe294) !important;
    text-decoration: underline !important;
}

/* Kód objednávky – bílý */
html body.in-klient #content table a[data-testid="linkCustomerOrder"],
html body.in-klient #content table a[data-testid="linkCustomerOrder"] strong,
html body #content table.customer-orders a[data-testid="linkCustomerOrder"],
html body #content table.customer-orders a[data-testid="linkCustomerOrder"] strong {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body.in-klient #content table a[data-testid="linkCustomerOrder"]:hover,
html body.in-klient #content table a[data-testid="linkCustomerOrder"]:hover strong,
html body #content table.customer-orders a[data-testid="linkCustomerOrder"]:hover,
html body #content table.customer-orders a[data-testid="linkCustomerOrder"]:hover strong {
    color: var(--dh-gold, #fada73) !important;
}

/* Ceny */
html body.in-klient #content table .price,
html body.in-klient #content table .cell--price,
html body.in-klient #content table .cell--price strong,
html body.in-klient #content table td:nth-child(3),
html body .client-center table .price,
html body .customer-page table .price,
html body .client-center table td:nth-child(3),
html body .customer-page table td:nth-child(3),
html body #content table.customer-orders .cell--price,
html body #content table.customer-orders .cell--price strong,
html body #content table.customer-orders td:nth-child(3) {
    color: var(--dh-gold, #fada73) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Stav objednávky */
html body.in-klient #content table .status,
html body .client-center table .status,
html body .customer-page table .status,
html body #content table.customer-orders .status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 30px !important;
    padding: 6px 14px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border: 1px solid rgba(250, 218, 115, 0.55) !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.25px !important;
}

/* Konkrétně Nevyřízená – vypnout oranžovou Shoptet pilulku */
html body.in-klient #content table .status.status-1,
html body #content table.customer-orders .status.status-1 {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;
    border-color: rgba(250, 218, 115, 0.6) !important;
}

/* ============================================
   2) DORUČOVACÍ ADRESY – POUZE VZHLED
   Rozložení, šířky a vodorovný posuvník nechává Shoptet
   ============================================ */

/* Samotná tabulka – pouze barvy a dekorace */
html body.in-klient #content table.table-shipping-addresses,
html body #content table.table-shipping-addresses {
    background: #1c1c1c !important;
    background-color: #1c1c1c !important;
    background-image: none !important;

    color: #ffffff !important;

    border: 1px solid rgba(218, 186, 91, 0.55) !important;
    border-radius: 0 !important;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.35) !important;
}

/* Vnitřek tabulky */
html body.in-klient #content table.table-shipping-addresses *,
html body #content table.table-shipping-addresses * {
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: rgba(218, 186, 91, 0.22) !important;
}

/* Hlavička */
html body.in-klient #content table.table-shipping-addresses thead,
html body.in-klient #content table.table-shipping-addresses thead tr,
html body.in-klient #content table.table-shipping-addresses thead th,
html body #content table.table-shipping-addresses thead,
html body #content table.table-shipping-addresses thead tr,
html body #content table.table-shipping-addresses thead th {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(218, 186, 91, 0.35) !important;
}

/* Buňky hlavičky – bez zásahu do šířek sloupců */
html body.in-klient #content table.table-shipping-addresses thead th,
html body #content table.table-shipping-addresses thead th {
    padding: 14px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

/* Řádky */
html body.in-klient #content table.table-shipping-addresses tbody,
html body.in-klient #content table.table-shipping-addresses tbody tr,
html body #content table.table-shipping-addresses tbody,
html body #content table.table-shipping-addresses tbody tr {
    background: #1c1c1c !important;
    background-color: #1c1c1c !important;
    background-image: none !important;

    border: none !important;
    box-shadow: none !important;
}

/* Buňky – bez width, display, overflow a table-layout */
html body.in-klient #content table.table-shipping-addresses tbody td,
html body #content table.table-shipping-addresses tbody td {
    background: #1c1c1c !important;
    background-color: #1c1c1c !important;
    background-image: none !important;

    color: #ffffff !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(218, 186, 91, 0.12) !important;

    padding: 16px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;

    vertical-align: middle !important;
}

/* Sudý řádek */
html body.in-klient #content table.table-shipping-addresses tbody tr:nth-child(even) td,
html body #content table.table-shipping-addresses tbody tr:nth-child(even) td {
    background: #222222 !important;
    background-color: #222222 !important;
}

/* Prázdné buňky */
html body.in-klient #content table.table-shipping-addresses tbody td:empty,
html body #content table.table-shipping-addresses tbody td:empty {
    background: #1c1c1c !important;
    background-color: #1c1c1c !important;
}

/* Poslední řádek */
html body.in-klient #content table.table-shipping-addresses tbody tr:last-child td,
html body #content table.table-shipping-addresses tbody tr:last-child td {
    border-bottom: none !important;
}

/* Odkazy */
html body.in-klient #content table.table-shipping-addresses a,
html body #content table.table-shipping-addresses a {
    color: var(--dh-gold, #fada73) !important;
    text-decoration: none !important;
}

html body.in-klient #content table.table-shipping-addresses a:hover,
html body #content table.table-shipping-addresses a:hover {
    color: var(--dh-gold-light, #fbe294) !important;
    text-decoration: underline !important;
}

/* Tlačítka */
html body.in-klient #content table.table-shipping-addresses a.btn,
html body.in-klient #content table.table-shipping-addresses a.btn.btn-xs,
html body.in-klient #content table.table-shipping-addresses .cell--actions a,
html body #content table.table-shipping-addresses a.btn,
html body #content table.table-shipping-addresses a.btn.btn-xs,
html body #content table.table-shipping-addresses .cell--actions a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 30px !important;
    padding: 6px 9px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border: 1px solid rgba(250, 218, 115, 0.65) !important;
    border-radius: 0 !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;

    text-decoration: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

html body.in-klient #content table.table-shipping-addresses a.btn:hover,
html body.in-klient #content table.table-shipping-addresses a.btn.btn-xs:hover,
html body.in-klient #content table.table-shipping-addresses .cell--actions a:hover,
html body #content table.table-shipping-addresses a.btn:hover,
html body #content table.table-shipping-addresses a.btn.btn-xs:hover,
html body #content table.table-shipping-addresses .cell--actions a:hover {
    background: var(--dh-gradient, linear-gradient(to right, #fada73, #d9bc63)) !important;
    color: var(--dh-text-dark, #1c1c1c) !important;
    border-color: var(--dh-gold, #fada73) !important;
    text-decoration: none !important;
}

/* Fajfka výchozí adresy */
html body.in-klient #content table.table-shipping-addresses .default-shipping-address,
html body.in-klient #content table.table-shipping-addresses .icon-tick,
html body #content table.table-shipping-addresses .default-shipping-address,
html body #content table.table-shipping-addresses .icon-tick {
    color: var(--dh-gold, #fada73) !important;
    font-size: 26px !important;
    line-height: 1 !important;
}

/* Mobilní popisky schovat pouze na desktopu */
@media (min-width: 992px) {
    html body.in-klient #content table .client-table-heading,
    html body #content table.customer-orders .client-table-heading,
    html body #content table.table-order-details .client-table-heading,
    html body #content table.table-shipping-addresses .client-table-heading {
        display: none !important;
    }
}

/* ============================================
   3) TABLET + MOBIL – KLIENTSKÉ TABULKY
   opraveno: objednávky zvlášť, adresy zvlášť
   ============================================ */

/* --------------------------------------------
   MOBIL: OBJEDNÁVKY + DETAIL OBJEDNÁVKY
   necháváme Shoptet/naše client-table-heading popisky
   -------------------------------------------- */

@media (max-width: 767px) {
    html body.in-klient #content table:not(.table-shipping-addresses),
    html body #content table.customer-orders,
    html body #content table.table-order-details {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body.in-klient #content table:not(.table-shipping-addresses) thead,
    html body #content table.customer-orders thead,
    html body #content table.table-order-details thead {
        display: none !important;
    }

    html body.in-klient #content table:not(.table-shipping-addresses) tbody,
    html body.in-klient #content table:not(.table-shipping-addresses) tr,
    html body.in-klient #content table:not(.table-shipping-addresses) td,
    html body #content table.customer-orders tbody,
    html body #content table.customer-orders tr,
    html body #content table.customer-orders td,
    html body #content table.table-order-details tbody,
    html body #content table.table-order-details tr,
    html body #content table.table-order-details td {
        display: block !important;
        width: 100% !important;
    }

    html body.in-klient #content table:not(.table-shipping-addresses) tbody tr,
    html body #content table.customer-orders tbody tr,
    html body #content table.table-order-details tbody tr {
        margin: 0 0 18px 0 !important;
        padding: 0 0 14px 0 !important;

        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.22) !important;

        box-shadow: none !important;
    }

    html body.in-klient #content table:not(.table-shipping-addresses) tbody td,
    html body #content table.customer-orders tbody td,
    html body #content table.table-order-details tbody td {
        display: grid !important;
        grid-template-columns: 42% 58% !important;
        gap: 8px !important;
        align-items: center !important;

        padding: 9px 0 !important;

        background: transparent !important;
        border: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.08) !important;

        color: #ffffff !important;

        font-size: 15px !important;
        line-height: 1.3 !important;
        text-align: left !important;

        white-space: normal !important;
        overflow: visible !important;
    }

    html body.in-klient #content table:not(.table-shipping-addresses) tbody td:last-child,
    html body #content table.customer-orders tbody td:last-child,
    html body #content table.table-order-details tbody td:last-child {
        border-bottom: none !important;
    }

    html body.in-klient #content table:not(.table-shipping-addresses) .client-table-heading,
    html body #content table.customer-orders .client-table-heading,
    html body #content table.table-order-details .client-table-heading {
        display: block !important;

        color: var(--dh-text-muted, #999999) !important;

        font-family: var(--dh-font, 'PT Serif', serif) !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    html body.in-klient #content table:not(.table-shipping-addresses) .status,
    html body #content table.customer-orders .status,
    html body #content table.table-order-details .status {
        justify-self: start !important;
    }
}
/* ============================================
   KLIENTSKÝ ÚČET – okolí polí zpět na hlavní pozadí
   inputy zůstávají černé se zlatým rámečkem
   ============================================ */

html body #register-form,
html body #register-form fieldset,
html body #register-form .form-group,
html body #register-form .form-group-wrapper,
html body #register-form .form-group-wrapped,
html body #register-form .form-group-row,
html body #register-form .form-group-tooltip,
html body #register-form .box,
html body #register-form .co-box,
html body #register-form .content-box,
html body #register-form .client-center-box,
html body #register-form .client-center__content {
  background: var(--dh-bg-main, #1c1c1c) !important;
  background-color: var(--dh-bg-main, #1c1c1c) !important;
}

/* Nadpisové pruhy sekcí – ať nejsou černé */
html body #register-form legend,
html body #register-form .box-header,
html body #register-form .co-box-title,
html body #register-form .form-group-title {
  background: var(--dh-bg-main, #1c1c1c) !important;
  background-color: var(--dh-bg-main, #1c1c1c) !important;
}

/* Psací pole necháváme přesně v tom stylu, který už je OK */
html body #register-form input.form-control,
html body #register-form textarea.form-control,
html body #register-form select.form-control,
html body #register-form .phone-combined-input input.form-control {
  background: #050505 !important;
  background-color: #050505 !important;
  color: #ffffff !important;
  border: 1px solid rgba(218, 186, 91, 0.65) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
/* ============================================
   KLIENTSKÝ ÚČET – odstranit rámečky kolem sekcí
   zlatý rámeček zůstává jen u polí pro psaní
   ============================================ */

html body #register-form fieldset,
html body #register-form .form-group-wrapper,
html body #register-form .form-group-wrapped,
html body #register-form .form-group-row,
html body #register-form .box,
html body #register-form .co-box,
html body #register-form .content-box,
html body #register-form .client-center-box,
html body #register-form .client-center__content {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* zrušení horních/spodních linek u nadpisů sekcí */
html body #register-form legend,
html body #register-form .box-header,
html body #register-form .co-box-title,
html body #register-form .form-group-title {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* pojistka: zlatý border jen na skutečných polích */
html body #register-form input.form-control,
html body #register-form textarea.form-control,
html body #register-form select.form-control,
html body #register-form .phone-combined-input input.form-control {
  border: 1px solid rgba(218, 186, 91, 0.65) !important;
}
/* ============================================
   KLIENTSKÝ ÚČET – tlačítko Přidat novou adresu
   ============================================ */

html body a.btn.btn-secondary[href="/klient/dorucovaci-udaje/"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 44px !important;
  padding: 12px 24px !important;

  background: transparent !important;
  color: var(--dh-gold, #fada73) !important;

  border: 1px solid var(--dh-gold, #fada73) !important;
  border-radius: 0 !important;

  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  box-shadow: none !important;
  cursor: pointer !important;

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease !important;
}

html body a.btn.btn-secondary[href="/klient/dorucovaci-udaje/"]:hover,
html body a.btn.btn-secondary[href="/klient/dorucovaci-udaje/"]:focus {
  background: var(--dh-gold, #fada73) !important;
  color: var(--dh-bg-main, #1c1c1c) !important;
  border-color: var(--dh-gold, #fada73) !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

html body a.btn.btn-secondary[href="/klient/dorucovaci-udaje/"]:active {
  transform: translateY(0) !important;
}

/* ============================================
   KLIENTSKÉ CENTRUM – odstranění tmavšího šedého pozadí bloku
   ============================================ */

html body .content-wrapper-in,
html body .content-wrapper-in .sidebar,
html body .content-wrapper-in .sidebar-left,
html body .content-wrapper-in .sidebar-inner,
html body .content-wrapper-in .client-center-box,
html body .content-wrapper-in .content,
html body .content-wrapper-in .content-inner {
  background: var(--dh-bg-main, #1c1c1c) !important;
  background-color: var(--dh-bg-main, #1c1c1c) !important;
  box-shadow: none !important;
}

/* Levé klientské menu – aby nemělo vlastní tmavší šedou plochu */
html body .content-wrapper-in .client-center-box,
html body .content-wrapper-in .client-center-box ul,
html body .content-wrapper-in .client-center-box li,
html body .content-wrapper-in .client-center-box li a {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Aktivní jméno vlevo – bez šedého/zlatého boxu */
html body .content-wrapper-in .client-center-box li.active,
html body .content-wrapper-in .client-center-box li.active a,
html body .content-wrapper-in .client-center-box li.active strong {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Odhlášení necháme být – aby se nerozbilo stylované tlačítko */
html body .content-wrapper-in .client-center-box li.logout,
html body .content-wrapper-in .client-center-box li.logout a {
  background-color: initial;
}

/* ============================================
   KLIENT – Doručovací údaje
   inputy + tlačítko Odeslat
   ============================================ */

/* Textová pole – stejné chování při psaní i mimo psaní */
html body .content-wrapper-in input[type="text"],
html body .content-wrapper-in input[type="email"],
html body .content-wrapper-in input[type="tel"],
html body .content-wrapper-in input[type="password"],
html body .content-wrapper-in input[type="number"],
html body .content-wrapper-in textarea {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid var(--dh-gold, #fada73) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Focus – při kliknutí/psaní zůstane stejný styl */
html body .content-wrapper-in input[type="text"]:focus,
html body .content-wrapper-in input[type="email"]:focus,
html body .content-wrapper-in input[type="tel"]:focus,
html body .content-wrapper-in input[type="password"]:focus,
html body .content-wrapper-in input[type="number"]:focus,
html body .content-wrapper-in textarea:focus {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid var(--dh-gold, #fada73) !important;
  border-radius: 0 !important;
  box-shadow: 0 0 0 1px rgba(218, 186, 91, 0.35) !important;
  outline: none !important;
}

/* Placeholder */
html body .content-wrapper-in input::placeholder,
html body .content-wrapper-in textarea::placeholder {
  color: rgba(255, 255, 255, 0.55) !important;
}

/* Autofill z prohlížeče – aby Chrome necpal bílé/modré pozadí */
html body .content-wrapper-in input:-webkit-autofill,
html body .content-wrapper-in input:-webkit-autofill:hover,
html body .content-wrapper-in input:-webkit-autofill:focus,
html body .content-wrapper-in textarea:-webkit-autofill,
html body .content-wrapper-in textarea:-webkit-autofill:hover,
html body .content-wrapper-in textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #ffffff !important;
  -webkit-box-shadow: 0 0 0 1000px #000000 inset !important;
  box-shadow: 0 0 0 1000px #000000 inset !important;
  border: 1px solid var(--dh-gold, #fada73) !important;
  transition: background-color 9999s ease-in-out 0s !important;
}

/* Select země – necháme čitelný a hranatý */
html body .content-wrapper-in select,
html body .content-wrapper-in .select2-selection,
html body .content-wrapper-in .select2-selection--single {
  border-radius: 0 !important;
}

/* Tlačítko Odeslat */
html body .content-wrapper-in input[type="submit"].btn,
html body .content-wrapper-in input[type="submit"].btn-primary {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--dh-gold, #fada73) !important;
  border: 1px solid var(--dh-gold, #fada73) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 14px 26px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

/* Hover tlačítka */
html body .content-wrapper-in input[type="submit"].btn:hover,
html body .content-wrapper-in input[type="submit"].btn-primary:hover {
  background: var(--dh-gold, #fada73) !important;
  background-color: var(--dh-gold, #fada73) !important;
  color: #000000 !important;
  border-color: var(--dh-gold, #fada73) !important;
}
/* ============================================
   KLIENT – Doručovací údaje
   select Země
   ============================================ */

html body .content-wrapper-in #deliveryCountryId {
  width: 100% !important;
  max-width: 500px !important;

  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;

  border: 1px solid var(--dh-gold, #fada73) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  min-height: 50px !important;
  padding: 0 46px 0 20px !important;

  font-weight: 600 !important;
  line-height: 50px !important;

  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;

  cursor: pointer !important;
}

/* Focus */
html body .content-wrapper-in #deliveryCountryId:focus {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: var(--dh-gold, #fada73) !important;
  box-shadow: 0 0 0 1px rgba(218, 186, 91, 0.35) !important;
  outline: none !important;
}

/* Options po rozkliknutí */
html body .content-wrapper-in #deliveryCountryId option {
  background: #000000 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Obal selectu – kdyby Shoptet/šablona kreslila vlastní šipku nebo bílé pozadí */
html body .content-wrapper-in .form-group:has(#deliveryCountryId),
html body .content-wrapper-in .form-group:has(#deliveryCountryId) .form-control,
html body .content-wrapper-in .form-group:has(#deliveryCountryId) .select-wrapper,
html body .content-wrapper-in .form-group:has(#deliveryCountryId) .select2-container,
html body .content-wrapper-in .form-group:has(#deliveryCountryId) .select2-selection {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Zlatá vlastní šipka */
html body .content-wrapper-in .form-group:has(#deliveryCountryId) {
  position: relative !important;
}

html body .content-wrapper-in .form-group:has(#deliveryCountryId)::after {
  content: "⌄" !important;
  position: absolute !important;
  right: 18px !important;
  bottom: 14px !important;
  color: var(--dh-gold, #fada73) !important;
  font-size: 22px !important;
  line-height: 1 !important;
  pointer-events: none !important;
}
/* ============================================
   KLIENT – TELEFON / VÝBĚR ZEMĚ
   bezpečná verze bez rozbití ovládání
   ============================================ */


/* Wrapper telefonu */
html body #content .phone-combined-input {
  background: transparent;
}


/* Obal výběru země */
html body #content .phone-combined-input .country-flags {
  background: #000000;
  border: 1px solid var(--dh-gold, #fada73);
  border-radius: 0;
  color: #ffffff;
  box-shadow: none;
  outline: none;
}


/* NEŘEŠÍME display / max-height / position – to musí nechat Shoptet */
html body #content .phone-combined-input .country-flags-inner {
  background: #000000;
  color: #ffffff;
  border-radius: 0;
  box-shadow: none;
}


/* Jednotlivé položky */
html body #content .phone-combined-input .country-flag {
  background: #000000;
  color: #ffffff;
  border-radius: 0;
  box-shadow: none;
}


/* Text u vlajek */
html body #content .phone-combined-input .shp-flag-label,
html body #content .phone-combined-input .shp-flag-name {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
}


/* Hover položky */
html body #content .phone-combined-input .country-flag:hover {
  background: rgba(218, 186, 91, 0.18);
  color: #ffffff;
}


/* Vybraná položka */
html body #content .phone-combined-input .country-flag.active,
html body #content .phone-combined-input .country-flag.selected {
  background: rgba(218, 186, 91, 0.22);
  color: #ffffff;
}


/* Vlajka */
html body #content .phone-combined-input .shp-flag {
  width: 28px;
  height: 20px;
}


/* Telefonní input vedle vlajky */
html body #content .phone-combined-input input,
html body #content .phone-combined-input input.form-control,
html body #content .phone-combined-input input[type="tel"],
html body #content .phone-combined-input input[type="text"] {
  background: #000000;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  caret-color: #ffffff;

  border: 1px solid var(--dh-gold, #fada73);
  border-radius: 0;

  box-shadow: none;
  outline: none;
}


/* Focus telefonu */
html body #content .phone-combined-input input:focus,
html body #content .phone-combined-input input.form-control:focus,
html body #content .phone-combined-input input[type="tel"]:focus,
html body #content .phone-combined-input input[type="text"]:focus {
  background: #000000;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;

  border-color: var(--dh-gold, #fada73);
  box-shadow: none;
  outline: none;
}

/* ============================================
   KLIENTSKÉ CENTRUM – sjednocení pozadí
   odstranění světlejší šedé za obsahem
   ============================================ */

html body.in-klient,
html body.in-klient #content,
html body.in-klient .content-wrapper,
html body.in-klient .content-inner,
html body.in-klient .container,
html body.in-klient .row,
html body.in-klient .col-md-3,
html body.in-klient .col-md-9,
html body.in-klient .col-sm-3,
html body.in-klient .col-sm-9,
html body.in-klient .sidebar,
html body.in-klient .customer-center,
html body.in-klient .client-center,
html body.in-klient .customer-page,
html body.in-klient .page-content {
  background: var(--dh-bg-main) !important;
  background-color: var(--dh-bg-main) !important;
}

/* Kdyby šedá lezla z hlavního boxu */
html body.in-klient .content-wrapper-in,
html body.in-klient .content-inner-in,
html body.in-klient .customers-wrapper,
html body.in-klient .customer-section {
  background: var(--dh-bg-main) !important;
  background-color: var(--dh-bg-main) !important;
}

/* ============================================
   KLIENTSKÉ CENTRUM – DAŇOVÉ DOKLADY
   Lokální styl pouze pro tabulku customer-invoices
   ============================================ */

/* Celá tabulka */
html body #content table.customer-invoices {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--dh-bg-main, #1c1c1c) !important;
    color: var(--dh-text-white, #ffffff) !important;

    border: 1px solid rgba(250, 218, 115, 0.55) !important;
    border-radius: 0 !important;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* Hlavička */
html body #content table.customer-invoices thead,
html body #content table.customer-invoices thead tr,
html body #content table.customer-invoices thead th {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.35) !important;

    box-shadow: none !important;
}

/* Texty v hlavičce */
html body #content table.customer-invoices thead th {
    padding: 16px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Cena vpravo */
html body #content table.customer-invoices thead th.cell--price,
html body #content table.customer-invoices tbody td.cell--price {
    text-align: right !important;
}

/* Tělo tabulky */
html body #content table.customer-invoices tbody,
html body #content table.customer-invoices tbody tr,
html body #content table.customer-invoices tbody td {
    background: var(--dh-bg-main, #1c1c1c) !important;
    background-color: var(--dh-bg-main, #1c1c1c) !important;
    background-image: none !important;
}

/* Buňky */
html body #content table.customer-invoices tbody td {
    padding: 18px 12px !important;

    color: var(--dh-text-white, #ffffff) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.14) !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    vertical-align: middle !important;
}

/* Poslední řádek bez spodní čáry */
html body #content table.customer-invoices tbody tr:last-child td {
    border-bottom: none !important;
}

/* Odkaz na PDF / číslo dokladu */
html body #content table.customer-invoices a[data-testid="pdfCustomerInvoice"],
html body #content table.customer-invoices a[data-testid="pdfCustomerInvoice"] strong {
    color: var(--dh-text-white, #ffffff) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body #content table.customer-invoices a[data-testid="pdfCustomerInvoice"]:hover,
html body #content table.customer-invoices a[data-testid="pdfCustomerInvoice"]:hover strong {
    color: var(--dh-gold, #fada73) !important;
    text-decoration: underline !important;
}

/* Cena */
html body #content table.customer-invoices .cell--price,
html body #content table.customer-invoices .cell--price strong {
    color: var(--dh-gold, #fada73) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Mobilní popisky na desktopu schovat */
html body #content table.customer-invoices .client-table-heading {
    display: none !important;
}

/* ============================================
   STRÁNKOVÁNÍ POD DAŇOVÝMI DOKLADY
   ============================================ */

html body #content table.customer-invoices + .pagination-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    margin-top: 20px !important;
    padding: 0 10px !important;

    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table.customer-invoices + .pagination-wrapper p {
    margin: 0 !important;
    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table.customer-invoices + .pagination-wrapper strong,
html body #content table.customer-invoices + .pagination-wrapper .current {
    color: var(--dh-gold, #fada73) !important;
}

/* ============================================
   MOBIL – DAŇOVÉ DOKLADY JAKO PŘEHLEDNÁ KARTA
   ============================================ */

@media (max-width: 767px) {

    html body #content table.customer-invoices {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #content table.customer-invoices thead {
        display: none !important;
    }

    html body #content table.customer-invoices tbody,
    html body #content table.customer-invoices tbody tr,
    html body #content table.customer-invoices tbody td {
        display: block !important;
        width: 100% !important;
    }

    html body #content table.customer-invoices tbody tr {
        margin-bottom: 18px !important;
        padding: 6px 14px !important;

        background: #202020 !important;
        border: 1px solid rgba(250, 218, 115, 0.35) !important;

        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25) !important;
    }

    html body #content table.customer-invoices tbody td {
        display: grid !important;
        grid-template-columns: 42% 58% !important;
        align-items: center !important;
        gap: 8px !important;

        padding: 10px 0 !important;

        background: transparent !important;

        border: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.1) !important;

        text-align: left !important;
        white-space: normal !important;
    }

    html body #content table.customer-invoices tbody td:last-child {
        border-bottom: none !important;
    }

    html body #content table.customer-invoices .client-table-heading {
        display: block !important;

        color: var(--dh-text-muted, #999999) !important;

        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    html body #content table.customer-invoices tbody td.cell--price {
        text-align: left !important;
    }

    html body #content table.customer-invoices + .pagination-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;

        padding: 0 !important;
    }
}


/* ============================================
   KLIENTSKÉ CENTRUM – PROFORMA FAKTURY
   Lokální styl pouze pro tableCustomerProformaInvoices
   ============================================ */

/* Celá tabulka */
html body #content table[data-testid="tableCustomerProformaInvoices"] {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--dh-bg-main, #1c1c1c) !important;
    color: var(--dh-text-white, #ffffff) !important;

    border: 1px solid rgba(250, 218, 115, 0.55) !important;
    border-radius: 0 !important;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* Hlavička */
html body #content table[data-testid="tableCustomerProformaInvoices"] thead,
html body #content table[data-testid="tableCustomerProformaInvoices"] thead tr,
html body #content table[data-testid="tableCustomerProformaInvoices"] thead th {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.35) !important;

    box-shadow: none !important;
}

/* Texty v hlavičce */
html body #content table[data-testid="tableCustomerProformaInvoices"] thead th {
    padding: 16px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Cena vpravo */
html body #content table[data-testid="tableCustomerProformaInvoices"] th.cell--price,
html body #content table[data-testid="tableCustomerProformaInvoices"] td.cell--price {
    text-align: right !important;
}

/* Tělo tabulky */
html body #content table[data-testid="tableCustomerProformaInvoices"] tbody,
html body #content table[data-testid="tableCustomerProformaInvoices"] tbody tr,
html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td {
    background: var(--dh-bg-main, #1c1c1c) !important;
    background-color: var(--dh-bg-main, #1c1c1c) !important;
    background-image: none !important;
}

/* Buňky */
html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td {
    padding: 18px 12px !important;

    color: var(--dh-text-white, #ffffff) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.14) !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    vertical-align: middle !important;
}

/* Poslední řádek bez spodní čáry */
html body #content table[data-testid="tableCustomerProformaInvoices"] tbody tr:last-child td {
    border-bottom: none !important;
}

/* Odkaz na stažení proforma faktury */
html body #content a[data-testid="pdfCustomerProformaInvoice"],
html body #content a[data-testid="pdfCustomerProformaInvoice"] strong {
    color: var(--dh-text-white, #ffffff) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body #content a[data-testid="pdfCustomerProformaInvoice"]:hover,
html body #content a[data-testid="pdfCustomerProformaInvoice"]:hover strong {
    color: var(--dh-gold, #fada73) !important;
    text-decoration: underline !important;
}

/* Cena */
html body #content table[data-testid="tableCustomerProformaInvoices"] .cell--price,
html body #content table[data-testid="tableCustomerProformaInvoices"] .cell--price strong {
    color: var(--dh-gold, #fada73) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Mobilní popisky na desktopu schovat */
html body #content table[data-testid="tableCustomerProformaInvoices"] .client-table-heading {
    display: none !important;
}

/* ============================================
   STRÁNKOVÁNÍ POD PROFORMA FAKTURAMI
   ============================================ */

html body #content table[data-testid="tableCustomerProformaInvoices"] + .pagination-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    margin-top: 20px !important;
    padding: 0 10px !important;

    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table[data-testid="tableCustomerProformaInvoices"] + .pagination-wrapper p {
    margin: 0 !important;
    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table[data-testid="tableCustomerProformaInvoices"] + .pagination-wrapper strong,
html body #content table[data-testid="tableCustomerProformaInvoices"] + .pagination-wrapper .current {
    color: var(--dh-gold, #fada73) !important;
}

/* ============================================
   MOBIL – PROFORMA FAKTURA JAKO KARTA
   ============================================ */

@media (max-width: 767px) {

    html body #content table[data-testid="tableCustomerProformaInvoices"] {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] thead {
        display: none !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody tr,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td {
        display: block !important;
        width: 100% !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody tr {
        margin-bottom: 18px !important;
        padding: 6px 14px !important;

        background: #202020 !important;
        border: 1px solid rgba(250, 218, 115, 0.35) !important;

        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25) !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td {
        display: grid !important;
        grid-template-columns: 42% 58% !important;
        align-items: center !important;
        gap: 8px !important;

        padding: 10px 0 !important;

        background: transparent !important;

        border: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.1) !important;

        text-align: left !important;
        white-space: normal !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td:last-child {
        border-bottom: none !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] .client-table-heading {
        display: block !important;

        color: var(--dh-text-muted, #999999) !important;

        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] td.cell--price {
        text-align: left !important;
    }

    html body #content table[data-testid="tableCustomerProformaInvoices"] + .pagination-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;

        padding: 0 !important;
    }
}

/* ============================================
   KLIENTSKÉ CENTRUM – DOBROPISY
   Lokální styl pouze pro customerCreditNotes
   ============================================ */

/* Celá tabulka */
html body #content table[data-testid="customerCreditNotes"] {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--dh-bg-main, #1c1c1c) !important;
    color: var(--dh-text-white, #ffffff) !important;

    border: 1px solid rgba(250, 218, 115, 0.55) !important;
    border-radius: 0 !important;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* Hlavička */
html body #content table[data-testid="customerCreditNotes"] thead,
html body #content table[data-testid="customerCreditNotes"] thead tr,
html body #content table[data-testid="customerCreditNotes"] thead th {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.35) !important;

    box-shadow: none !important;
}

/* Texty v hlavičce */
html body #content table[data-testid="customerCreditNotes"] thead th {
    padding: 16px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Cena vpravo */
html body #content table[data-testid="customerCreditNotes"] th.cell--price,
html body #content table[data-testid="customerCreditNotes"] td.cell--price {
    text-align: right !important;
}

/* Tělo tabulky */
html body #content table[data-testid="customerCreditNotes"] tbody,
html body #content table[data-testid="customerCreditNotes"] tbody tr,
html body #content table[data-testid="customerCreditNotes"] tbody td {
    background: var(--dh-bg-main, #1c1c1c) !important;
    background-color: var(--dh-bg-main, #1c1c1c) !important;
    background-image: none !important;
}

/* Buňky */
html body #content table[data-testid="customerCreditNotes"] tbody td {
    padding: 18px 12px !important;

    color: var(--dh-text-white, #ffffff) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.14) !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    vertical-align: middle !important;
}

/* Poslední řádek bez spodní čáry */
html body #content table[data-testid="customerCreditNotes"] tbody tr:last-child td {
    border-bottom: none !important;
}

/* Odkaz na stažení dobropisu */
html body #content a[data-testid="pdfCustomerCreditNotes"],
html body #content a[data-testid="pdfCustomerCreditNotes"] strong {
    color: var(--dh-text-white, #ffffff) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body #content a[data-testid="pdfCustomerCreditNotes"]:hover,
html body #content a[data-testid="pdfCustomerCreditNotes"]:hover strong {
    color: var(--dh-gold, #fada73) !important;
    text-decoration: underline !important;
}

/* Cena dobropisu */
html body #content table[data-testid="customerCreditNotes"] .cell--price,
html body #content table[data-testid="customerCreditNotes"] .cell--price strong {
    color: var(--dh-gold, #fada73) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Mobilní popisky na desktopu schovat */
html body #content table[data-testid="customerCreditNotes"] .client-table-heading {
    display: none !important;
}

/* ============================================
   STRÁNKOVÁNÍ POD DOBROPISY
   ============================================ */

html body #content table[data-testid="customerCreditNotes"] + .pagination-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    margin-top: 20px !important;
    padding: 0 10px !important;

    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table[data-testid="customerCreditNotes"] + .pagination-wrapper p {
    margin: 0 !important;
    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table[data-testid="customerCreditNotes"] + .pagination-wrapper strong,
html body #content table[data-testid="customerCreditNotes"] + .pagination-wrapper .current {
    color: var(--dh-gold, #fada73) !important;
}

/* ============================================
   MOBIL – DOBROPIS JAKO KARTA
   ============================================ */

@media (max-width: 767px) {

    html body #content table[data-testid="customerCreditNotes"] {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #content table[data-testid="customerCreditNotes"] thead {
        display: none !important;
    }

    html body #content table[data-testid="customerCreditNotes"] tbody,
    html body #content table[data-testid="customerCreditNotes"] tbody tr,
    html body #content table[data-testid="customerCreditNotes"] tbody td {
        display: block !important;
        width: 100% !important;
    }

    html body #content table[data-testid="customerCreditNotes"] tbody tr {
        margin-bottom: 18px !important;
        padding: 6px 14px !important;

        background: #202020 !important;
        border: 1px solid rgba(250, 218, 115, 0.35) !important;

        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25) !important;
    }

    html body #content table[data-testid="customerCreditNotes"] tbody td {
        display: grid !important;
        grid-template-columns: 42% 58% !important;
        align-items: center !important;
        gap: 8px !important;

        padding: 10px 0 !important;

        background: transparent !important;

        border: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.1) !important;

        text-align: left !important;
        white-space: normal !important;
    }

    html body #content table[data-testid="customerCreditNotes"] tbody td:last-child {
        border-bottom: none !important;
    }

    html body #content table[data-testid="customerCreditNotes"] .client-table-heading {
        display: block !important;

        color: var(--dh-text-muted, #999999) !important;

        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    html body #content table[data-testid="customerCreditNotes"] td.cell--price {
        text-align: left !important;
    }

    html body #content table[data-testid="customerCreditNotes"] + .pagination-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;

        padding: 0 !important;
    }
}


/* ============================================
   KLIENTSKÉ CENTRUM – DODACÍ LISTY
   Lokální styl pouze pro tableCustomerDeliveryNotes
   ============================================ */

/* Celá tabulka */
html body #content table[data-testid="tableCustomerDeliveryNotes"] {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--dh-bg-main, #1c1c1c) !important;
    color: var(--dh-text-white, #ffffff) !important;

    border: 1px solid rgba(250, 218, 115, 0.55) !important;
    border-radius: 0 !important;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* Hlavička */
html body #content table[data-testid="tableCustomerDeliveryNotes"] thead,
html body #content table[data-testid="tableCustomerDeliveryNotes"] thead tr,
html body #content table[data-testid="tableCustomerDeliveryNotes"] thead th {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.35) !important;

    box-shadow: none !important;
}

/* Texty v hlavičce */
html body #content table[data-testid="tableCustomerDeliveryNotes"] thead th {
    padding: 16px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    white-space: nowrap !important;
    vertical-align: middle !important;
}

/* Tělo tabulky */
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody,
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody tr,
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td {
    background: var(--dh-bg-main, #1c1c1c) !important;
    background-color: var(--dh-bg-main, #1c1c1c) !important;
    background-image: none !important;
}

/* Buňky */
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td {
    padding: 18px 12px !important;

    color: var(--dh-text-white, #ffffff) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.14) !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    vertical-align: middle !important;
}

/* Poslední řádek bez spodní čáry */
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody tr:last-child td {
    border-bottom: none !important;
}

/* Odkaz na PDF a odkaz na objednávku */
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody a,
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody a strong {
    color: var(--dh-text-white, #ffffff) !important;
    font-weight: 700 !important;
    text-decoration: none !important;

    transition: var(--dh-transition, all 0.3s ease-in-out) !important;
}

/* Hover odkazů */
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody a:hover,
html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody a:hover strong {
    color: var(--dh-gold, #fada73) !important;
    text-decoration: underline !important;
}

/* Mobilní popisky na desktopu schovat */
html body #content table[data-testid="tableCustomerDeliveryNotes"] .client-table-heading {
    display: none !important;
}

/* ============================================
   STRÁNKOVÁNÍ POD DODACÍMI LISTY
   ============================================ */

html body #content table[data-testid="tableCustomerDeliveryNotes"] + .pagination-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    margin-top: 20px !important;
    padding: 0 10px !important;

    color: var(--dh-text-white, #ffffff) !important;
}

/* Text stránkování */
html body #content table[data-testid="tableCustomerDeliveryNotes"] + .pagination-wrapper p {
    margin: 0 !important;
    color: var(--dh-text-white, #ffffff) !important;
}

/* Aktivní stránka a čísla */
html body #content table[data-testid="tableCustomerDeliveryNotes"] + .pagination-wrapper strong,
html body #content table[data-testid="tableCustomerDeliveryNotes"] + .pagination-wrapper .current {
    color: var(--dh-gold, #fada73) !important;
}

/* ============================================
   MOBIL – DODACÍ LIST JAKO KARTA
   ============================================ */

@media (max-width: 767px) {

    html body #content table[data-testid="tableCustomerDeliveryNotes"] {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    /* Hlavička tabulky se na mobilu skryje */
    html body #content table[data-testid="tableCustomerDeliveryNotes"] thead {
        display: none !important;
    }

    /* Převod tabulky na bloky */
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody tr,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td {
        display: block !important;
        width: 100% !important;
    }

    /* Jednotlivý dodací list */
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody tr {
        margin-bottom: 18px !important;
        padding: 6px 14px !important;

        background: #202020 !important;
        border: 1px solid rgba(250, 218, 115, 0.35) !important;
        border-radius: 0 !important;

        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25) !important;
    }

    /* Jednotlivé řádky karty */
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td {
        display: grid !important;
        grid-template-columns: minmax(110px, 42%) minmax(0, 58%) !important;
        align-items: center !important;
        gap: 8px !important;

        padding: 10px 0 !important;

        background: transparent !important;

        border: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.1) !important;

        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    /* Poslední položka bez čáry */
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td:last-child {
        border-bottom: none !important;
    }

    /* Názvy polí na mobilu */
    html body #content table[data-testid="tableCustomerDeliveryNotes"] .client-table-heading {
        display: block !important;

        color: var(--dh-text-muted, #999999) !important;

        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    /* Stránkování pod sebe */
    html body #content table[data-testid="tableCustomerDeliveryNotes"] + .pagination-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;

        padding: 0 !important;
    }
}

/* ============================================
   KLIENTSKÉ CENTRUM – JEDNOTNÉ ZLATÉ OHRANIČENÍ
   Daňové doklady, zálohové faktury, dobropisy,
   dodací listy a reklamace
   Pouze desktopové klientské tabulky
   ============================================ */

@media (min-width: 768px) {

    /* Samotná tabulka */
    html body main#content.content.wide table.table-mobile-enriched {
        width: 100% !important;

        border-collapse: separate !important;
        border-spacing: 0 !important;

        border: none !important;
        border-radius: 0 !important;
        outline: none !important;

        box-shadow: none !important;
        overflow: visible !important;
    }

    /* Odstranění všech zaoblených rohů ze Shoptetu */
    html body main#content.content.wide table.table-mobile-enriched thead,
    html body main#content.content.wide table.table-mobile-enriched tbody,
    html body main#content.content.wide table.table-mobile-enriched tr,
    html body main#content.content.wide table.table-mobile-enriched th,
    html body main#content.content.wide table.table-mobile-enriched td {
        border-radius: 0 !important;
    }

    /* Horní zlatý okraj */
    html body main#content.content.wide table.table-mobile-enriched
    thead tr:first-child th {
        border-top: 1px solid #fada73 !important;
    }

    /* Levý okraj celé tabulky */
    html body main#content.content.wide table.table-mobile-enriched
    thead tr th:first-child,
    html body main#content.content.wide table.table-mobile-enriched
    tbody tr td:first-child {
        border-left: 1px solid #fada73 !important;
    }

    /* Pravý okraj celé tabulky */
    html body main#content.content.wide table.table-mobile-enriched
    thead tr th:last-child,
    html body main#content.content.wide table.table-mobile-enriched
    tbody tr td:last-child {
        border-right: 1px solid #fada73 !important;
    }

    /* Spodní zlatý okraj */
    html body main#content.content.wide table.table-mobile-enriched
    tbody tr:last-child td {
        border-bottom: 1px solid #fada73 !important;
    }

    /* Zlatá oddělovací linka pod hlavičkou */
    html body main#content.content.wide table.table-mobile-enriched
    thead th {
        border-bottom: 1px solid rgba(250, 218, 115, 0.45) !important;
    }

    /* Jistota, že první a poslední buňky nezůstanou kulaté */
    html body main#content.content.wide table.table-mobile-enriched
    thead th:first-child,
    html body main#content.content.wide table.table-mobile-enriched
    thead th:last-child,
    html body main#content.content.wide table.table-mobile-enriched
    tbody tr:last-child td:first-child,
    html body main#content.content.wide table.table-mobile-enriched
    tbody tr:last-child td:last-child {
        border-radius: 0 !important;
    }
}


/* ============================================
   KLIENTSKÉ CENTRUM – DOKLADY K PŘIJATÉ PLATBĚ
   Lokální styl pouze pro tableCustomerProofPayment
   včetně pevného zlatého ohraničení
   ============================================ */

/* Celá tabulka */
html body #content table[data-testid="tableCustomerProofPayment"] {
    width: 100% !important;

    border-collapse: separate !important;
    border-spacing: 0 !important;

    background: var(--dh-bg-main, #1c1c1c) !important;
    color: var(--dh-text-white, #ffffff) !important;

    border: 1px solid var(--dh-gold, #fada73) !important;
    border-radius: 0 !important;

    box-shadow: 0 0 18px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

/* Zrušení zaoblených rohů Shoptetu */
html body #content table[data-testid="tableCustomerProofPayment"],
html body #content table[data-testid="tableCustomerProofPayment"] thead,
html body #content table[data-testid="tableCustomerProofPayment"] tbody,
html body #content table[data-testid="tableCustomerProofPayment"] tr,
html body #content table[data-testid="tableCustomerProofPayment"] th,
html body #content table[data-testid="tableCustomerProofPayment"] td {
    border-radius: 0 !important;
}

/* Hlavička */
html body #content table[data-testid="tableCustomerProofPayment"] thead,
html body #content table[data-testid="tableCustomerProofPayment"] thead tr,
html body #content table[data-testid="tableCustomerProofPayment"] thead th {
    background: #252525 !important;
    background-color: #252525 !important;
    background-image: none !important;

    color: var(--dh-gold, #fada73) !important;

    box-shadow: none !important;
}

/* Texty v hlavičce */
html body #content table[data-testid="tableCustomerProofPayment"] thead th {
    padding: 16px 12px !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;

    white-space: nowrap !important;
    vertical-align: middle !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.45) !important;
}

/* Tělo tabulky */
html body #content table[data-testid="tableCustomerProofPayment"] tbody,
html body #content table[data-testid="tableCustomerProofPayment"] tbody tr,
html body #content table[data-testid="tableCustomerProofPayment"] tbody td {
    background: var(--dh-bg-main, #1c1c1c) !important;
    background-color: var(--dh-bg-main, #1c1c1c) !important;
    background-image: none !important;
}

/* Buňky */
html body #content table[data-testid="tableCustomerProofPayment"] tbody td {
    padding: 18px 12px !important;

    color: var(--dh-text-white, #ffffff) !important;

    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(250, 218, 115, 0.14) !important;

    font-family: var(--dh-font, 'PT Serif', serif) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;

    vertical-align: middle !important;
}

/* ============================================
   PEVNÉ ZLATÉ OHRANIČENÍ
   přímo na krajních buňkách
   ============================================ */

/* Horní okraj */
html body #content table[data-testid="tableCustomerProofPayment"]
thead tr:first-child th {
    border-top: 1px solid var(--dh-gold, #fada73) !important;
}

/* Levý okraj */
html body #content table[data-testid="tableCustomerProofPayment"]
thead th:first-child,
html body #content table[data-testid="tableCustomerProofPayment"]
tbody td:first-child {
    border-left: 1px solid var(--dh-gold, #fada73) !important;
}

/* Pravý okraj */
html body #content table[data-testid="tableCustomerProofPayment"]
thead th:last-child,
html body #content table[data-testid="tableCustomerProofPayment"]
tbody td:last-child {
    border-right: 1px solid var(--dh-gold, #fada73) !important;
}

/* Spodní okraj */
html body #content table[data-testid="tableCustomerProofPayment"]
tbody tr:last-child td {
    border-bottom: 1px solid var(--dh-gold, #fada73) !important;
}

/* Platba vpravo */
html body #content table[data-testid="tableCustomerProofPayment"] th.cell--price,
html body #content table[data-testid="tableCustomerProofPayment"] td.cell--price {
    text-align: right !important;
}

/* Odkaz na PDF */
html body #content a[data-testid="pdfCustomerProofPayment"],
html body #content a[data-testid="pdfCustomerProofPayment"] strong {
    color: var(--dh-text-white, #ffffff) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

html body #content a[data-testid="pdfCustomerProofPayment"]:hover,
html body #content a[data-testid="pdfCustomerProofPayment"]:hover strong {
    color: var(--dh-gold, #fada73) !important;
    text-decoration: underline !important;
}

/* Hodnota platby */
html body #content table[data-testid="tableCustomerProofPayment"] .cell--price,
html body #content table[data-testid="tableCustomerProofPayment"] .cell--price strong {
    color: var(--dh-gold, #fada73) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Mobilní popisky na desktopu */
html body #content table[data-testid="tableCustomerProofPayment"] .client-table-heading {
    display: none !important;
}

/* ============================================
   STRÁNKOVÁNÍ
   ============================================ */

html body #content table[data-testid="tableCustomerProofPayment"] + .pagination-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;

    margin-top: 20px !important;
    padding: 0 10px !important;

    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table[data-testid="tableCustomerProofPayment"] + .pagination-wrapper p {
    margin: 0 !important;
    color: var(--dh-text-white, #ffffff) !important;
}

html body #content table[data-testid="tableCustomerProofPayment"] + .pagination-wrapper strong,
html body #content table[data-testid="tableCustomerProofPayment"] + .pagination-wrapper .current {
    color: var(--dh-gold, #fada73) !important;
}

/* ============================================
   MOBIL – DOKLAD JAKO KARTA
   ============================================ */

@media (max-width: 767px) {

    html body #content table[data-testid="tableCustomerProofPayment"] {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] thead {
        display: none !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] tbody,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td {
        display: block !important;
        width: 100% !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr {
        margin-bottom: 18px !important;
        padding: 6px 14px !important;

        background: #202020 !important;

        border: 1px solid var(--dh-gold, #fada73) !important;
        border-radius: 0 !important;

        box-shadow: 0 0 14px rgba(0, 0, 0, 0.25) !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] tbody td {
        display: grid !important;
        grid-template-columns: minmax(110px, 42%) minmax(0, 58%) !important;
        align-items: center !important;
        gap: 8px !important;

        padding: 10px 0 !important;

        background: transparent !important;

        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.12) !important;

        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] tbody td:last-child {
        border-bottom: none !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] .client-table-heading {
        display: block !important;

        color: var(--dh-text-muted, #999999) !important;

        font-size: 11px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] td.cell--price {
        text-align: left !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] + .pagination-wrapper {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;

        padding: 0 !important;
    }
}

/* ============================================
   DORUČOVACÍ ADRESY – OBNOVENÍ POPISKŮ NA MOBILU
   Zachování původního Shoptet rozložení
   ============================================ */

@media (max-width: 991px) {

    html body #content table.table-shipping-addresses .client-table-heading {
        display: block !important;

        color: rgba(255, 255, 255, 0.32) !important;

        font-family: var(--dh-font, 'PT Serif', serif) !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.2px !important;
    }

    html body #content table.table-shipping-addresses tbody tr {
        background: #202020 !important;
        border: 1px solid rgba(250, 218, 115, 0.65) !important;
        border-radius: 0 !important;
    }

    html body #content table.table-shipping-addresses tbody td {
        background: transparent !important;
        color: #ffffff !important;
        border-color: rgba(250, 218, 115, 0.12) !important;
    }

    html body #content table.table-shipping-addresses a.btn,
    html body #content table.table-shipping-addresses a.btn.btn-xs {
        color: var(--dh-gold, #fada73) !important;
        background: transparent !important;
        border: 1px solid var(--dh-gold, #fada73) !important;
        border-radius: 0 !important;
    }

    html body #content table.table-shipping-addresses .icon-tick,
    html body #content table.table-shipping-addresses .default-shipping-address {
        color: var(--dh-gold, #fada73) !important;
    }
}

/* ============================================
   DORUČOVACÍ ADRESY – MOBILNÍ DOLADĚNÍ
   odstranění společného rámu tabulky
   + centrování tlačítka Přidat novou adresu
   ============================================ */

@media (max-width: 991px) {

    /* Zrušení společného rámu kolem celé tabulky */
    html body #content table.table-shipping-addresses,
    html body.in-klient #content table.table-shipping-addresses {
        background: transparent !important;
        background-color: transparent !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    /* Zrušení rámu a pozadí obalu tabulky */
    html body #content .scroll-wrapper:has(table.table-shipping-addresses),
    html body #content .table-responsive:has(table.table-shipping-addresses),
    html body #content .responsive-table:has(table.table-shipping-addresses) {
        background: transparent !important;
        background-color: transparent !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Tělo tabulky nesmí kreslit společný blok */
    html body #content table.table-shipping-addresses tbody {
        background: transparent !important;
        background-color: transparent !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Každá adresa zůstane samostatná karta */
    html body #content table.table-shipping-addresses tbody tr {
        margin-bottom: 18px !important;

        background: #202020 !important;
        background-color: #202020 !important;

        border: 1px solid rgba(250, 218, 115, 0.65) !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Poslední karta bez zbytečné mezery dole */
    html body #content table.table-shipping-addresses tbody tr:last-child {
        margin-bottom: 0 !important;
    }

    /* Centrované tlačítko Přidat novou adresu */
    html body a.btn.btn-secondary[href="/klient/dorucovaci-udaje/"] {
        display: flex !important;
        width: fit-content !important;
        max-width: calc(100% - 32px) !important;

        margin-left: auto !important;
        margin-right: auto !important;

        text-align: center !important;
        justify-content: center !important;
    }
}

/* ============================================
   KLIENTSKÉ DOKLADY – JEDNOTNÉ MOBILNÍ KARTY
   hranaté rámečky bez deformací
   ============================================ */

@media (max-width: 767px) {

    /* Všechny klientské tabulky dokladů */
    html body #content table.customer-invoices,
    html body #content table[data-testid="tableCustomerProformaInvoices"],
    html body #content table[data-testid="customerCreditNotes"],
    html body #content table[data-testid="tableCustomerDeliveryNotes"],
    html body #content table[data-testid="tableCustomerProofPayment"] {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border: none !important;
        border-radius: 0 !important;
        outline: none !important;

        box-shadow: none !important;
        overflow: visible !important;
    }

    /* Hlavička se na mobilu nezobrazuje */
    html body #content table.customer-invoices thead,
    html body #content table[data-testid="tableCustomerProformaInvoices"] thead,
    html body #content table[data-testid="customerCreditNotes"] thead,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] thead,
    html body #content table[data-testid="tableCustomerProofPayment"] thead {
        display: none !important;
    }

    /* Reset struktury */
    html body #content table.customer-invoices tbody,
    html body #content table.customer-invoices tbody tr,
    html body #content table.customer-invoices tbody td,

    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody tr,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td,

    html body #content table[data-testid="customerCreditNotes"] tbody,
    html body #content table[data-testid="customerCreditNotes"] tbody tr,
    html body #content table[data-testid="customerCreditNotes"] tbody td,

    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody tr,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td,

    html body #content table[data-testid="tableCustomerProofPayment"] tbody,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td {
        border-radius: 0 !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* Tělo tabulky bez vlastního rámečku */
    html body #content table.customer-invoices tbody,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody,
    html body #content table[data-testid="customerCreditNotes"] tbody,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
    }

    /* Jediný vnější rámeček je na řádku/kartě */
    html body #content table.customer-invoices tbody tr,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody tr,
    html body #content table[data-testid="customerCreditNotes"] tbody tr,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody tr,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr {
        display: block !important;

        width: 100% !important;
        margin: 0 0 18px 0 !important;
        padding: 14px 28px !important;

        background: #202020 !important;
        background-color: #202020 !important;

        border: 1px solid rgba(250, 218, 115, 0.65) !important;
        border-radius: 0 !important;

        box-shadow: 0 0 16px rgba(0, 0, 0, 0.22) !important;
        overflow: hidden !important;
    }

    /* Jednotlivé položky karty */
    html body #content table.customer-invoices tbody td,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td,
    html body #content table[data-testid="customerCreditNotes"] tbody td,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td {
        display: grid !important;
        grid-template-columns: minmax(150px, 42%) minmax(0, 58%) !important;
        align-items: center !important;
        gap: 10px !important;

        width: 100% !important;
        min-width: 0 !important;

        padding: 14px 0 !important;
        margin: 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.12) !important;
        border-radius: 0 !important;

        color: #ffffff !important;

        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;

        box-shadow: none !important;
    }

    /* Poslední položka bez spodní linky */
    html body #content table.customer-invoices tbody td:last-child,
    html body #content table[data-testid="tableCustomerProformaInvoices"] tbody td:last-child,
    html body #content table[data-testid="customerCreditNotes"] tbody td:last-child,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] tbody td:last-child,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td:last-child {
        border-bottom: none !important;
    }

    /* Levé popisky */
    html body #content table.customer-invoices .client-table-heading,
    html body #content table[data-testid="tableCustomerProformaInvoices"] .client-table-heading,
    html body #content table[data-testid="customerCreditNotes"] .client-table-heading,
    html body #content table[data-testid="tableCustomerDeliveryNotes"] .client-table-heading,
    html body #content table[data-testid="tableCustomerProofPayment"] .client-table-heading {
        display: block !important;

        color: rgba(255, 255, 255, 0.48) !important;

        font-family: var(--dh-font, 'PT Serif', serif) !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.2px !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    /* Cena nebo platba zůstane vlevo v hodnotovém sloupci */
    html body #content table.customer-invoices td.cell--price,
    html body #content table[data-testid="tableCustomerProformaInvoices"] td.cell--price,
    html body #content table[data-testid="customerCreditNotes"] td.cell--price,
    html body #content table[data-testid="tableCustomerProofPayment"] td.cell--price {
        text-align: left !important;
    }
}

/* ============================================
   MOBIL – OBJEDNÁVKY + DOKLAD K PŘIJATÉ PLATBĚ
   finální oprava rámů a rozložení
   ============================================ */

@media (max-width: 767px) {

    /* ========================================
       1. MOJE OBJEDNÁVKY – CELÝ HRANATÝ RÁM
       ======================================== */

    html body #content table.customer-orders {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #content table.customer-orders tbody {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Každá objednávka jako samostatná hranatá karta */
    html body #content table.customer-orders tbody tr {
        display: block !important;
        width: 100% !important;

        margin: 0 0 18px 0 !important;
        padding: 12px 28px !important;

        background: #202020 !important;
        background-color: #202020 !important;

        border: 1px solid rgba(250, 218, 115, 0.65) !important;
        border-radius: 0 !important;

        outline: none !important;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.22) !important;
        overflow: hidden !important;
    }

    /* Buňky objednávky – pouze jemné vnitřní linky */
    html body #content table.customer-orders tbody td {
        display: grid !important;
        grid-template-columns: minmax(145px, 42%) minmax(0, 58%) !important;
        align-items: center !important;
        gap: 10px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 14px 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.12) !important;
        border-radius: 0 !important;

        outline: none !important;
        box-shadow: none !important;
    }

    html body #content table.customer-orders tbody td:last-child {
        border-bottom: none !important;
    }

    /* ========================================
       2. DOKLAD K PŘIJATÉ PLATBĚ
       odstranit rámy z jednotlivých buněk
       ======================================== */

    html body #content table[data-testid="tableCustomerProofPayment"] {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] tbody {
        display: block !important;
        width: 100% !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    /* Jediný zlatý rám bude kolem celé karty */
    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr {
        display: block !important;
        width: 100% !important;

        margin: 0 0 18px 0 !important;
        padding: 12px 28px !important;

        background: #202020 !important;
        background-color: #202020 !important;

        border: 1px solid rgba(250, 218, 115, 0.65) !important;
        border-radius: 0 !important;

        outline: none !important;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.22) !important;
        overflow: hidden !important;
    }

    /* Tvrdý reset všech okrajů buněk */
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td:first-child,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td:last-child,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr:first-child td,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr:last-child td {
        display: grid !important;
        grid-template-columns: minmax(120px, 36%) minmax(0, 64%) !important;
        align-items: center !important;
        gap: 12px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 14px 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.12) !important;
        border-radius: 0 !important;

        outline: none !important;
        box-shadow: none !important;

        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    /* Poslední řádek bez vnitřní linky */
    html body #content table[data-testid="tableCustomerProofPayment"] tbody td:last-child,
    html body #content table[data-testid="tableCustomerProofPayment"] tbody tr:last-child td:last-child {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: none !important;
    }

    /* Kód dokladu má více prostoru a nesmí se zbytečně lámat */
    html body #content a[data-testid="pdfCustomerProofPayment"],
    html body #content a[data-testid="pdfCustomerProofPayment"] strong {
        display: inline-block !important;
        max-width: 100% !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;

        color: #ffffff !important;
    }

    /* Popisky vlevo */
    html body #content table.customer-orders .client-table-heading,
    html body #content table[data-testid="tableCustomerProofPayment"] .client-table-heading {
        display: block !important;

        color: rgba(255, 255, 255, 0.48) !important;

        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.2px !important;

        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    html body #content table[data-testid="tableCustomerProofPayment"] td.cell--price {
        text-align: left !important;
    }
}

/* ============================================
   KLIENTSKÉ CENTRUM – HOMEPAGE / POSLEDNÍ OBJEDNÁVKY
   Mobilní oprava karet podle skutečného HTML
   ============================================ */

@media (max-width: 767px) {

    /* Cílíme jen tabulku po nadpisu "Poslední 2 objednávky" */
    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border: none !important;
        border-radius: 0 !important;
        outline: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched thead {
        display: none !important;
    }

    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched tbody {
        display: block !important;
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border: none !important;
        border-radius: 0 !important;
        outline: none !important;
        box-shadow: none !important;
    }

    /* Každá objednávka jako samostatná hranatá karta */
    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched tbody tr {
        display: block !important;
        width: 100% !important;

        margin: 0 0 18px 0 !important;
        padding: 12px 28px !important;

        background: #202020 !important;
        background-color: #202020 !important;

        border: 1px solid var(--dh-gold, #fada73) !important;
        border-radius: 0 !important;

        outline: none !important;
        box-shadow: 0 0 16px rgba(0, 0, 0, 0.22) !important;
        overflow: hidden !important;
    }

    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched tbody tr:last-child {
        margin-bottom: 0 !important;
    }

    /* Buňky uvnitř karty */
    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched tbody td {
        display: grid !important;
        grid-template-columns: minmax(145px, 42%) minmax(0, 58%) !important;
        align-items: center !important;
        gap: 10px !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 14px 0 !important;

        background: transparent !important;
        background-color: transparent !important;

        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(250, 218, 115, 0.12) !important;
        border-radius: 0 !important;

        outline: none !important;
        box-shadow: none !important;

        text-align: left !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched tbody td:last-child {
        border-bottom: none !important;
    }

    /* Popisky vlevo */
    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched .client-table-heading {
        display: block !important;

        color: rgba(255, 255, 255, 0.48) !important;

        font-family: var(--dh-font, 'PT Serif', serif) !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.2px !important;
    }

    /* Cena */
    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched td.cell--price {
        text-align: left !important;
    }

    /* Status objednávky */
    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched .status {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: fit-content !important;
        min-height: 36px !important;

        padding: 8px 16px !important;

        background: transparent !important;
        background-color: transparent !important;

        color: var(--dh-gold, #fada73) !important;

        border: 1px solid var(--dh-gold, #fada73) !important;
        border-radius: 0 !important;

        box-shadow: none !important;
        text-shadow: none !important;

        font-family: var(--dh-font, 'PT Serif', serif) !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;

        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
    }

    /* Prázdné buňky – ať nedělají divný pruh */
    html body #content.content.wide .content-inner > h1 + h2 + table.table.table-mobile-enriched tbody td:empty {
        display: none !important;
    }
}

/* ============================================
   KLIENTSKÉ CENTRUM – HOMEPAGE
   menší stav objednávky na mobilu
   ============================================ */

@media (max-width: 767px) {

    html body #content.content.wide
    .content-inner > h1 + h2 + table.table.table-mobile-enriched
    .status {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;

        padding: 7px 10px !important;

        font-size: 11px !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;

        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;

        text-align: center !important;
    }

    html body #content.content.wide
    .content-inner > h1 + h2 + table.table.table-mobile-enriched
    tbody td {
        grid-template-columns: minmax(135px, 38%) minmax(0, 62%) !important;
    }
}