/* =====================================================================
   UNIFIED EVENT CTA  (task-253 P3)
   ---------------------------------------------------------------------
   The event page had 5+ different "Iscriviti" button styles (bootstrap
   blue, green gradient, pastel, custom). This converges the *primary*
   registration CTAs onto ONE brand-accent button (Rise & Run teal), with
   a consistent shape. Loaded on the event detail page AFTER the section
   stylesheets so it wins; uses !important only where Bootstrap / scoped
   #route rules would otherwise override. Secondary buttons are untouched.
   ===================================================================== */

.modern-action-btn.success,
.mobile-float-cta .btn.btn-primary,
.btn-register,
a.btn-register,
.pc-card__cta {
    background: var(--rr-accent, #138577) !important;
    background-image: none !important;
    border: 1px solid var(--rr-accent, #138577) !important;
    color: #fff !important;
    font-weight: 600 !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(19, 133, 119, .26) !important;
    transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
}

.modern-action-btn.success:hover,
.mobile-float-cta .btn.btn-primary:hover,
.btn-register:hover,
a.btn-register:hover,
.pc-card__cta:hover {
    background: var(--rr-accent-deep, #0f6f64) !important;
    border-color: var(--rr-accent-deep, #0f6f64) !important;
    color: #fff !important;
    filter: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 24px rgba(19, 133, 119, .32) !important;
}

/* Pricing-card CTA: a touch more compact, but the same accent + shape. */
.pc-card__cta { padding: .7rem 1.1rem !important; gap: .4rem; }

/* Rise & Run brand lockup in the event hero (task-253). */
.hero-rr-lockup {
    display: block;
    height: clamp(58px, 9vw, 82px);
    width: auto;
    margin: 0 0 1.15rem;
    filter: drop-shadow(0 4px 14px rgba(8, 20, 36, .5));
}
.hero-section .hero-content[style*="center"] .hero-rr-lockup,
.text-center .hero-rr-lockup { margin-left: auto; margin-right: auto; }
@media (max-width: 600px) { .hero-rr-lockup { height: 54px; } }