/* Start custom CSS for shortcode, class: .elementor-element-aeec777 */<style>
    .dck-wrap { font-family: 'Nunito', 'Segoe UI', sans-serif; color: #1a1a2e; line-height: 1.6; }

    /* ── BARRE META ── */
    .dck-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-bottom: 2rem; }
    .dck-pill {
        display: inline-flex; align-items: center; gap: 6px;
        border: 1.5px solid #e4e4f0; border-radius: 100px;
        padding: .3rem .85rem; font-weight: 700;
        color: #1a1a2e; background: #fff; text-decoration: none;
        transition: border-color .2s, background .2s;
    }
    .dck-pill:hover { border-color: #000a78; background: #e8e9f7; }
    .dck-pill.dck-active { background: #000a78; border-color: #000a78; color: #fff; }
    .dck-pulse {
        width: 7px; height: 7px; border-radius: 50%;
        background: #ff9d50; flex-shrink: 0;
        animation: dck-blink 2s ease-in-out infinite;
    }
    @keyframes dck-blink { 0%,100%{opacity:1} 50%{opacity:.3} }

    /* ── LISTE ── */
    .dck-list { display: flex; flex-direction: column; gap: 1.5rem; }

    /* ── CARTE ── */
    .dck-card {
        background: #fff; border: 1.5px solid #e4e4f0;
        border-radius: 16px; overflow: hidden;
        transition: box-shadow .2s, transform .15s, border-color .2s;
    }
    .dck-card:hover { box-shadow: 0 8px 32px rgba(0,10,120,.09); border-color: #c0c2e8; transform: translateY(-2px); }
    .dck-card.dck-upcoming { opacity: .7; }

    /* En-tête carte */
    .dck-card-head { padding: 1.4rem 1.6rem 1rem; display: flex; align-items: flex-start; gap: 1rem; }
    .dck-badge {
        font-weight: 800; text-transform: uppercase;
        letter-spacing: .1em; border-radius: 6px; padding: .2rem .55rem;
        white-space: nowrap; margin-top: 3px; flex-shrink: 0;
        background: #e8e9f7; border: 1px solid #c8caf0; color: #000a78;
    }
    .dck-badge.dck-teaser { background: #fff4eb; border-color: #ffd3a8; color: #e07d28; }

    .dck-card-meta { flex: 1; }
    .dck-title {
        font-weight: 800; color: #1a1a2e;
        letter-spacing: -.01em; line-height: 1.3; margin-bottom: .3rem;
        text-decoration: none; display: block;
    }
    .dck-title:hover { color: #000a78; }
    .dck-title.dck-soon { color: #6b6b8a; cursor: default; }
    .dck-infos { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
    .dck-date, .dck-dur { font-weight: 600; color: #6b6b8a; }

    /* Extrait */
    .dck-excerpt { padding: 0 1.6rem 1.1rem; color: #6b6b8a; line-height: 1.65; border-bottom: 1px solid #e4e4f0; }

    /* Player */
    .dck-player { padding: 1.1rem 1rem; background: #f8f8fc; }
    .dck-player iframe { border: 0; box-shadow: rgba(0,0,0,.18) 0 0 10px; width: calc(100% - 10px); height: 180px; margin-left: 5px; display: block; border-radius: 8px; }

    /* Placeholder */
    .dck-placeholder { padding: 1.25rem 1.6rem; background: #f8f8fc; border-top: 1px solid #e4e4f0; display: flex; align-items: center; gap: .65rem; font-weight: 600; color: #6b6b8a; }

    /* Pied de carte */
    .dck-card-foot { padding: .85rem 1.6rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
    .dck-tags { display: flex; gap: .45rem; flex-wrap: wrap; }
    .dck-tag { font-weight: 700; background: #e8e9f7; color: #000a78; border-radius: 100px; padding: .2rem .7rem; text-decoration: none; }
    .dck-tag.dck-orange { background: #fff4eb; color: #e07d28; }
    .dck-link { font-weight: 700; color: #e07d28; text-decoration: none; display: flex; align-items: center; gap: 4px; white-space: nowrap; transition: gap .2s; }
    .dck-link:hover { gap: 7px; color: #ff9d50; }

    /* ── ENCART ABONNEMENT ── */
    .dck-sub {
        margin-top: 2.5rem; background: #000a78; border-radius: 16px;
        padding: 2rem 1.75rem; display: flex; align-items: center;
        gap: 1.75rem; flex-wrap: wrap; position: relative; overflow: hidden;
    }
    .dck-sub::after { content:''; position:absolute; bottom:-50px; right:-50px; width:200px; height:200px; background:rgba(255,157,80,.12); border-radius:50%; pointer-events:none; }
    .dck-sub-icon { width:52px; height:52px; background:#ff9d50; border-radius:14px; display:flex; align-items:center; justify-content:center; flex-shrink:0; box-shadow:0 6px 20px rgba(255,157,80,.4); position:relative; z-index:1; }
    .dck-sub-icon svg { width:24px; height:24px; fill:#fff; }
    .dck-sub-text { flex:1; position:relative; z-index:1; }
    .dck-sub-text h3 { font-weight: 800; color: #fff; margin-bottom:.2rem; }
    .dck-sub-text p { color:rgba(255,255,255,.55); margin:0; }
    .dck-sub-actions { display:flex; gap:.65rem; flex-wrap:wrap; position:relative; z-index:1; }
    .dck-btn { display:inline-flex; align-items:center; gap:6px; padding:.6rem 1.2rem; border-radius:100px; font-weight:700; text-decoration:none; font-family:inherit; transition:background .2s, transform .15s; white-space:nowrap; }
    .dck-btn:hover { transform:translateY(-1px); }
    .dck-btn.dck-primary { background:#ff9d50; color:#fff; box-shadow:0 4px 16px rgba(255,157,80,.35); }
    .dck-btn.dck-primary:hover { background:#ff8a2e; }
    .dck-btn.dck-ghost { background:rgba(255,255,255,.1); color:rgba(255,255,255,.8); border:1.5px solid rgba(255,255,255,.2); }
    .dck-btn.dck-ghost:hover { background:rgba(255,255,255,.18); }

    /* ── RESPONSIVE ── */
    @media (max-width: 640px) {
        .dck-card-head { flex-direction: column; gap: .5rem; }
        .dck-sub { flex-direction: column; align-items: flex-start; }
    }
    </style>/* End custom CSS */