/* ── Shared Variables (lnp-frontend not loaded) ─── */
:root {
    --lnp-primary:   #C9956C; --lnp-primary-dk: #A87550; --lnp-primary-lt: #EDD9C5;
    --lnp-dark:      #1B2A3B; --lnp-green:      #4A8C5C; --lnp-green-dk:   #3A7A4C;
    --lnp-green-lt:  #D4EAD9; --lnp-accent:     #7C5CBF; --lnp-red:        #EF4444;
    --lnp-gold:      #C9A227; --lnp-bg:         #FBF7FF; --lnp-bg-soft:    #F8FAFC;
    --lnp-bg-dark:   #1B2A3B; --lnp-white:      #FFFFFF; --lnp-text:       #1B2A3B;
    --lnp-text-body: #2C2C2C; --lnp-muted:      #6B6B6B; --lnp-muted-lt:   #9CA3AF;
    --lnp-border:    #E5E7EB; --lnp-border-lt:  #F0E8DF; --lnp-navy:       #1B2A3B;
    --lnp-navy-dark: #111D29; --lnp-slate:      #4B5563;
    --lnp-radius:    12px;    --lnp-radius-lg:  20px;    --lnp-radius-xl:  32px;
    --lnp-shadow:    0 4px 24px rgba(27,42,59,.08);
    --lnp-shadow-lg: 0 12px 48px rgba(27,42,59,.14);
    --lnp-shadow-warm: 0 8px 32px rgba(201,149,108,.15);
    --font-display:  'Fredoka', sans-serif;
    --font-heading:  'Fredoka', sans-serif;
    --font-body:     'Manrope', sans-serif;
    --font-script:   'Fredoka', cursive;
}

/* ══════════════════════════════════════════════════════════
   SUBSCRIBER PROFILE PAGE — Additional styles
══════════════════════════════════════════════════════════ */

/* Child row */
.lnp-profile-child-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--lnp-border);
    transition: background 0.15s;
}
.lnp-profile-child-row:hover { background: var(--lnp-bg-soft); }
.lnp-profile-child-row:last-of-type { border-bottom: none; }
.flex-1 { flex: 1; min-width: 0; }

/* Add child section */
.lnp-add-child-section {
    background: var(--lnp-bg-soft);
    border-top: 1px solid var(--lnp-border);
}

/* Address row */
.lnp-profile-address-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--lnp-border);
    transition: background 0.15s;
}
.lnp-profile-address-row:hover { background: var(--lnp-bg-soft); }
.lnp-address-icon {
    width: 36px; height: 36px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    margin-top: 2px;
}