/* Output-specific shelf-label appearance. Shared UI styles live in the main component sheets. */

/* ═══════════════ 4. NYOMTATOTT CÍMKEK (label-card / barcode-card) ═══════════════
   A közös 05-generator.css indigo literáljait itt felülírjuk — csak
   ezen az oldalon. A címke nyomtatási felülete mindkét témában fehér. */

/* A vonalkód-címke nyomtatási felülete mindig fehér — a fekete szöveg és
   a fekete vonalkód-sVG a sötét --card-bg mellett láthatatlan lenne. */
body.page-yellow .barcode-card {
    background: #ffffff;
    border-color: #111111;
}

body.page-yellow .label-card {
    border-color: #111111;
}

body.page-yellow .label-card .label-header {
    color: #111111;
}

/* Az ár a címke fő eleme: fekete szám — a nyomtatott címkén ne legyen
   sárga kiemelő csík, csak a szöveg színe legyen fekete. */
body.page-yellow .label-card .label-price {
    color: #111111;
}

/* Másodlagos sorok → semleges szürke (kékesszürke helyett) */
body.page-yellow .label-row {
    color: #444444;
}

body.page-yellow .label-footer-code {
    color: #757575;
    border-top-color: #e0e0e0;
}

body.page-yellow .label-code-row {
    border-top-color: #e0e0e0;
}

/* Inline szerkeszthető mezők — indigo helyett fekete/sárga */
body.page-yellow .label-editable:hover {
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.45);
    background: rgba(250, 204, 21, 0.14);
}

body.page-yellow .label-editable:focus {
    box-shadow: inset 0 0 0 1.5px #111111;
    background: rgba(250, 204, 21, 0.2);
}

[data-theme="dark"] body.page-yellow .label-editable:hover {
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.45);
    background: rgba(250, 204, 21, 0.14);
}

[data-theme="dark"] body.page-yellow .label-editable:focus {
    box-shadow: inset 0 0 0 1.5px #111111;
    background: rgba(250, 204, 21, 0.2);
}

/* KLASSZIKUS stílus: fekete keret, szürke-fehér fejlec, fekete ár */
body.page-yellow .label-style-classic {
    border-color: #111111;
}

body.page-yellow .label-style-classic .label-header {
    background: linear-gradient(135deg, #ececec, #f5f5f5);
    color: #111111;
    border-bottom-color: #e0e0e0;
}

body.page-yellow .label-style-classic .label-price {
    color: #111111;
}

/* Stílusválasztó miniatűr chip-ek (05-generator) */
body.page-yellow .style-preview-classic {
    background: linear-gradient(180deg, #f5f5f5 40%, #fff 40%);
    border-color: #111111;
}

body.page-yellow .style-preview-custom {
    background: linear-gradient(180deg, #f5f5f5 30%, #fff 30%);
    border-color: #111111;
}