/* Fixenix Elite Design System — Buttons & Actions */

.btn-red {
    background: var(--primary-red);
    border: none;
    padding: 12px 32px;
    font-weight: 700;
    border-radius: 40px;
    color: white;
    transition: 0.3s;
    box-shadow: 0 4px 14px rgba(227,27,35,0.4);
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.btn-red:hover { background: #ff2a33; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(227,27,35,0.6); color: white; }

.btn-red-sm { 
    background: var(--primary-red); border: none; 
    padding: 10px 24px; border-radius: 40px; 
    font-weight: 600; transition: 0.2s; color: white;
}
.btn-red-sm:hover { background: #ff2a33; transform: translateY(-2px); color: white; }

.btn-outline-red {
    border: 1.5px solid var(--primary-red);
    background: transparent;
    color: var(--text-primary);
    border-radius: 40px;
    padding: 0.4rem 1.2rem;
    transition: 0.3s;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.btn-outline-red:hover { 
    background: var(--primary-red); color: white !important; 
    box-shadow: 0 0 12px rgba(227,27,35,0.5); 
}

/* Light Mode Overrides */
[data-theme="light"] .btn-outline-red { color: var(--primary-red); }
[data-theme="light"] .btn-outline-red:hover { color: white !important; }

/* Swiper / Interaction Elements */
.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3);
    width: 6px; height: 6px; transition: 0.3s;
}
.swiper-pagination-bullet-active {
    background: var(--primary-red) !important;
    width: 24px !important; border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(227, 27, 35, 0.5);
}
[data-theme="light"] .swiper-pagination-bullet { background: rgba(0, 0, 0, 0.2); }