/*
 * Καλάθι / ταμείο του cms39_shopping — πρότυπο κινητού (.tableBigMobile: το διαλέγει ο server με is_mobile(), όχι media query).
 * Πριν: τα options του προϊόντος μέσα σε <h4> → τεράστια έντονα γράμματα, κουμπιά ενημέρωσης / αφαίρεσης χωρίς στυλ (το desktop έχει btn-primary / btn-danger),
 * σειρά .row.no-gutters (BS4) με αρνητικά περιθώρια → έβγαινε έξω από την οθόνη, κουμπί ολοκλήρωσης κομμένο.
 */

/* Καλάθι: χωρίς «Σχόλια / Παρατηρήσεις» (απόφαση χρήστη 2026-10-18) — μόνο κρυφό: το textarea μένει στη φόρμα (στέλνει το «-» όπως πριν).
   Desktop = 3η στήλη του πίνακα (th#comments, td, και το κενό td του tfoot) · κινητό = η παράγραφος με το textarea */
.bigdesktop .tableBig tr > :nth-child(3),
.tableMobileRowCol2 p:has(.commentsfield) {
    display: none;
}

/* BS4 .no-gutters → BS5 g-0 */
.row.no-gutters {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.tableBigMobile {
    width: 100%;
    table-layout: fixed;
}

.tableBigMobile > tbody > tr > td {
    padding: 14px 0;
}

.tableBigMobileRow {
    align-items: flex-start;
}

.tableMobileRowCol1 {
    padding-right: 12px;
}

.tableMobileRowCol1 img {
    display: block;
    margin-bottom: 8px;
    border-radius: 8px;
    background: #fff;
}

.tableMobileRowTools {
    display: flex;
    gap: 6px;
}

.tableMobileRowTools button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
}

.tableMobileRowTools .btnActionBascetUpdate {
    background: #0d6efd;
}

.tableMobileRowTools .btnActionBascetRemove {
    background: #dc3545;
}

.tableMobileRowCol2 {
    min-width: 0;
}

/* ο τίτλος του προϊόντος (μέσα σε <h4> στο HTML του plugin) */
.tableMobileRowCol2 h4 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.tableMobileRowCol2 .shop_options {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #4b4f52;
}

.tableMobileRowCol2 .shop_option {
    font-size: inherit;
}

.tableMobileRowCol2 p {
    margin: 0 0 10px;
    font-size: 14px;
}

.tableMobileRowCol2 .qtyfield {
    max-width: 110px;
}

.tableMobileRowCol2 .commentsfield {
    width: 100%;
}

.tableBigMobile tfoot td {
    padding-top: 12px;
    text-align: right;
    font-size: 18px;
    font-weight: 700;
}

.bifmobile + hr + .shopButonGroup .shopBtnCheckout,
.bifmobile ~ .shopButonGroup .shopBtnCheckout {
    display: block;
    width: 100%;
    white-space: normal;
}