/* Modern UI Enhancements - Capsule Look */

/* ===================================
   Location Button - MOVED
   Styles moved to: assets/css/components/buttons.css
   =================================== */

/* Social Share Capsule - Centered */
.hero-social-share {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    background: rgba(30, 41, 59, 0.6);
    /* Darker backdrop */
    padding: 15px 30px;
    border-radius: 20px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    margin: 40px auto 0;
    width: fit-content;
    /* Ensure it's centered in parent */
}

.share-label-hero {
    color: #ffffff;
    font-weight: 600;
    font-size: 1rem;
    margin-right: 5px;
}

.social-share-buttons-hero {
    display: flex;
    gap: 15px;
    align-items: center;
}

.share-btn-hero {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.1rem;
    transition: transform 0.2s, opacity 0.2s;
    text-decoration: none;
}

.share-btn-hero:hover {
    transform: scale(1.1);
    opacity: 0.9;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .hero-social-share {
        flex-direction: column;
        padding: 20px;
        gap: 15px;
        width: 90%;
    }

    .social-share-buttons-hero {
        justify-content: center;
        flex-wrap: wrap;
    }
}