/* ==========================================================================
   Live Horeca Inventory Manager Engine V22.1 — Extracted Core Layout Styles
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.wp-inventory-wrapper { font-family: "Montserrat", sans-serif; margin: 20px 0; width: 100%; box-sizing: border-box; background: #ffffff; }
.wp-inventory-controls { display: grid; grid-template-columns: 1fr repeat(3, 1fr); gap: 10px; background: #ffffff; padding: 0 0 15px 0; align-items: center; box-sizing: border-box; width: 100%; }
.wp-control-input, .wp-control-select { font-family: "Montserrat", sans-serif !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; padding: 10px 14px; font-size: 14px; border: 1px solid #dcdfe6; border-radius: 6px; background: #ffffff; color: #606266; outline: none; height: 40px; margin: 0 !important; }

.wp-inventory-grid { display: flex; flex-direction: column; width: 100%; box-sizing: border-box; border: 1px solid #e9edf2; border-radius: 4px; overflow: hidden; min-height: 200px; }

.wp-horeca-table-header { display: grid; grid-template-columns: 75px 1.2fr 100px 0.5fr 5.5fr 1fr; gap: 5px; background: #806792; padding: 12px 16px; align-items: center; box-sizing: border-box; border-bottom: 1px solid #646E78; }
.wp-inventory-card { display: grid; grid-template-columns: 75px 1.2fr 100px 0.5fr 5.5fr 1fr; gap: 5px; background: #ffffff; border-bottom: 1px solid #e9edf2; padding: 12px 16px; align-items: center; box-sizing: border-box; content-visibility: auto; contain-intrinsic-size: 130px; }

.wp-inventory-card:last-child { border-bottom: none; }
.wp-th-txt { color: #ffffff; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; }
.wp-th-txt-right { text-align: right; }

.wp-col-image { display: flex; align-items: center; justify-content: flex-start; }
.wp-col-info { display: flex; flex-direction: column; gap: 4px; min-width: 0; text-align: left; }
.wp-col-status { display: flex; align-items: center; justify-content: flex-start; min-width: 0; }
.wp-col-size { display: flex; align-items: center; justify-content: flex-start; min-width: 0; }
.wp-col-details { display: flex; align-items: center; width: 100%; min-width: 0; }
.wp-col-price { display: flex; align-items: center; justify-content: flex-end; text-align: right; }

.wp-horeca-thumb { height: 100px !important; width: 45px !important; max-width: 45px !important; object-fit: contain; border-radius: 4px; border: 1px solid #e4e7ed; background: #ffffff; padding: 2px; aspect-ratio: 45/100; }
.wp-horeca-thumb-placeholder { height: 100px; width: 45px; background: #f5f7fa; border: 1px dashed #dcdfe6; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-size: 9px; color: #909399; text-transform: uppercase; text-align: center; }

.wp-badge { display: inline-block; padding: 2px 6px; font-size: 9px; font-weight: bold; border-radius: 4px; text-transform: uppercase; width: max-content; letter-spacing: 0.3px; margin-bottom: 2px; }
.wp-badge-wine { background: #AAA1C8; color: #ffffff; }
.wp-badge-beer { background: #E5B181; color: #ffffff; }
.wp-badge-cider { background: #419D78; color: #ffffff; }
.wp-badge-soft-drinks { background: #2980b9; color: #ffffff; }
.wp-badge-default { background: #7f8c8d; color: #ffffff; }

.wp-card-producer { margin: 0 !important; font-size: 18px !important; font-weight: 700 !important; color: #000000 !important; text-transform: uppercase !important; line-height: 1.2 !important; }
.wp-card-name { margin: 0 !important; font-size: 13px !important; color: #4b5563 !important; font-weight: 500 !important; line-height: 1.3 !important; }

.wp-card-status { display: inline-block !important; font-size: 10px !important; font-weight: 600 !important; padding: 4px 8px !important; border-radius: 4px !important; width: max-content !important; text-transform: uppercase !important; border: 1px solid transparent !important; margin: 0 !important; }
.wp-status-in-stock { background: #e8f8f5 !important; color: #005500 !important; border-color: #d1f2eb !important; }
.wp-status-to-order { background: #fef9e7 !important; color: #ac7300 !important; border-color: #fcf3cf !important; }

.wp-card-size { display: inline-block !important; font-size: 11px !important; color: #2d2d2d !important; font-weight: 500 !important; background: #f8f9fa !important; padding: 4px 8px !important; border-radius: 4px !important; border: 1px solid #e2e8f0 !important; text-align: center !important; white-space: nowrap !important; margin: 0 !important; }

.wp-card-preview-col { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px 12px; background: #f8f9fa; border: 1px solid #f1f2f6; padding: 6px 12px; border-radius: 4px; box-sizing: border-box; width: 100%; min-width: 0; }
.wp-card-preview-col .wp-meta-block { display: inline-flex !important; align-items: center; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; }
.wp-card-preview-col .wp-meta-label { font-size: 11px !important; text-transform: uppercase !important; color: #6b7280 !important; font-weight: 700 !important; margin-right: 4px !important; }
.wp-card-preview-col .wp-meta-label::after { content: ":"; }
.wp-card-preview-col .wp-meta-value { font-size: 12px !important; color: #1f2937 !important; font-weight: 500 !important; }

.wp-card-price-col { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; }
.wp-price-total { font-size: 15px; font-weight: 700; color: #000000; white-space: nowrap; display: block; }
.wp-price-breakdown { font-size: 11px; color: #6b7280; white-space: nowrap; margin-top: 2px; display: block; }

/* Multi-size/price products (e.g. a beer sold as 0,5L / 20L / 30L keg) still
   publish as a single .wp-price-box, just with one row per size/price pair. */
.wp-price-variant-row { display: flex; justify-content: space-between; gap: 10px; white-space: nowrap; }
.wp-price-variant-size { margin-top: 0; }
.wp-price-variant-total { font-size: 13px; }

@media(max-width: 1024px) {
    .wp-horeca-table-header { display: none; }
    .wp-inventory-controls { grid-template-columns: 1fr; gap: 8px; }
    .wp-inventory-card { grid-template-columns: 60px 1fr 120px; gap: 12px; padding: 12px; }
    .wp-col-image { grid-row: span 2; }
    .wp-col-status { justify-content: flex-end; }
    .wp-col-size { grid-column: 3; justify-content: flex-end; }
    .wp-col-details { grid-column: span 3; }
    .wp-col-price { grid-column: span 3; border-top: 1px dashed #e5e7eb; padding-top: 8px; justify-content: flex-end; }
}
@media(max-width: 480px) {
    .wp-inventory-card { grid-template-columns: 1fr; text-align: center; justify-items: center; }
    .wp-col-image, .wp-col-info, .wp-col-status, .wp-col-size, .wp-col-details, .wp-col-price { grid-column: span 1; justify-content: center; text-align: center; align-items: center; }
    .wp-card-price-col { align-items: center; }
}