/**
 * Church Tools Plugin - Common Styles
 */

/* Common styles for all Church Tools apps */
.church-tools-app {
    line-height: 1.6;
}

/* Common button styles */
.church-tools-button {
    display: inline-block;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s ease;
}

.church-tools-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.church-tools-button.primary {
    background: linear-gradient(45deg, #4a6bdf, #6a8bff);
    color: white;
}

.church-tools-button.secondary {
    background: linear-gradient(45deg, #43cea2, #185a9d);
    color: white;
}

.church-tools-button.accent {
    background: linear-gradient(45deg, #ff6b6b, #ee5a6f);
    color: white;
}

/* Common form element styles */
.church-tools-input,
.church-tools-select {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 16px;
}

.church-tools-input:focus,
.church-tools-select:focus {
    outline: none;
    border-color: #4a6bdf;
    box-shadow: 0 0 5px rgba(74, 107, 223, 0.5);
}

/* Common card styles */
.church-tools-card {
    background: white;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

/* Common section title styles */
.church-tools-section-title {
    font-size: 1.5rem;
    margin-bottom: 15px;
    color: #333;
    border-bottom: 2px solid #eee;
    padding-bottom: 10px;
}

/* Common responsive styles */
@media (max-width: 768px) {
    .church-tools-button {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
}