/**
 * aird-tile.css — Skin PARTAGÉ "carte danse" (tuiles familles + tuiles villes).
 * Emplacement cible : blocksy-child/assets/css/aird-tile.css
 *
 *  .aird-dtile        = la PEAU : fond translucide dark→gris, bordure dorée, halo
 *                       (::before), filet d'accent (::after), ombre, hover. Le host
 *                       (.aird-fest__tile / .aird-soc__tile) garde sa MISE EN PAGE et
 *                       pose --tile-accent (couleur du halo : famille / palette / pays).
 *  .aird-dtile-title  = titre en dégradé doré clippé sur le texte (= titre du hero).
 *
 * Réutilisé par festivals (hub), sociales (hub) et écoles (hub). PAS sur les cartes
 * events (elles gardent leur look). Le zoom "dock" est géré à part par aird-card-magnify.js.
 */
.aird-dtile {
    position: relative; overflow: hidden; isolation: isolate;
    border-radius: 18px; text-decoration: none;
    background: linear-gradient(180deg, rgba(24, 16, 25, 0.72) 0%, rgba(24, 16, 25, 0.72) 10%, rgba(52, 49, 60, 0.6) 55%);
    border: 1px solid rgba(229, 169, 61, .20);
    box-shadow: 0 12px 30px rgba(8, 5, 12, .30);
    transition: transform .14s ease, box-shadow .2s ease, border-color .2s ease;
}
.aird-dtile::before { /* halo coloré — couleur via --tile-accent posé par le host */
    content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: radial-gradient(82% 60% at 100% -8%, var(--tile-accent, #E5A93D), transparent 60%);
    opacity: .20; transition: opacity .2s ease;
}
.aird-dtile::after { /* filet d'accent en haut */
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, transparent, var(--tile-accent, #E5A93D), transparent);
    opacity: .85;
}
.aird-dtile:hover { box-shadow: 0 20px 46px rgba(8, 5, 12, .44); border-color: rgba(245, 199, 110, .5); }
.aird-dtile:hover::before { opacity: .34; }
.aird-dtile.is-todo { opacity: .55; }

.aird-dtile-title {
    background: linear-gradient(180deg, #F8E3B0 8%, #E5A93D 90%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}