/* =====================================================================
   INKADH — Widget : Podcast
   ===================================================================== */
.inkadh-podcast-section { background:#fff; padding:100px 0 80px; position:relative; overflow:hidden; }
.inkadh-podcast-inner { max-width:1280px; margin:0 auto; padding:0 60px; }
.inkadh-podcast-header { display:flex; align-items:flex-start; justify-content:space-between; gap:120px; margin-bottom:50px; }
.inkadh-podcast-title-wrap { display:flex; align-items:center; justify-content:center; gap:18px; flex-shrink:0; }
.inkadh-podcast-icon { width:40px; height:40px; flex-shrink:0; display:block; object-fit:contain; }
.inkadh-podcast-title { font-size:2.2rem; font-weight:700; color:#0A1539; padding-top:10px; }
.inkadh-podcast-desc  { font-size:0.88rem; color:#666; line-height:1.65; max-width:520px; padding-top:15px; }
.inkadh-podcast-grid  { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-bottom:44px; }
.inkadh-pod-card {
    background:#fff; border:1px solid #eaeef7; border-radius:12px; overflow:hidden;
    transition:transform .3s ease, box-shadow .3s ease; cursor:pointer; width:100%;
    display: flex; flex-direction: column; height: 100%;
}
.inkadh-pod-card:hover { transform:translateY(-5px); box-shadow:0 12px 32px rgba(35,66,247,0.08); }
.inkadh-pod-thumb { position:relative; width:100%; height:220px; overflow:hidden; }
.inkadh-pod-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.inkadh-pod-card:hover .inkadh-pod-thumb img { transform:scale(1.06); }
.inkadh-pod-thumb::after { content:''; position:absolute; inset:0; background:rgba(10,21,57,0.15); transition: background .3s ease; }
.inkadh-pod-card:hover .inkadh-pod-thumb::after { background:rgba(10,21,57,0.25); }
.inkadh-pod-play {
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:56px; height:56px; background:rgba(255,255,255,0.95); border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    z-index:2; transition:all .3s ease; box-shadow:0 6px 16px rgba(0,0,0,0.1);
}
.inkadh-pod-card:hover .inkadh-pod-play { background:#2342F7; transform:translate(-50%,-50%) scale(1.1); box-shadow:0 8px 20px rgba(35,66,247,0.3); }
.inkadh-pod-play svg { width:20px; height:20px; color:#2342F7; margin-left:3px; transition:color .3s; }
.inkadh-pod-card:hover .inkadh-pod-play svg { color:#fff; }
.inkadh-pod-label { padding:20px 24px; display:flex; align-items:center; flex-grow:1; min-height:80px; }
.inkadh-pod-label p { font-size:1.05rem; font-weight:700; color:#0A1539; margin:0; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.inkadh-podcast-cta { text-align:center; }
.inkadh-btn-decouvrir {
    display:inline-block; background:#2342F7; color:#fff; font-weight:600;
    font-size:0.88rem; padding:10px 28px; border-radius:4px; text-decoration:none;
    border:2px solid #2342F7; transition:background .25s, color .25s;
}
.inkadh-btn-decouvrir:hover { background:transparent; color:#2342F7; }

@media (max-width:900px) {
    .inkadh-podcast-section { padding:70px 0 60px; }
    .inkadh-podcast-inner   { padding:0 60px; }
    .inkadh-podcast-header  { flex-direction:column; gap:16px; text-align:center; margin-bottom:36px; }
    .inkadh-podcast-grid    { grid-template-columns:1fr; gap:16px; margin-bottom:32px; }
    .inkadh-pod-thumb       { height:180px; }
    .inkadh-pod-label       { height:52px; }
    .inkadh-pod-label p     { font-size:0.95rem; }
}

@media (max-width:580px) {
    .inkadh-podcast-inner   { padding:0 24px; }
    .inkadh-pod-thumb       { height:160px; }
}

/* =====================================================================
   Podcast — Modal / Popup vidéo
   ===================================================================== */
.inkadh-pod-modal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 99999;
    align-items: center;
    justify-content: center;
}
.inkadh-pod-modal.active { display: flex; }

.inkadh-pod-modal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(7, 19, 56, 0.82);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    cursor: pointer;
    animation: inkadhOverlayIn .25s ease forwards;
}

.inkadh-pod-modal-box {
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 860px;
    background: #0A184B;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
    animation: inkadhModalIn .3s cubic-bezier(.22,.8,.36,1) forwards;
}

.inkadh-pod-modal-close {
    position: absolute;
    top: 12px;
    right: 14px;
    z-index: 2;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,0.25);
    background: rgba(255,255,255,0.08);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s, border-color .2s;
}
.inkadh-pod-modal-close:hover {
    background: var(--inkadh-blue);
    border-color: var(--inkadh-blue);
}
.inkadh-pod-modal-close svg { width: 17px; height: 17px; }

.inkadh-pod-modal-iframe-wrap {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
}
.inkadh-pod-modal-iframe-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

@keyframes inkadhOverlayIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@keyframes inkadhModalIn {
    from { opacity: 0; transform: translateY(30px) scale(.97); }
    to   { opacity: 1; transform: translateY(0)    scale(1);   }
}

@media (max-width: 600px) {
    .inkadh-pod-modal-box { width: 96%; border-radius: 8px; }
}