/* ═══════════════════════════════════════════════════════
   MonCanevas — Pattern Customizer (Free Patterns)
   Embedded in free-patterns/article.php
   ═══════════════════════════════════════════════════════ */

.pc-section {
    margin: 3rem 0;
    padding: 2rem;
    background: var(--laine-blanche);
    border: var(--border-bold);
    border-radius: var(--radius-lg, 8px);
}

.pc-title {
    font-size: var(--text-2xl);
    text-align: center;
    color: var(--dmc-garance) !important;
    margin-bottom: 0.5rem;
}

.pc-subtitle {
    text-align: center;
    color: var(--pierre);
    font-size: var(--text-sm);
    margin-bottom: 2rem;
}

.pc-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: start;
}

.pc-preview-col {
    position: sticky;
    top: 1rem;
}

.pc-options-col {
    /* scrolls naturally */
}

/* Presets (radio buttons styled as pills) */
.pc-presets {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.pc-preset {
    padding: 0.3rem 0.6rem;
    border: 1px solid var(--fil);
    border-radius: var(--radius-sm, 2px);
    cursor: pointer;
    font-size: 0.8rem;
    background: var(--laine-blanche);
    color: var(--laine-noire);
    transition: background var(--fast), color var(--fast);
}

.pc-preset:has(input:checked) {
    background: var(--dmc-garance);
    color: var(--laine-blanche);
    border-color: var(--dmc-garance);
}

.pc-preset input {
    display: none;
}

/* Checkout button */
.pc-checkout {
    width: 100%;
    font-size: 0.95rem;
    padding: 0.75rem;
}

.pc-checkout:hover {
    background: var(--dmc-vermillon);
}

/* Price */
.pc-price {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--dmc-garance);
}

.pc-price-note {
    font-size: 0.75rem;
    color: var(--pierre);
}

/* Responsive */
@media (max-width: 768px) {
    .pc-grid {
        grid-template-columns: 1fr;
    }
    .pc-section {
        padding: 1.25rem;
    }
    .pc-preview-col {
        position: static;
        order: -1;
    }
}

/* ── Email Modal (same as creer) ── */
.email-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center}
.email-modal{background:var(--laine-blanche);padding:2rem;border-radius:10px;max-width:400px;width:90%;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,0.2)}
.email-modal h3{color:var(--dmc-garance);margin-bottom:1rem}
.email-modal input[type=email]{width:100%;padding:0.75rem;border:2px solid var(--fil);border-radius:4px;font:inherit;font-size:1rem;margin-bottom:0.5rem}
.email-modal input[type=email]:focus{border-color:var(--dmc-garance);outline:none}
.email-modal .email-error{color:var(--error);font-size:0.85rem;margin-bottom:0.5rem;display:none}