/* ============================================================
   sections/contact-cards/style.css
   ============================================================ */

/* ── Section ─────────────────────────────────────────────── */
.cc-section {
    background:    var(--cc-bg,      var(--bg-color, transparent));
    color:         var(--cc-text,    inherit);
    padding:       var(--cc-padding, 5rem 0);
    border-top:    var(--cc-border-t, none);
    border-right:  var(--cc-border-r, none);
    border-bottom: var(--cc-border-b, none);
    border-left:   var(--cc-border-l, none);
    border-radius: var(--cc-radius,  0);
    box-shadow:    var(--cc-shadow,  none);
}

/* ── Titre ───────────────────────────────────────────────── */
.cc-title {
    font-size:     var(--cc-title-size,   2rem);
    font-family:   var(--cc-title-font,   inherit);
    font-weight:   var(--cc-title-weight, 700);
    color:         var(--cc-title-color,  inherit);
    margin-bottom: 1rem;
}

/* ── Sous-titre ──────────────────────────────────────────── */
.cc-subtitle {
    color:         var(--cc-subtitle-color, var(--text-muted, inherit));
    margin-bottom: 2.5rem;
    line-height:   1.65;
}

/* ── Grille ──────────────────────────────────────────────── */
.cc-grid {
    --bs-gutter-x: var(--cc-gap, 1.5rem);
    --bs-gutter-y: var(--cc-gap, 1.5rem);
}

/* ── Carte ───────────────────────────────────────────────── */
.cc-card {
    background:     var(--cc-card-bg,      transparent);
    padding:        var(--cc-card-padding,  2rem);
    border-radius:  var(--cc-card-radius,   12px);
    border-top:     var(--cc-card-border-t, none);
    border-right:   var(--cc-card-border-r, none);
    border-bottom:  var(--cc-card-border-b, none);
    border-left:    var(--cc-card-border-l, none);
    box-shadow:     var(--cc-card-shadow,   none);
    height:         100%;
    display:        flex;
    flex-direction: column;
    align-items:    var(--_cc-align, center);
    transition:     box-shadow .2s, transform .2s;
}

.cc-card:hover {
    transform:  translateY(-4px);
    box-shadow: var(--cc-card-hover-shadow, var(--cc-card-shadow, none));
}

.cc-align-left   .cc-card { --_cc-align: flex-start; text-align: left;   }
.cc-align-center .cc-card { --_cc-align: center;     text-align: center; }

/* ── Icône ───────────────────────────────────────────────── */
.cc-icon-wrap {
    display:         flex;
    align-items:     center;
    justify-content: center;
    background:      var(--cc-icon-bg,      transparent);
    border-radius:   var(--cc-icon-radius,  50%);
    padding:         var(--cc-icon-padding, 1rem);
    width:  calc(var(--cc-icon-size, 1.5rem) + var(--cc-icon-padding, 1rem) * 2);
    height: calc(var(--cc-icon-size, 1.5rem) + var(--cc-icon-padding, 1rem) * 2);
    margin-bottom:   1.25rem;
    flex-shrink:     0;
}

.cc-icon-wrap i {
    font-size:   var(--cc-icon-size,  1.5rem);
    color:       var(--cc-icon-color, var(--primary, inherit));
    line-height: 1;
}

.cc-icon-wrap .cc-icon-img {
    width:         var(--cc-icon-size, 1.5rem);
    height:        var(--cc-icon-size, 1.5rem);
    object-fit:    cover;
    border-radius: var(--cc-icon-radius, 50%);
}

/* ── Titre carte ─────────────────────────────────────────── */
.cc-card-title {
    font-size:   var(--cc-card-title-size,  1rem);
    font-family: var(--cc-card-title-font,  inherit);
    font-weight: var(--cc-card-title-weight, 600);
    color:       var(--cc-card-title-color, inherit);
    margin:      0 0 .35rem;
    line-height: 1.3;
}

/* ── Note ────────────────────────────────────────────────── */
.cc-card-note {
    font-size:   .8rem;
    color:       var(--text-muted, inherit);
    margin:      0 0 .35rem;
    opacity:     .75;
}

/* ── Description / lien ──────────────────────────────────── */
.cc-card-desc {
    font-size:   var(--cc-card-desc-size,  .95rem);
    color:       var(--cc-card-desc-color, var(--text-muted, inherit));
    margin:      0;
    word-break:  break-word;
    line-height: 1.5;
}

a.cc-card-link {
    color:           var(--cc-link-color, var(--primary, inherit));
    text-decoration: none;
    transition:      color .2s;
}

a.cc-card-link:hover {
    color:           var(--cc-link-hover, var(--cc-link-color, var(--primary)));
    text-decoration: underline;
}