/**
 * HMVIP Ads - Estilos para integrações
 *
 * @package HMVIP\Ads
 * @since 0.2.0
 */

/* ==========================================================================
   BuddyBoss Placements
   ========================================================================== */

.hmvip-ad-timeline,
.hmvip-ad-group-sidebar,
.hmvip-ad-profile-footer {
    margin: 20px 0;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    text-align: center;
}

.hmvip-ad-label {
    font-size: 10px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.hmvip-ad-timeline {
    max-width: 600px;
    margin: 30px auto;
}

.hmvip-ad-group-sidebar {
    position: sticky;
    top: 20px;
}

.hmvip-ad-profile-footer {
    margin-top: 40px;
}

/* ==========================================================================
   Better Messages Placements
   ========================================================================== */

.hmvip-ad-better-messages {
    margin: 15px 0;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 4px;
    text-align: center;
}

.hmvip-ad-better-messages img {
    max-width: 100%;
    height: auto;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 768px) {
    .hmvip-ad-timeline,
    .hmvip-ad-group-sidebar,
    .hmvip-ad-profile-footer {
        margin: 15px 0;
        padding: 10px;
    }
}