/* KKC 1.9.1 – mobile polish for recipe views (no DB changes) */
.kkc-wrap, .kkc-container, .kkc-admin-wrap { padding-inline: clamp(12px, 3vw, 28px); }
.kkc-header, .kkc-notes, .kkc-audit, .kkc-print-buttons { padding-inline: clamp(12px, 3vw, 28px); }
.kkc-print-buttons { display:flex; flex-wrap:wrap; gap:8px }

/* Table: no horizontal scroll, safe wrapping */
table { table-layout: fixed; width:100%; border-collapse: collapse; }
table th, table td { word-break: break-word; vertical-align: top; }

/* Small screens: tighter spacing */
@media (max-width: 430px){
  table th, table td { padding: 8px 6px; }
  .kkc-header, .kkc-notes, .kkc-audit { padding-inline: clamp(12px, 4vw, 22px); }
  .kkc-inline-img { max-width: 100%; height: auto; display:block; margin-top:6px; border-radius:8px }
}

/* Active state for multiplier buttons (if present) */
[data-multiplier].active, button.multiplier.active { outline:2px solid currentColor; filter:saturate(1.2) }

/* Print: clean sheets */
@media print{
  header, footer, nav, .site-header, .site-footer, .kkc-ui, .kkc-print-buttons, .wp-admin-bar { display:none !important }
  body{ margin:0 !important }
  @page{ margin:10mm }
}

/* === FIX: MNOŻNIKI NA TELEFONIE (PRZEWIJANIE) I KONTRAST === */

@media (max-width: 600px) {
    .kk-scale .kk-scale-btns {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 6px;
        padding-bottom: 5px;
        -webkit-overflow-scrolling: touch;
    }
    .kk-scale .kk-scale-btns::-webkit-scrollbar { display: none; width: 0; height: 0; }
}

/* Mocny kontrast dla aktywnego mnożnika */
.kk-scale .kk-sbtn.active,
.kkv-formatted .kk-sbtn.active {
    background-color: #2271b1 !important;
    color: #ffffff !important;
    border-color: #135e96 !important;
    box-shadow: 0 2px 6px rgba(34, 113, 177, 0.4);
    font-weight: 800 !important;
    transform: scale(1.05);
}