/**
 * WooCommerce RGPD – Styles frontend v1.2.0
 * Compatible Divi, Storefront et thèmes WooCommerce standards
 */

/* ── Wrapper ─────────────────────────────────────────────────────────────── */
.wc-rgpd-wrapper {}

.wc-rgpd-intro {
    font-size: 0.95em;
    color: #555;
    margin-bottom: 1.5em;
    line-height: 1.6;
}

/* ── Grille de cartes ────────────────────────────────────────────────────── */
.wc-rgpd-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    gap: 1.25rem;
    margin-bottom: 1.75em;
}

/* ── Carte individuelle ──────────────────────────────────────────────────── */
.wc-rgpd-card {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.35rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .06);
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.wc-rgpd-card:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, .10);
    border-color: #c0c0c0;
}

/* Accents couleur */
.wc-rgpd-card--export  { border-top: 3px solid #2271b1; }
.wc-rgpd-card--rectify { border-top: 3px solid #00a32a; }
.wc-rgpd-card--address { border-top: 3px solid #8c6bc8; }
.wc-rgpd-card--erase   { border-top: 3px solid #d63638; }

/* ── Icône ───────────────────────────────────────────────────────────────── */
.wc-rgpd-card__icon {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wc-rgpd-card--export  .wc-rgpd-card__icon { color: #2271b1; }
.wc-rgpd-card--rectify .wc-rgpd-card__icon { color: #00a32a; }
.wc-rgpd-card--address .wc-rgpd-card__icon { color: #8c6bc8; }
.wc-rgpd-card--erase   .wc-rgpd-card__icon { color: #d63638; }

/* ── Corps ───────────────────────────────────────────────────────────────── */
.wc-rgpd-card__body {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    flex: 1;
}

.wc-rgpd-card__title {
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

.wc-rgpd-card__desc {
    font-size: .875em;
    color: #666;
    line-height: 1.55;
    margin: 0;
    flex: 1;
}

/* ── Boutons ─────────────────────────────────────────────────────────────── */
.wc-rgpd-btn {
    display: inline-block;
    font-size: .875em !important;
    padding: .5em 1em !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    cursor: pointer;
    align-self: flex-start;
    margin-top: auto;
    transition: filter 0.15s ease;
    border: 1px solid transparent;
}

.wc-rgpd-btn:hover {
    filter: brightness(0.9);
}

.wc-rgpd-btn:disabled {
    opacity: .65;
    cursor: not-allowed;
    pointer-events: none;
}

.wc-rgpd-btn--export  { background: #2271b1 !important; color: #fff !important; border-color: #2271b1 !important; }
.wc-rgpd-btn--rectify { background: #00a32a !important; color: #fff !important; border-color: #00a32a !important; }
.wc-rgpd-btn--address { background: #8c6bc8 !important; color: #fff !important; border-color: #8c6bc8 !important; }
.wc-rgpd-btn--erase   { background: #d63638 !important; color: #fff !important; border-color: #d63638 !important; }

/* ── Messages de retour AJAX ─────────────────────────────────────────────── */
.wc-rgpd-success,
.wc-rgpd-warning,
.wc-rgpd-info {
    padding: .85em 1em;
    border-radius: 4px;
    font-size: .875em;
    line-height: 1.5;
    margin: 0;
}

.wc-rgpd-success {
    background: #edfaef;
    border-left: 4px solid #00a32a;
    color: #1a4a1d;
}

.wc-rgpd-warning {
    background: #fff8e5;
    border-left: 4px solid #dba617;
    color: #5a3e00;
}

.wc-rgpd-info {
    background: #f0f6fc;
    border-left: 4px solid #2271b1;
    color: #1a3a5c;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 600px) {
    .wc-rgpd-cards {
        grid-template-columns: 1fr;
    }
}