/**
 * =========================================================
 * WooCard – Shared Render Styles
 * File: assets/css/woocard-render.css
 * =========================================================
 * SYFTE
 * ---------------------------------------------------------
 * - Gemensam renderingsyta för WooCard-meddelande i:
 *   * tokenvyer
 *   * admin preview
 *   * admin snapshot
 *   * print/PDF
 *
 * MASTERMODELL
 * ---------------------------------------------------------
 * - Frontend live preview är master
 * - Samma textyta ska användas i renderkedjan:
 *   * padding: 8mm
 *   * inner max-width: 98%
 *   * line-height: 1.35
 *   * samma radbrytningsregler
 *
 * VIKTIGT
 * ---------------------------------------------------------
 * - Denna fil ska endast styra gemensam textyta och
 *   typografisk boxmodell
 * - Ingen affärslogik
 * - Ingen layoutspecifik admin-/tokenrouting här
 *
 * RELATERADE FILER
 * ---------------------------------------------------------
 * - assets/woocard.css
 * - includes/render/render-message.php
 * - includes/admin/print-side2.php
 * - includes/admin/page-orders.php
 *
 * ÄNDRINGSLOGG
 * ---------------------------------------------------------
 * - 2026-03-16: Ratio-/marginalkalibrering mot frontend-master
 * =========================================================
 */

/* =========================================================
 * Block 01 – Shared message box
 * ---------------------------------------------------------
 * Syfte:
 * - Gemensam ytterbox för renderat meddelande
 * - Matchar frontend-master:
 *   * padding: 8mm
 *   * line-height: 1.35
 * ========================================================= */
.woocard-message{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    height:100%;

    padding:18px;
    box-sizing:border-box;

    text-align:center;
    line-height:1.35;
    overflow:hidden;
}

/* =========================================================
 * Block 02 – Shared inner text area
 * ---------------------------------------------------------
 * Syfte:
 * - Gemensam inre textbredd för samma radbrytningar som
 *   frontend live preview
 * - Matchar frontend-master:
 *   * max-width: 98%
 *   * white-space / break rules
 * ========================================================= */
.woocard-message__inner{
    display:block;
    width:98%;
    max-width:98%;
    max-height:100%;
    overflow:hidden;

    white-space:pre-wrap;
    overflow-wrap:anywhere;
    word-break:break-word;
    hyphens:manual;

    text-align:center;
    line-height:1.35;
    letter-spacing:normal;
    word-spacing:normal;
}