/* ==================================================================
   Pristage Hjr — card fixes 6.1.18 / 6.1.19 / 6.1.20
   A NEW file name on purpose: hosting / LiteSpeed caches kept serving
   the old card.css, so the last update's styles never reached the card.
   Next time these rules change, give this file a new name again.
   ================================================================== */

/* ---------- 1. Words: dark and bold, white halo behind --------------- */
/* Light paper (almost every design): black-ink words, white glow. */
.pr-card.pr-paper-light .pr-k-field > .pr-in,
.pr-card.pr-paper-light .pr-k-text > .pr-in,
.pr-card.pr-paper-light .pr-k-gift .pr-gift-note,
.pr-card.pr-paper-light .pr-countdown{
    color:#1b1512 !important;
    color:color-mix(in srgb, var(--pr-ink, #2a2320) 30%, #000) !important;
}
.pr-card.pr-paper-light .pr-node:not(.pr-k-image):not(.pr-k-photo):not(.pr-k-video):not(.pr-k-gallery) .pr-in,
.pr-card.pr-paper-light .pr-k-gift .pr-gift-note,
.pr-card.pr-paper-light .pr-countdown{
    text-shadow:
        0 0 1px #fff,
        0 0 3px #fff,
        0 0 6px rgba(255,255,255,.95),
        0 0 12px rgba(255,255,255,.75) !important;
}
/* Small words (addresses, bank details, labels, doa): bold. Large script
   names keep their own weight — a forced bold script looks smudged. */
.pr-card.pr-paper-light .pr-tx-s > .pr-in,
.pr-card.pr-paper-light .pr-k-gift .pr-gift-note{
    font-weight:700 !important;
}

/* Dark paper (night designs): light words, dark halo. */
.pr-card.pr-paper-dark .pr-k-field > .pr-in,
.pr-card.pr-paper-dark .pr-k-text > .pr-in,
.pr-card.pr-paper-dark .pr-k-gift .pr-gift-note{
    color:#fffaf0 !important;
    color:color-mix(in srgb, var(--pr-ink, #f6efdf) 70%, #fff) !important;
}
.pr-card.pr-paper-dark .pr-node:not(.pr-k-image):not(.pr-k-photo):not(.pr-k-video):not(.pr-k-gallery) .pr-in,
.pr-card.pr-paper-dark .pr-k-gift .pr-gift-note{
    text-shadow:
        0 0 2px rgba(0,0,0,.9),
        0 0 6px rgba(0,0,0,.75),
        0 0 12px rgba(0,0,0,.5) !important;
}
.pr-card.pr-paper-dark .pr-tx-s > .pr-in,
.pr-card.pr-paper-dark .pr-k-gift .pr-gift-note{ font-weight:600 !important; }

.pr-card .pr-k-field > .pr-in,
.pr-card .pr-k-text > .pr-in{ text-wrap:balance; }

/* ---------- 2. WhatsApp contacts: main, Ayah, Ibu ---------------------- */
/* 6.1.19: the same pill as the "Tulis Ucapan" button — thin accent border,
   soft paper fill, capitals in the accent colour. Three pills of exactly
   the same size (the grid makes every row as tall as the tallest). */
.pr-card .pr-wa.pr-wa-list{
    display:grid !important;
    grid-template-columns:1fr;
    grid-auto-rows:1fr;
    align-items:stretch;
    gap:calc(var(--pr-u) * 8);
    width:100%; height:auto !important;
}
.pr-card .pr-wa .pr-wa-row{
    display:flex !important; align-items:center !important; justify-content:center !important;
    width:100% !important; max-width:100% !important; min-width:0;
    min-height:calc(var(--pr-u) * 40) !important;
    box-sizing:border-box !important;
    margin:0 !important;
    padding:calc(var(--pr-u) * 7) calc(var(--pr-u) * 14) !important;
    border-radius:calc(var(--pr-u) * 40) !important;
    border:calc(var(--pr-u) * 1) solid var(--pr-accent) !important;
    background:color-mix(in srgb, var(--pr-paper) 70%, transparent) !important;
    color:var(--pr-accent) !important;
    font-family:"Cinzel", "Cormorant Garamond", Georgia, serif !important;
    font-weight:600 !important; font-size:calc(var(--pr-u) * 11.6) !important;
    letter-spacing:calc(var(--pr-u) * 1.2) !important;
    text-transform:uppercase !important; text-decoration:none !important;
    white-space:normal !important; line-height:1.25 !important; text-align:center !important;
    box-shadow:none !important;
}
.pr-card .pr-wa .pr-wa-row[hidden]{ display:none !important; }
.pr-card .pr-wa .pr-wa-ico,
.pr-card .pr-wa .pr-wa-role{ display:none !important; }
.pr-card .pr-wa .pr-wa-txt{ display:block !important; min-width:0; text-align:center; }
.pr-card .pr-wa .pr-wa-name{
    display:block !important;
    font:inherit !important; letter-spacing:inherit !important; text-transform:inherit !important;
    overflow-wrap:anywhere;
    /* at most two lines, so the three pills stay even */
    display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.pr-card .pr-wa .pr-wa-row,
.pr-card .pr-wa .pr-wa-row *{ text-shadow:none !important; }

/* ---------- 3. 6.1.20 — words and buttons sit a little higher ---------- */
/* Every page's content was a touch low; lift it slightly (about 2% of
   the page) on every design. The backend canvas (.dis-canvas) is left as
   placed, so dragging stays exact. Pictures and frames do not move. */
.pr-card:not(.dis-canvas) .pr-sec > .pr-node:not(.pr-k-image):not(.pr-k-video):not(.pr-k-shape):not([data-float]){
    translate:0 calc(var(--pr-u) * -16);
}

/* ---------- 4. 6.1.20 — minimalist music button ---------------------- */
/* No pink circle, no ring, no blur: just the note (or the moving bars
   while it plays), with a soft halo so it shows over any picture. */
.pr-card button.pr-music-toggle,
.pr-card .pr-music-toggle{
    width:calc(var(--pr-u) * 30) !important; height:calc(var(--pr-u) * 30) !important;
    min-width:24px !important; min-height:24px !important;
    background:transparent !important;
    border:0 !important; border-radius:0 !important;
    box-shadow:none !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    color:var(--pr-ink) !important;
    opacity:.82; overflow:visible !important;
    transition:opacity .3s ease, transform .3s ease !important;
}
.pr-card .pr-music-toggle:hover{ opacity:1; transform:scale(1.08); }
.pr-card .pr-music-toggle.is-playing{ background:transparent !important; border:0 !important; opacity:1; }
.pr-card .pr-music-toggle::after{ display:none !important; animation:none !important; }
.pr-card .pr-music-toggle svg{
    width:70% !important; height:70% !important; stroke-width:1.6;
    filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 3px rgba(255,255,255,.9));
}
.pr-card .pr-music-toggle .pr-mt-eq{ gap:calc(var(--pr-u) * 2.2); }
.pr-card .pr-music-toggle .pr-mt-eq i{
    width:calc(var(--pr-u) * 2.2); height:calc(var(--pr-u) * 15);
    box-shadow:0 0 2px #fff, 0 0 4px rgba(255,255,255,.85);
}
.pr-card.pr-paper-dark .pr-music-toggle{ color:#fffaf0 !important; }
.pr-card.pr-paper-dark .pr-music-toggle svg{ filter:drop-shadow(0 0 2px rgba(0,0,0,.85)); }
.pr-card.pr-paper-dark .pr-music-toggle .pr-mt-eq i{ box-shadow:0 0 3px rgba(0,0,0,.8); }