/*
 * Public biolink page enhancement layer.
 * Loaded after link-custom.css on the public link page only.
 *
 * STATIC ONLY: no animations, no transitions, no hover motion.
 * Any motion on a landing page must be opt-in by the user via their own
 * animation setting (link->settings->animation, handled in app/helpers/Link.php).
 * This layer only adds neutral depth/spacing that never moves.
 * It does NOT override user-chosen colors/backgrounds/themes.
 * Safe to remove: delete this file + its l/wrapper.php reference.
 */

/* ---------- Buttons: static depth only ---------- */
.link-btn {
    box-shadow: 0 6px 18px rgba(0, 0, 0, .10);
}

/* ---------- Avatar: static shadow ---------- */
.link-avatar-round,
.link-avatar-rounded {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
}

/* ---------- Images inside blocks: static shadow ---------- */
.link-btn-image-wrapper {
    box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
}

/* ---------- Modals (phone collector / sensitive content) ---------- */
.modal-content {
    border: 0;
    border-radius: 1rem;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
}

/* ---------- Responsive: comfortable touch targets & spacing ---------- */
@media (max-width: 575.98px) {
    .link-btn {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
        font-size: 1.05rem;
    }
}

/* Larger tap area on touch devices */
@media (hover: none) {
    .link-btn { min-height: 52px; }
}