/**
 * Frontend Styles for Petition Campaign Emailer
 * Compatible with Campoal theme (Semantic UI)
 * Most styling is handled by Semantic UI classes
 */

/* Main Container - minimal custom styling */
.pce-email-campaign-section {
    margin: 30px 0;
}

/* Ensure proper spacing for social share buttons */
.pce-email-campaign-section .social-share {
    margin-bottom: 20px;
}

.pce-email-campaign-section .social-share .column {
    padding: 5px !important;
}

/* Email buttons spacing */
.pce-email-button {
    margin-bottom: 10px;
}

/* Loading state padding */
.pce-loading {
    padding: 20px 0;
    text-align: center;
}

/* Rate limit notice */
.pce-rate-limit-notice {
    margin-bottom: 15px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .pce-email-campaign-section {
        margin: 20px 0;
    }

    .pce-email-campaign-section .social-share.ui.grid > .column {
        width: 100% !important;
        padding: 5px 0 !important;
    }
}

/* Print Styles */
@media print {
    .pce-email-campaign-section {
        display: none;
    }
}