/*
Theme Name:  CC Blank
Theme URI:   https://correconnections.co.uk
Description: Minimal shell theme for Corre Connections client sites. Outputs only GrapesJS-edited HTML with zero WP chrome — no header, no footer, no default styles. All design lives in the page content and the _cc_gjs_css post meta injected by the plugin.
Author:      CorreConnections
Author URI:  https://correconnections.co.uk
Version:     1.0.0
License:     GPL-2.0+
Text Domain: cc-blank
*/

/*
 * Base resets — injected site-wide via wp_enqueue_style.
 * GrapesJS page styles come from _cc_gjs_css (injected via wp_head).
 * Plugin styles below use CSS variables set by cc-client-portal.
 */

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; }

/* ── WPForms ────────────────────────────────────────────────────── */

.wpforms-container {
    font-family: var(--cc-font, inherit) !important;
}
.wpforms-field input,
.wpforms-field textarea,
.wpforms-field select {
    border-color: #e2e8f0 !important;
    border-radius: 8px !important;
    font-family: var(--cc-font, inherit) !important;
    font-size: 15px !important;
    padding: 12px 14px !important;
    width: 100% !important;
    outline: none !important;
    transition: border-color .15s !important;
}
.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus {
    border-color: var(--cc-primary, #3b82f6) !important;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cc-primary, #3b82f6) 15%, transparent) !important;
}
.wpforms-field-label {
    font-family: var(--cc-font, inherit) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
}
.wpforms-submit-container button[type=submit],
.wpforms-page-button {
    background: var(--cc-primary, #3b82f6) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px 28px !important;
    font-family: var(--cc-font, inherit) !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    cursor: pointer !important;
    transition: opacity .15s !important;
}
.wpforms-submit-container button[type=submit]:hover {
    opacity: .88 !important;
}
.wpforms-confirmation-container {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 10px !important;
    padding: 20px 24px !important;
    font-family: var(--cc-font, inherit) !important;
    color: #166534 !important;
}

/* ── Amelia Booking ─────────────────────────────────────────────── */

.amelia-app-booking,
.amelia-container {
    font-family: var(--cc-font, inherit) !important;
}
.am-button.-primary,
.amelia-v2-app .am-button.-primary {
    background: var(--cc-primary, #3b82f6) !important;
    border-color: var(--cc-primary, #3b82f6) !important;
}
.am-button.-primary:hover {
    opacity: .88 !important;
}
.am-step-select-service .am-service-card.am-selected,
.am-step-select-service .am-service-card:hover {
    border-color: var(--cc-primary, #3b82f6) !important;
}
.am-step-date-time .am-calendar-day.am-selected,
.am-step-date-time .am-calendar-day:hover:not(.am-disabled) {
    background: var(--cc-primary, #3b82f6) !important;
    color: #fff !important;
}

/* ── CookieYes GDPR banner ──────────────────────────────────────── */

.cky-btn-accept {
    background: var(--cc-primary, #3b82f6) !important;
    border-color: var(--cc-primary, #3b82f6) !important;
}

/* ── GrapesJS shortcode placeholder (editor only) ──────────────── */
/* cc-shortcode elements are replaced server-side before output */
cc-shortcode { display: none; }