/* EEC event page styles — extracted from template-event-content.php */

.cec-event-page {
        max-width: 900px;
        margin: 2rem auto;
        padding: 0 1rem;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }
    .cec-event-breadcrumb {
        font-size: 0.8125rem;
        color: #6b7280;
        margin-bottom: 1.25rem;
    }
    .cec-event-breadcrumb a { color: #2563eb; text-decoration: none; }
    .cec-event-breadcrumb a:hover { text-decoration: underline; }
    .cec-event-breadcrumb span { margin: 0 0.375rem; }

    .cec-back-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        color: #2563eb;
        font-size: 0.875rem;
        cursor: pointer;
        margin-bottom: 1.25rem;
        padding: 0.375rem 0;
        border: none;
        background: none;
        text-decoration: none;
        font-family: inherit;
    }
    .cec-back-btn:hover { text-decoration: underline; }

    .cec-event-title {
        font-size: 1.75rem;
        font-weight: 700;
        margin: 0 0 1rem;
        line-height: 1.25;
        color: #1a1a1a;
    }
    .cec-event-hero {
        margin-bottom: 1.25rem;
        border-radius: 10px;
        overflow: hidden;
    }
    .cec-event-hero img {
        width: 100%;
        height: auto;
        display: block;
        aspect-ratio: 16/9;
        object-fit: cover;
    }

    .cec-detail-info {
        display: flex;
        flex-direction: column;
        gap: 0.625rem;
        margin-bottom: 1.5rem;
    }
    .cec-detail-row {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        font-size: 0.9375rem;
        color: #4b5563;
    }
    .cec-detail-row .cec-icon {
        font-size: 1.125rem;
        flex-shrink: 0;
        width: 1.5rem;
        text-align: center;
    }

    .cec-addcal-btns {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .cec-addcal-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 1rem;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #4b5563;
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 500;
        font-family: inherit;
        text-decoration: none;
        transition: all 0.15s;
    }
    .cec-addcal-btn:hover {
        border-color: #2563eb;
        color: #2563eb;
        background: #eff6ff;
    }

    .cec-event-description {
        font-size: 1rem;
        line-height: 1.7;
        color: #4b5563;
        margin-bottom: 1.5rem;
        white-space: pre-line;
    }
    .cec-event-description p { margin-bottom: 0.75rem; }
    .cec-event-description-html { white-space: normal; }
    .cec-event-description-html h2, .cec-event-description-html h3 { font-size: 1.3rem; font-weight: 700; color: #1a1a1a; margin: 1.25rem 0 0.5rem; }
    .cec-event-description-html h4 { font-size: 1.1rem; font-weight: 600; color: #1a1a1a; margin: 1rem 0 0.375rem; }
    .cec-event-description-html ul, .cec-event-description-html ol { margin: 0 0 0.75rem 1.25rem; padding: 0; }
    .cec-event-description-html li { margin-bottom: 0.375rem; }
    .cec-event-description-html a { color: #2563eb; text-decoration: underline; }
    .cec-event-description-html hr { border: none; border-top: 1px solid #e5e7eb; margin: 1rem 0; }
    .cec-event-description-html iframe { width: 100% !important; border: none !important; min-height: 500px; border-radius: 8px; margin: 1rem 0; }
    .cec-learn-more-btn {
        display: block;
        width: 100%;
        text-align: center;
        background: #2563eb;
        color: #fff !important;
        border-radius: 8px;
        padding: 0.875rem 1.5rem;
        text-decoration: none !important;
        font-size: 1.0625rem;
        font-weight: 700;
        transition: background 0.15s;
        margin: 1rem 0 1.25rem;
        box-sizing: border-box;
    }
    .cec-learn-more-btn:hover { background: #1d4ed8; color: #fff !important; }
    .cec-learn-more-btn:visited { color: #fff !important; }

    .cec-detail-tags {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }
    .cec-tag {
        background: #f3f4f6;
        color: #4b5563;
        padding: 0.25rem 0.75rem;
        border-radius: 999px;
        font-size: 0.8125rem;
    }

    .cec-source-attribution {
        font-size: 0.875rem;
        color: #6b7280;
    }

    .cec-ticket-link {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        background: #10b981;
        color: #fff !important;
        border-radius: 8px;
        padding: 0.625rem 1.25rem;
        text-decoration: none !important;
        font-size: 0.9375rem;
        font-weight: 600;
        transition: background 0.15s;
        margin-bottom: 0.5rem;
    }
    .cec-ticket-link:hover { background: #059669; }

    .cec-source-link {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        background: #2563eb;
        color: #fff !important;
        border-radius: 8px;
        padding: 0.625rem 1.25rem;
        text-decoration: none !important;
        font-size: 0.9375rem;
        font-weight: 600;
        transition: background 0.15s;
    }
    .cec-source-link:hover { background: #1d4ed8; }

    .cec-remind-section { margin: 1rem 0; }
    .cec-remind-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 1rem;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #4b5563;
        cursor: pointer;
        font-size: 0.875rem;
        font-weight: 500;
        font-family: inherit;
        transition: all 0.15s;
    }
    .cec-remind-btn:hover { border-color: #2563eb; color: #2563eb; background: #eff6ff; }
    .cec-remind-form {
        margin-top: 0.75rem;
        background: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        padding: 1rem;
        display: none;
    }
    .cec-remind-row { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.5rem; }
    .cec-remind-email {
        padding: 0.5rem 0.75rem;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        font-size: 0.875rem;
        flex: 1;
        min-width: 200px;
        font-family: inherit;
    }
    .cec-remind-submit {
        padding: 0.5rem 1rem;
        background: #2563eb;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: 0.875rem;
        font-weight: 600;
        cursor: pointer;
        font-family: inherit;
    }
    .cec-remind-submit:hover { background: #1d4ed8; }
    .cec-remind-check { display: flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: #6b7280; cursor: pointer; }
    .cec-remind-msg { margin-top: 0.5rem; font-size: 0.8125rem; padding: 0.5rem; border-radius: 8px; display: none; }
    .cec-remind-msg.success { display: block; background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
    .cec-remind-msg.error { display: block; background: #fef2f2; color: #dc2626; border: 1px solid #fecaca; }

    .cec-report-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        padding: 0.5rem 1rem;
        border: 1px solid #e5e7eb;
        border-radius: 8px;
        background: #fff;
        color: #9ca3af;
        cursor: pointer;
        font-size: 0.8125rem;
        font-weight: 500;
        font-family: inherit;
        transition: all 0.15s;
    }
    .cec-report-btn:hover { border-color: #dc2626; color: #dc2626; background: #fef2f2; }

    .cec-report-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 1rem; }
    .cec-report-modal { background: #fff; border-radius: 8px; box-shadow: 0 8px 32px rgba(0,0,0,0.2); width: 100%; max-width: 480px; padding: 1.5rem; position: relative; }
    .cec-report-modal h3 { margin: 0 0 0.25rem; font-size: 1.125rem; color: #1f2937; }
    .cec-report-modal .cec-report-event-info { font-size: 0.8125rem; color: #6b7280; margin-bottom: 1rem; }
    .cec-report-modal label { display: block; font-size: 0.8125rem; font-weight: 600; color: #374151; margin-bottom: 0.25rem; }
    .cec-report-modal textarea { width: 100%; min-height: 100px; padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.875rem; font-family: inherit; resize: vertical; color: #1f2937; background: #fff; box-sizing: border-box; }
    .cec-report-modal textarea:focus { outline: none; border-color: #2563eb; }
    .cec-report-modal .cec-report-email-input { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 8px; font-size: 0.875rem; font-family: inherit; color: #1f2937; background: #fff; box-sizing: border-box; margin-bottom: 1rem; }
    .cec-report-actions { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 1rem; }
    .cec-report-cancel { padding: 0.5rem 1rem; border: 1px solid #d1d5db; border-radius: 8px; background: #fff; color: #374151; cursor: pointer; font-size: 0.875rem; font-family: inherit; }
    .cec-report-submit-btn { padding: 0.5rem 1.25rem; background: #2563eb; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 0.875rem; font-weight: 600; font-family: inherit; }
    .cec-report-submit-btn:hover { background: #1d4ed8; }
    .cec-report-close { position: absolute; top: 0.75rem; right: 0.75rem; background: none; border: none; font-size: 1.25rem; cursor: pointer; color: #9ca3af; padding: 0.25rem; line-height: 1; }
    .cec-report-close:hover { color: #1f2937; }

    @media (max-width: 640px) {
        .cec-event-title { font-size: 1.375rem; }
    }