/* =====================================================================
   INKADH — Widget : Annonces Carousel
   ===================================================================== */
.inkadh-annonces-section {
    background-color: var(--inkadh-dark3); min-height: 380px;
    display: flex; align-items: center; justify-content: center;
    position: relative; overflow: hidden; padding: 70px 0;
}
.inkadh-annonces-slide { display: none; }
.inkadh-annonces-slide.active { display: block; }
.inkadh-annonces-content { text-align: center; z-index: 1; position: relative; }
.inkadh-annonces-title    { font-size: 2.6rem; font-weight: 700; color: var(--inkadh-white); margin-bottom: 14px; letter-spacing: 0.01em; }
.inkadh-annonces-subtitle { font-size: 1.05rem; color: var(--inkadh-white); font-weight: 100; }

.inkadh-carousel-btn {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 54px; height: 54px; border-radius: var(--inkadh-radius-full);
    border: 1.5px solid var(--inkadh-overlay-btn-border); background: transparent;
    color: var(--inkadh-white); display: flex; align-items: center; justify-content: center;
    cursor: pointer; z-index: 2; transition: border-color .2s, background .2s;
}
.inkadh-carousel-btn:hover { border-color: var(--inkadh-white); background: var(--inkadh-overlay-btn-hover); }
.inkadh-carousel-btn svg { width: 20px; height: 20px; }
.inkadh-carousel-btn-prev { left: 80px; }
.inkadh-carousel-btn-next { right: 80px; }

.inkadh-carousel-dots {
    position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%);
    display: flex; gap: 6px; z-index: 2;
}
.inkadh-dot {
    width: 7px; height: 7px; border-radius: var(--inkadh-radius-full);
    background: var(--inkadh-overlay-dot); cursor: pointer; transition: background .2s, transform .2s;
}
.inkadh-dot.active { background: var(--inkadh-white); transform: scale(1.2); }

@keyframes inkadh-fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}
.inkadh-annonces-slide.active .inkadh-annonces-content { animation: inkadh-fadeIn .5s ease forwards; }

@media (max-width:768px) {
    .inkadh-carousel-btn-prev { left: 16px; }
    .inkadh-carousel-btn-next { right: 16px; }
    .inkadh-annonces-title { font-size: 1.4rem; }
}