/**
 * Global CTA Block Styles
 * 
 * Minimal CSS - most styling handled by Tailwind in template.php
 */

/* Prose styling for content */
.global-cta__content.prose {
    max-width: none;
}

.global-cta__content.prose p:last-child {
    margin-bottom: 0;
}

/* Ensure prose inherits text color */
.global-cta__content.prose * {
    color: inherit;
}

/* Full width buttons on mobile */
@media (max-width: 991px) {
    .global-cta__buttons .tbs-btn {
        width: 100%;
        justify-content: center;
    }
}

/* Formidable Form Styling - Light Text */
.global-cta__form[data-text-color="light"] .frm_forms label,
.global-cta__form[data-text-color="light"] .frm_forms .frm_primary_label,
.global-cta__form[data-text-color="light"] .frm_forms .frm_description {
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.global-cta__form[data-text-color="light"] .frm_forms input[type="text"],
.global-cta__form[data-text-color="light"] .frm_forms input[type="email"],
.global-cta__form[data-text-color="light"] .frm_forms input[type="tel"],
.global-cta__form[data-text-color="light"] .frm_forms input[type="url"],
.global-cta__form[data-text-color="light"] .frm_forms textarea,
.global-cta__form[data-text-color="light"] .frm_forms select {
    background-color: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    backdrop-filter: blur(10px);
}

.global-cta__form[data-text-color="light"] .frm_forms input::placeholder,
.global-cta__form[data-text-color="light"] .frm_forms textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.global-cta__form[data-text-color="light"] .frm_forms input:focus,
.global-cta__form[data-text-color="light"] .frm_forms textarea:focus,
.global-cta__form[data-text-color="light"] .frm_forms select:focus {
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.5);
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
}

/* Formidable Form Styling - Dark Text */
.global-cta__form[data-text-color="dark"] .frm_forms label,
.global-cta__form[data-text-color="dark"] .frm_forms .frm_primary_label,
.global-cta__form[data-text-color="dark"] .frm_forms .frm_description {
    color: #1f2937;
}

.global-cta__form[data-text-color="dark"] .frm_forms input[type="text"],
.global-cta__form[data-text-color="dark"] .frm_forms input[type="email"],
.global-cta__form[data-text-color="dark"] .frm_forms input[type="tel"],
.global-cta__form[data-text-color="dark"] .frm_forms input[type="url"],
.global-cta__form[data-text-color="dark"] .frm_forms textarea,
.global-cta__form[data-text-color="dark"] .frm_forms select {
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(31, 41, 55, 0.2);
    color: #1f2937;
}

.global-cta__form[data-text-color="dark"] .frm_forms input::placeholder,
.global-cta__form[data-text-color="dark"] .frm_forms textarea::placeholder {
    color: rgba(31, 41, 55, 0.5);
}

.global-cta__form[data-text-color="dark"] .frm_forms input:focus,
.global-cta__form[data-text-color="dark"] .frm_forms textarea:focus,
.global-cta__form[data-text-color="dark"] .frm_forms select:focus {
    background-color: #ffffff;
    border-color: rgba(31, 41, 55, 0.4);
    outline: none;
    box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.1);
}

/* Common form field styles */
.global-cta__form .frm_forms input,
.global-cta__form .frm_forms textarea,
.global-cta__form .frm_forms select {
    border-radius: 0.375rem;
    padding: 0.75rem 1rem;
    width: 100%;
    transition: all 0.2s ease;
}

.global-cta__form .frm_forms .frm_form_field {
    margin-bottom: 1rem;
}

.global-cta__form .frm_forms .frm_error {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Form submit button inherits text color styling */
.global-cta__form .frm_forms .frm_submit button {
    transition: all 0.3s ease;
}

/* Editor styles */
.wp-block[data-type="acf/global-cta"] {
    margin-top: 2rem;
    margin-bottom: 2rem;
}