/* ==========================================================================
   Annonce - Affichage detail 6 (immobilier)
   Feuille scopee sous .annonce-detail-6 : aucune regle ne fuit vers le
   template du client. Bootstrap 5.3 est charge a cote pour la modale et le
   carrousel de la phototheque uniquement.

   Accessibilite / RGAA :
   - contrastes >= 4,5:1 (texte) et >= 3:1 (composants et focus) ;
   - focus visible sur tous les elements interactifs (critere 10.7) ;
   - cibles tactiles >= 44x44 px ;
   - aucune information portee par la seule couleur (critere 3.1) ;
   - animations desactivees si prefers-reduced-motion (critere 13.8) ;
   - rendu conserve en mode contraste force (forced-colors).
   ========================================================================== */

.annonce-detail-6 {
    /* Palette - surchargeable par le template client sur .annonce-detail-6 */
    --a6-accent: #0f5c4c;          /* 7,3:1 sur blanc */
    --a6-accent-hover: #0a4136;
    --a6-accent-ink: #ffffff;
    --a6-accent-soft: #e7f2ef;
    --a6-accent-line: #b9d7cf;

    --a6-ink: #16202c;             /* 15,1:1 sur blanc */
    --a6-ink-2: #4a5b6e;           /* 7,2:1 sur blanc */
    --a6-ink-3: #64748b;           /* 4,8:1 sur blanc */

    --a6-surface: #ffffff;
    --a6-surface-2: #f5f7fa;
    --a6-surface-3: #eceff4;
    --a6-line: #dbe1e9;

    --a6-focus: #123c8c;           /* anneau de focus, 3:1 mini sur fond clair */

    --a6-radius: 16px;
    --a6-radius-sm: 10px;
    --a6-radius-pill: 999px;
    --a6-gap: 1.5rem;
    --a6-shadow: 0 1px 2px rgba(22, 32, 44, .06), 0 8px 24px rgba(22, 32, 44, .07);
    --a6-shadow-sm: 0 1px 2px rgba(22, 32, 44, .08);

    color: var(--a6-ink);
    font-size: 1rem;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
}

/* Isolation typographique minimale : on n'impose pas la police du site. */
.annonce-detail-6 *,
.annonce-detail-6 *::before,
.annonce-detail-6 *::after {
    box-sizing: border-box;
}

/* --------------------------------------------------------------------------
   1. Focus visible (RGAA 10.7)
   -------------------------------------------------------------------------- */

.annonce-detail-6 a:focus-visible,
.annonce-detail-6 button:focus-visible,
.annonce-detail-6 input:focus-visible,
.annonce-detail-6 select:focus-visible,
.annonce-detail-6 textarea:focus-visible,
.annonce-detail-6 [tabindex]:focus-visible {
    outline: 3px solid var(--a6-focus);
    outline-offset: 2px;
    border-radius: 4px;
}

/* Navigateurs sans :focus-visible */
.annonce-detail-6 a:focus,
.annonce-detail-6 button:focus {
    outline: 3px solid var(--a6-focus);
    outline-offset: 2px;
}

.annonce-detail-6 a:focus:not(:focus-visible),
.annonce-detail-6 button:focus:not(:focus-visible) {
    outline: none;
}

/* Texte reserve aux lecteurs d'ecran (jamais display:none) */
.annonce-detail-6 .a6-sr {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* --------------------------------------------------------------------------
   2. Structure generale
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 1rem;
}

.annonce-detail-6 .a6-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--a6-gap);
    margin-top: var(--a6-gap);
}

@media (min-width: 992px) {
    .annonce-detail-6 .a6-grid {
        grid-template-columns: minmax(0, 1fr) 22rem;
        gap: 2.5rem;
    }
}

.annonce-detail-6 .a6-main {
    min-width: 0;
}

.annonce-detail-6 .a6-aside {
    min-width: 0;
}

@media (min-width: 992px) {
    .annonce-detail-6 .a6-aside--sticky {
        position: sticky;
        top: 1.5rem;
        align-self: start;
    }
}

.annonce-detail-6 .a6-section {
    margin: 2.25rem 0 0;
    padding: 0;
    border: 0;
}

.annonce-detail-6 .a6-section:first-child {
    margin-top: 0;
}

.annonce-detail-6 .a6-section-title {
    margin: 0 0 1rem;
    font-size: 1.35rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--a6-ink);
    letter-spacing: -0.01em;
}

.annonce-detail-6 .a6-section-title::after {
    content: "";
    display: block;
    width: 2.5rem;
    height: 3px;
    margin-top: .6rem;
    border-radius: 2px;
    background: var(--a6-accent);
}

.annonce-detail-6 .a6-card {
    background: var(--a6-surface);
    border: 1px solid var(--a6-line);
    border-radius: var(--a6-radius);
    padding: 1.5rem;
    box-shadow: var(--a6-shadow-sm);
}

/* --------------------------------------------------------------------------
   3. En-tete de l'annonce
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 2rem;
    margin-top: 1.5rem;
}

.annonce-detail-6 .a6-title {
    margin: 0;
    font-size: clamp(1.6rem, 1.1rem + 1.8vw, 2.4rem);
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--a6-ink);
}

.annonce-detail-6 .a6-loc {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin: .6rem 0 0;
    font-size: 1.05rem;
    color: var(--a6-ink-2);
}

.annonce-detail-6 .a6-loc svg {
    flex: none;
    width: 1.1em;
    height: 1.1em;
    fill: currentColor;
}

.annonce-detail-6 .a6-ref {
    display: inline-block;
    margin: .75rem 0 0;
    padding: .25rem .7rem;
    border: 1px solid var(--a6-line);
    border-radius: var(--a6-radius-pill);
    background: var(--a6-surface-2);
    font-size: .85rem;
    color: var(--a6-ink-2);
}

/* Prix : jamais uniquement mis en valeur par la couleur -> taille + libelle */
.annonce-detail-6 .a6-price {
    display: block;
    font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.2rem);
    line-height: 1.15;
    font-weight: 700;
    color: var(--a6-accent);
    letter-spacing: -0.02em;
}

.annonce-detail-6 .a6-price-block {
    margin: 0;
}

.annonce-detail-6 .a6-photo {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--a6-radius);
}

.annonce-detail-6 .a6-price-label {
    display: block;
    margin-bottom: .15rem;
    font-size: .85rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--a6-ink-3);
}

.annonce-detail-6 .a6-price-note {
    display: block;
    margin-top: .35rem;
    font-size: .85rem;
    color: var(--a6-ink-2);
}

/* --------------------------------------------------------------------------
   4. Phototheque bento
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-bento {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: clamp(88px, 13.5vw, 176px);
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: var(--a6-radius);
    overflow: hidden;
}

.annonce-detail-6 .a6-bento > li {
    position: relative;
    min-width: 0;
    /* par defaut : petite tuile 1x1 */
    grid-column: span 1;
    grid-row: span 1;
}

/* La tuile est un bouton : semantique correcte pour "ouvrir la galerie" */
.annonce-detail-6 .a6-tile {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    background: var(--a6-surface-3);
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.annonce-detail-6 .a6-tile img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    transition: transform .35s ease;
}

.annonce-detail-6 .a6-tile:hover img,
.annonce-detail-6 .a6-tile:focus-visible img {
    transform: scale(1.04);
}

.annonce-detail-6 .a6-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(22, 32, 44, 0);
    transition: background .25s ease;
}

.annonce-detail-6 .a6-tile:hover::after {
    background: rgba(22, 32, 44, .12);
}

/* Compteur "+N" : purement decoratif, l'info est dans le nom du bouton */
.annonce-detail-6 .a6-tile-more {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 28, 40, .62);
    color: #fff;
    font-size: clamp(1.1rem, .8rem + 1vw, 1.75rem);
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* Variantes selon le nombre de photos affichees */
.annonce-detail-6 .a6-bento--n1 > li:nth-child(1) { grid-column: span 4; grid-row: span 2; }

.annonce-detail-6 .a6-bento--n2 > li { grid-column: span 2; grid-row: span 2; }

.annonce-detail-6 .a6-bento--n3 > li:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.annonce-detail-6 .a6-bento--n3 > li:nth-child(n+2) { grid-column: span 2; grid-row: span 1; }

.annonce-detail-6 .a6-bento--n4 > li:nth-child(1) { grid-column: span 2; grid-row: span 2; }
.annonce-detail-6 .a6-bento--n4 > li:nth-child(4) { grid-column: span 2; grid-row: span 1; }

.annonce-detail-6 .a6-bento--n5 > li:nth-child(1) { grid-column: span 2; grid-row: span 2; }

/* Coins arrondis : uniquement sur le pourtour de la mosaique */
.annonce-detail-6 .a6-bento > li:first-child .a6-tile { border-top-left-radius: var(--a6-radius); }
.annonce-detail-6 .a6-bento--n1 > li:first-child .a6-tile { border-radius: var(--a6-radius); }

@media (max-width: 767px) {
    /* Deux colonnes : grande tuile 2x2, les suivantes en 1x1. La derniere
       s'etale sur la largeur quand le compte laisserait une case vide, pour
       qu'aucune variante ne se termine sur une tuile orpheline. */
    .annonce-detail-6 .a6-bento {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: clamp(84px, 26vw, 150px);
    }

    .annonce-detail-6 .a6-bento > li {
        grid-column: span 1;
        grid-row: span 1;
    }

    .annonce-detail-6 .a6-bento > li:nth-child(1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .annonce-detail-6 .a6-bento--n2 > li:nth-child(2),
    .annonce-detail-6 .a6-bento--n4 > li:nth-child(4) {
        grid-column: span 2;
    }
}

.annonce-detail-6 .a6-gallery-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-top: .75rem;
}

.annonce-detail-6 .a6-gallery-count {
    font-size: .9rem;
    color: var(--a6-ink-2);
}

/* Aucune photo */
.annonce-detail-6 .a6-bento-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    border: 1px dashed var(--a6-line);
    border-radius: var(--a6-radius);
    background: var(--a6-surface-2);
    color: var(--a6-ink-2);
}

/* --------------------------------------------------------------------------
   5. Modale phototheque (Bootstrap)
   -------------------------------------------------------------------------- */

.annonce-detail-6-modal .modal-content {
    background: #10161d;
    color: #fff;
    border: 0;
    border-radius: var(--a6-radius, 16px);
}

.annonce-detail-6-modal .modal-header {
    border-bottom: 1px solid rgba(255, 255, 255, .16);
}

.annonce-detail-6-modal .a6-modal-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 600;
}

.annonce-detail-6-modal .a6-modal-body {
    padding: 0;
}

.annonce-detail-6-modal .a6-modal-counter {
    margin: 0 auto 0 1rem;
    font-size: .9rem;
    color: #d6dde5;
}

.annonce-detail-6-modal .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
    min-width: 44px;
    min-height: 44px;
}

.annonce-detail-6-modal .carousel-item img {
    display: block;
    width: 100%;
    max-height: 76vh;
    object-fit: contain;
    background: #10161d;
}

.annonce-detail-6-modal .carousel-control-prev,
.annonce-detail-6-modal .carousel-control-next {
    width: 12%;
    min-width: 56px;
    opacity: 1;
}

.annonce-detail-6-modal .carousel-control-prev-icon,
.annonce-detail-6-modal .carousel-control-next-icon {
    width: 44px;
    height: 44px;
    padding: 12px;
    border-radius: 50%;
    background-color: rgba(16, 22, 29, .7);
    background-size: 42% 42%;
}

.annonce-detail-6-modal .carousel-control-prev:focus-visible .carousel-control-prev-icon,
.annonce-detail-6-modal .carousel-control-next:focus-visible .carousel-control-next-icon {
    outline: 3px solid #fff;
    outline-offset: 2px;
}

.annonce-detail-6-modal .a6-modal-caption {
    padding: .75rem 1rem 1rem;
    font-size: .95rem;
    color: #e6ebf1;
    text-align: center;
}

/* --------------------------------------------------------------------------
   6. Chiffres cles / caracteristiques / equipements
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-facts {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin: 1.25rem 0 0;
    padding: 0;
    list-style: none;
}

.annonce-detail-6 .a6-fact {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    min-width: 7.5rem;
    padding: .7rem 1rem;
    border: 1px solid var(--a6-line);
    border-radius: var(--a6-radius-sm);
    background: var(--a6-surface-2);
}

.annonce-detail-6 .a6-fact-label {
    font-size: .78rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--a6-ink-3);
}

.annonce-detail-6 .a6-fact-value {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--a6-ink);
}

/* Liste de definitions : label / valeur */
.annonce-detail-6 .a6-specs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--a6-line);
}

@media (min-width: 640px) {
    .annonce-detail-6 .a6-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 2.5rem;
    }
}

.annonce-detail-6 .a6-spec {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem 1rem;
    padding: .7rem 0;
    border-bottom: 1px solid var(--a6-line);
}

.annonce-detail-6 .a6-spec-label {
    color: var(--a6-ink-2);
}

.annonce-detail-6 .a6-spec-value {
    margin: 0;
    font-weight: 600;
    text-align: right;
    color: var(--a6-ink);
}

.annonce-detail-6 .a6-spec-value a {
    color: var(--a6-accent);
}

/* Equipements : la puce coche est doublee d'un texte, jamais seule */
.annonce-detail-6 .a6-chips {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.annonce-detail-6 .a6-chip {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .9rem;
    border: 1px solid var(--a6-accent-line);
    border-radius: var(--a6-radius-pill);
    background: var(--a6-accent-soft);
    color: #0b4438;
    font-size: .92rem;
    font-weight: 500;
}

.annonce-detail-6 .a6-chip svg {
    flex: none;
    width: 1em;
    height: 1em;
    fill: currentColor;
}

/* --------------------------------------------------------------------------
   7. Texte long
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-prose {
    color: var(--a6-ink);
    font-size: 1.02rem;
    line-height: 1.7;
    overflow-wrap: break-word;
}

.annonce-detail-6 .a6-prose > *:first-child { margin-top: 0; }
.annonce-detail-6 .a6-prose > *:last-child { margin-bottom: 0; }

.annonce-detail-6 .a6-prose p { margin: 0 0 1em; }

.annonce-detail-6 .a6-prose a {
    color: var(--a6-accent);
    text-underline-offset: .18em;
}

.annonce-detail-6 .a6-prose img {
    max-width: 100%;
    height: auto;
    border-radius: var(--a6-radius-sm);
}

.annonce-detail-6 .a6-prose table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* --------------------------------------------------------------------------
   8. Energie (DPE / GES)
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-energy {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem 2.5rem;
    align-items: flex-start;
}

.annonce-detail-6 .a6-energy .annonce_dpe,
.annonce-detail-6 .a6-energy .annonce_ges {
    position: relative;
    max-width: 100%;
}

.annonce-detail-6 .a6-energy img {
    max-width: 100%;
    height: auto;
}

.annonce-detail-6 .a6-energy-text {
    margin: 0;
    color: var(--a6-ink-2);
}

.annonce-detail-6 .a6-energy-text b {
    color: var(--a6-ink);
}

/* --------------------------------------------------------------------------
   9. Documents et liens
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-files {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
    gap: .75rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.annonce-detail-6 .a6-file {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 44px;
    padding: .8rem 1rem;
    border: 1px solid var(--a6-line);
    border-radius: var(--a6-radius-sm);
    background: var(--a6-surface);
    color: var(--a6-ink);
    text-decoration: none;
    transition: border-color .2s ease, background .2s ease;
}

.annonce-detail-6 .a6-file:hover {
    border-color: var(--a6-accent);
    background: var(--a6-accent-soft);
}

.annonce-detail-6 .a6-file svg {
    flex: none;
    width: 1.35em;
    height: 1.35em;
    fill: var(--a6-accent);
}

.annonce-detail-6 .a6-file-name {
    font-weight: 600;
    overflow-wrap: anywhere;
}

.annonce-detail-6 .a6-file-meta {
    display: block;
    font-size: .82rem;
    font-weight: 400;
    color: var(--a6-ink-2);
}

/* --------------------------------------------------------------------------
   10. Boutons
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 44px;
    padding: .65rem 1.35rem;
    border: 1px solid transparent;
    border-radius: var(--a6-radius-pill);
    background: var(--a6-accent);
    color: var(--a6-accent-ink);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.annonce-detail-6 .a6-btn:hover {
    background: var(--a6-accent-hover);
    color: var(--a6-accent-ink);
}

.annonce-detail-6 .a6-btn--ghost {
    background: var(--a6-surface);
    border-color: var(--a6-line);
    color: var(--a6-ink);
}

.annonce-detail-6 .a6-btn--ghost:hover {
    background: var(--a6-surface-2);
    border-color: var(--a6-accent);
    color: var(--a6-ink);
}

.annonce-detail-6 .a6-btn--block {
    width: 100%;
}

.annonce-detail-6 .a6-btn svg {
    flex: none;
    width: 1.15em;
    height: 1.15em;
    fill: currentColor;
}

.annonce-detail-6 .a6-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1.25rem;
}

/* --------------------------------------------------------------------------
   11. Carte de contact laterale
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-panel {
    border: 1px solid var(--a6-line);
    border-radius: var(--a6-radius);
    background: var(--a6-surface);
    box-shadow: var(--a6-shadow);
    padding: 1.5rem;
}

.annonce-detail-6 .a6-panel + .a6-panel {
    margin-top: 1.25rem;
}

.annonce-detail-6 .a6-panel-title {
    margin: 0 0 1rem;
    font-size: 1.1rem;
    font-weight: 700;
}

/* Formulaires du noyau (Je suis interesse) remis au gabarit */
.annonce-detail-6 #annonce-contact-complet input[type="text"],
.annonce-detail-6 #annonce-contact-complet textarea {
    width: 100%;
    min-height: 44px;
    margin-bottom: .75rem;
    padding: .6rem .85rem;
    border: 1px solid var(--a6-line);
    border-radius: var(--a6-radius-sm);
    background: var(--a6-surface);
    color: var(--a6-ink);
    font: inherit;
}

.annonce-detail-6 #annonce-contact-complet textarea {
    min-height: 8rem;
    resize: vertical;
}

.annonce-detail-6 #annonce-contact-complet h1 {
    margin: 0 0 .35rem;
    font-size: 1.2rem;
    font-weight: 700;
}

.annonce-detail-6 #annonce-contact-complet span {
    display: block;
    color: var(--a6-ink-2);
}

.annonce-detail-6 #annonce-contact-complet-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: .35rem;
    padding: .65rem 1.35rem;
    border-radius: var(--a6-radius-pill);
    background: var(--a6-accent);
    color: var(--a6-accent-ink);
    font-weight: 600;
    text-decoration: none;
}

.annonce-detail-6 #annonce-contact-complet-submit:hover {
    background: var(--a6-accent-hover);
    color: var(--a6-accent-ink);
}

/* --------------------------------------------------------------------------
   12. Carte de localisation
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-map {
    border-radius: var(--a6-radius);
    overflow: hidden;
    border: 1px solid var(--a6-line);
}

.annonce-detail-6 .a6-map .leaflet-container {
    max-width: 100%;
}

/* --------------------------------------------------------------------------
   13. Bloc "reste" genere automatiquement
   -------------------------------------------------------------------------- */

.annonce-detail-6 .a6-leftover {
    margin-top: 2.25rem;
}

/* --------------------------------------------------------------------------
   14. Preferences utilisateur et modes d'affichage
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
    .annonce-detail-6 *,
    .annonce-detail-6-modal * {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }

    .annonce-detail-6 .a6-tile:hover img,
    .annonce-detail-6 .a6-tile:focus-visible img {
        transform: none;
    }
}

@media (forced-colors: active) {
    .annonce-detail-6 .a6-card,
    .annonce-detail-6 .a6-panel,
    .annonce-detail-6 .a6-fact,
    .annonce-detail-6 .a6-chip,
    .annonce-detail-6 .a6-file,
    .annonce-detail-6 .a6-btn {
        border: 1px solid CanvasText;
    }

    .annonce-detail-6 .a6-tile-more {
        background: Canvas;
        color: CanvasText;
        border: 1px solid CanvasText;
    }

    .annonce-detail-6 a:focus-visible,
    .annonce-detail-6 button:focus-visible {
        outline: 3px solid Highlight;
    }
}

@media print {
    .annonce-detail-6 .a6-actions,
    .annonce-detail-6 .a6-gallery-bar,
    .annonce-detail-6 .a6-map,
    .annonce-detail-6 .social-annonce,
    .annonce-detail-6 #annonce-contact-complet {
        display: none !important;
    }

    .annonce-detail-6 .a6-grid {
        display: block;
    }

    .annonce-detail-6 .a6-bento {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 150px;
    }

    .annonce-detail-6 .a6-bento > li:nth-child(n+3) {
        display: none;
    }

    .annonce-detail-6 .a6-panel,
    .annonce-detail-6 .a6-card {
        box-shadow: none;
    }
}