/*
 * Vintage Audio Laser — Flarum
 * Thème Café (light-cafe)
 *
 * Cette feuille ne s'applique QU'au mode "Café".
 * Les thèmes natifs light / dark / light-hc / dark-hc restent intacts.
 */

html[data-theme="light-cafe"] {
    --val-page:        #f5f3f1;
    --val-surface:     #ffffff;
    --val-line:        #ddd8d3;
    --val-line-soft:   #ebe7e3;

    --val-text:        #3d3936;
    --val-muted:       #7e7771;

    --val-accent:      #9a543e;
    --val-accent-dark: #743c2d;

    --val-quote:       #f7f3ef;
}

/* =========================================================
   CAFÉ — PALETTE FLARUM AUTONOME
   Reprend les variables de l'ancienne couleur admin #a25941.
   Le thème Café reste donc identique même si l'admin passe au gris.
   ========================================================= */
html[data-theme="light-cafe"] {
    --body-bg: #fff;
    --body-bg-shaded: #f7f7f7;
    --body-bg-light: #fff;
    --body-bg-faded: rgba(255,255,255,.93);

    --text-color: #111;
    --heading-color: #111;
    --muted-color: hsl(14.84536082,20%,50%);
    --muted-color-light: hsl(14.84536082,20%,60%);
    --muted-color-dark: #000;

    --control-bg: hsl(14.84536082,42.73127753%,93%);
    --control-bg-light: hsl(14.84536082,42.73127753%,96%);
    --control-bg-shaded: hsl(14.84536082,42.73127753%,89%);
    --control-color: hsl(14.84536082,20%,50%);
    --control-body-bg-mix: #faf4f2;

    --primary-color: #a25941;
    --secondary-color: #a25941;
    --link-color: #ad5336;

    --header-bg: #fff;
    --header-color: #a25941;
    --header-control-bg: hsl(14.84536082,42.73127753%,93%);
    --header-control-color: hsl(14.84536082,20%,50%);
    --overlay-bg: rgba(162,89,65,.9);

    --button-color: hsl(14.84536082,20%,50%);
    --button-bg: hsl(14.84536082,42.73127753%,93%);
    --button-bg-hover: hsl(14.84536082,42.73127753%,88%);
    --button-bg-active: hsl(14.84536082,42.73127753%,83%);
    --button-bg-disabled: hsl(14.84536082,42.73127753%,93%);

    --button-primary-color: #fff;
    --button-primary-bg: #a25941;
    --button-primary-bg-hover: #904f3a;
    --button-primary-bg-active: #7e4532;
    --button-primary-bg-disabled: #a25941;

    --button-inverted-color: hsl(14.84536082,20%,50%);
    --button-inverted-bg: #fff;
    --button-inverted-bg-hover: #f2f2f2;
    --button-inverted-bg-active: #e6e6e6;
    --button-inverted-bg-disabled: #fff;

    --control-muted-color: hsl(14.84536082,20%,90%);
}

html[data-theme="light-cafe"][data-colored-header="true"] {
    --header-bg: #a25941;
    --header-color: #fff;
    --header-control-bg: #92503b;
    --header-control-color: #dabdb3;
    --header-colored-color: #fff;
    --header-colored-control-color: #dabdb3;
    --header-colored-control-bg: #92503b;
    --header-colored-control-bg-shaded: #804633;
    --header-colored-control-bg-fadedin: #92503a;
}



/* Page */
html[data-theme="light-cafe"] body {
    background: var(--val-surface);
}



/* =========================================================
   MESSAGES
   ========================================================= */

/*
 * On conserve intégralement la géométrie native Flarum :
 * aucune marge ni aucun padding imposé ici.
 */
html[data-theme="light-cafe"] .Post {
    background: var(--val-surface);

    border: 0;
    border-radius: 0;
    box-shadow: none;
}

/* simple séparation visuelle entre messages */
html[data-theme="light-cafe"] .PostStream-item + .PostStream-item .Post {
    border-top: 1px solid var(--val-line);
}


/* =========================================================
   AUTEUR
   ========================================================= */

html[data-theme="light-cafe"] .PostUser-name,
html[data-theme="light-cafe"] .PostUser-name a {
    color: var(--val-accent);
    font-weight: 650;
}

html[data-theme="light-cafe"] .PostUser-name a:hover {
    color: var(--val-accent-dark);
}

html[data-theme="light-cafe"] .Post-header {
    color: var(--val-muted);
}

html[data-theme="light-cafe"] .Post .Avatar {
    box-shadow: 0 0 0 1px var(--val-line);
}


/* =========================================================
   TEXTE
   ========================================================= */

html[data-theme="light-cafe"] .Post-body {
    color: var(--val-text);
    line-height: 1.58;
}

html[data-theme="light-cafe"] .Post-body p {
    margin-top: 0;
    margin-bottom: .9em;
}

html[data-theme="light-cafe"] .Post-body a:not(.FoFUpload--Upl-Image-Preview-Link) {
    color: var(--val-accent);
    text-decoration-color: rgba(154, 84, 62, .35);
    text-underline-offset: 2px;
}

html[data-theme="light-cafe"] .Post-body a:not(.FoFUpload--Upl-Image-Preview-Link):hover {
    color: var(--val-accent-dark);
    text-decoration-color: currentColor;
}


/* =========================================================
   CITATIONS
   ========================================================= */

html[data-theme="light-cafe"] .Post-body blockquote {
    margin: .9em 0;
    padding: .7em 1em;

    background: var(--val-quote);

    border: 0;
    border-left: 3px solid var(--val-accent);

    border-radius: 0;

    color: #514b47;
    box-shadow: none;
}

html[data-theme="light-cafe"] .Post-body blockquote blockquote {
    background: rgba(255, 255, 255, .6);
    border-left-color: #b8aea7;
}


/* =========================================================
   CODE
   ========================================================= */

html[data-theme="light-cafe"] .Post-body code {
    padding: .1em .3em;

    background: #f2efec;
    border: 1px solid var(--val-line-soft);
    border-radius: 3px;
}

html[data-theme="light-cafe"] .Post-body pre {
    padding: 13px 15px;

    background: #f2efec;
    border: 1px solid var(--val-line);
    border-radius: 4px;

    box-shadow: none;
}

html[data-theme="light-cafe"] .Post-body pre code {
    padding: 0;
    border: 0;
    background: transparent;
}


/* =========================================================
   IMAGES
   ========================================================= */

html[data-theme="light-cafe"] .Post-body img {
    max-width: 100%;
    height: auto;
}

html[data-theme="light-cafe"] .Post-body .FoFUpload--Upl-Image-Preview {
    border-radius: 3px;
    box-shadow: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {
    html[data-theme="light-cafe"] body {
        background: var(--val-surface);
    }
}

/* =========================================================
   HERO / TITRE DE DISCUSSION
   ========================================================= */

html[data-theme="light-cafe"] .DiscussionHero {
    box-shadow: none;
}

html[data-theme="light-cafe"] .DiscussionHero--colored {
    /*
     * On conserve la couleur du tag, mais on la calme un peu
     * avec une légère transparence visuelle via le contenu.
     */
    border-bottom: 1px solid rgba(0, 0, 0, .10);
}

html[data-theme="light-cafe"] .DiscussionHero-title {
    font-weight: 600;
    letter-spacing: -.01em;
}


/* =========================================================
   COLONNE LATÉRALE
   ========================================================= */

html[data-theme="light-cafe"] .Page-sidebar {
    color: var(--val-muted);
}

/* liens de navigation */
html[data-theme="light-cafe"] .Page-sidebar a {
    color: #667b89;
    text-decoration: none;
}

html[data-theme="light-cafe"] .Page-sidebar a:hover {
    color: var(--val-accent);
}

/* boutons / entrées */
html[data-theme="light-cafe"] .Page-sidebar .Button {
    border-radius: 5px;
    box-shadow: none;
}

html[data-theme="light-cafe"] .Page-sidebar .Button:hover {
    background: #f3efeb;
    color: var(--val-accent);
}

/* entrée active */
html[data-theme="light-cafe"] .Page-sidebar .active > a,
html[data-theme="light-cafe"] .Page-sidebar .Button.active {
    color: var(--val-accent);
    font-weight: 600;
}


/* =========================================================
   LABELS / ÉTIQUETTES
   ========================================================= */

html[data-theme="light-cafe"] .TagLabel {
    border-radius: 4px;
    box-shadow: none;
}

html[data-theme="light-cafe"] .TagLabel-text {
    font-weight: 500;
}


/* =========================================================
   PETITES FINITIONS
   ========================================================= */

html[data-theme="light-cafe"] .App-content {
    background: #fff;
}

/* ---------------------------------------------------------
   Colonne de navigation
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .Page-sidebar {
    background: #f7f5f2;
    border-right: 1px solid #e6e0da;
}

/* Entrées de navigation */
html[data-theme="light-cafe"] .Page-sidebar a,
html[data-theme="light-cafe"] .Page-sidebar .Button {
    transition:
        background-color .15s ease,
        color .15s ease;
}

/* Survol */
html[data-theme="light-cafe"] .Page-sidebar a:hover,
html[data-theme="light-cafe"] .Page-sidebar .Button:hover {
    background: #eee9e4;
    color: var(--val-accent);
}

/* Entrée actuellement active */
html[data-theme="light-cafe"] .Page-sidebar .active > a,
html[data-theme="light-cafe"] .Page-sidebar .Button.active,
html[data-theme="light-cafe"] .Page-sidebar a.active {
    background: #ebe5df;
    color: var(--val-accent-dark);
    font-weight: 600;
}


/* ---------------------------------------------------------
   Bouton Nouvelle discussion
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .Page-sidebar .Button--primary {
    background: var(--val-accent);
    border-color: var(--val-accent);
    color: #fff;

    box-shadow: none;
}

html[data-theme="light-cafe"] .Page-sidebar .Button--primary:hover,
html[data-theme="light-cafe"] .Page-sidebar .Button--primary:focus {
    background: var(--val-accent-dark);
    border-color: var(--val-accent-dark);
    color: #fff;
}


/* ---------------------------------------------------------
   Icônes de navigation
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .Page-sidebar .Button-icon,
html[data-theme="light-cafe"] .Page-sidebar i {
    color: #728692;
}

html[data-theme="light-cafe"] .Page-sidebar a:hover .Button-icon,
html[data-theme="light-cafe"] .Page-sidebar a:hover i,
html[data-theme="light-cafe"] .Page-sidebar .active .Button-icon,
html[data-theme="light-cafe"] .Page-sidebar .active i {
    color: var(--val-accent);
}


/* ---------------------------------------------------------
   Zone principale
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .Page-main {
    background: #fff;
}


/* =========================================================
   CORRECTION SIDEBAR — VERSION PLUS LÉGÈRE
   ========================================================= */

html[data-theme="light-cafe"] .Page-sidebar {
    background: transparent;
    border-right: 0;
}

/* Navigation : pas de gros aplats */
html[data-theme="light-cafe"] .Page-sidebar a,
html[data-theme="light-cafe"] .Page-sidebar .Button {
    background: transparent;
}

/* Survol très discret */
html[data-theme="light-cafe"] .Page-sidebar a:hover,
html[data-theme="light-cafe"] .Page-sidebar .Button:hover {
    background: rgba(120, 105, 95, .06);
    color: var(--val-accent);
}

/* Élément actif : simple accent, pas de pavé */
html[data-theme="light-cafe"] .Page-sidebar .active > a,
html[data-theme="light-cafe"] .Page-sidebar .Button.active,
html[data-theme="light-cafe"] .Page-sidebar a.active {
    background: transparent;
    color: var(--val-accent-dark);
    font-weight: 600;
    box-shadow: inset 3px 0 0 var(--val-accent);
}

/* Bouton Nouvelle discussion : moins lourd */
html[data-theme="light-cafe"] .Page-sidebar .Button--primary {
    background: #a75b43;
    border-color: #a75b43;
    color: #fff;
    box-shadow: none;
}

html[data-theme="light-cafe"] .Page-sidebar .Button--primary:hover,
html[data-theme="light-cafe"] .Page-sidebar .Button--primary:focus {
    background: #8f4936;
    border-color: #8f4936;
}

/* Repère actif : laisser de l'air avant l'icône */
html[data-theme="light-cafe"] .Page-sidebar .active > a,
html[data-theme="light-cafe"] .Page-sidebar .Button.active,
html[data-theme="light-cafe"] .Page-sidebar a.active {
    position: relative;
    box-shadow: none;
}

html[data-theme="light-cafe"] .Page-sidebar .active > a::before,
html[data-theme="light-cafe"] .Page-sidebar .Button.active::before,
html[data-theme="light-cafe"] .Page-sidebar a.active::before {
    content: "";
    position: absolute;

    left: -10px;
    top: 4px;
    bottom: 4px;

    width: 2px;
    border-radius: 2px;

    background: var(--val-accent);
}

/* Actif : couleur uniquement, aucun repère vertical */
html[data-theme="light-cafe"] .Page-sidebar .active > a::before,
html[data-theme="light-cafe"] .Page-sidebar .Button.active::before,
html[data-theme="light-cafe"] .Page-sidebar a.active::before {
    content: none;
}


/* =========================================================
   ACCUEIL — LISTE DES DISCUSSIONS
   ========================================================= */

/* Une séparation légère suffit : pas de cartes */
html[data-theme="light-cafe"] .DiscussionListItem {
    border-bottom: 1px solid #ebe7e3;
}

/* Survol très léger */
html[data-theme="light-cafe"] .DiscussionListItem-content {
    transition: background-color .12s ease;
}

html[data-theme="light-cafe"] .DiscussionListItem:hover .DiscussionListItem-content {
    background: #faf8f6;
}


/* ---------------------------------------------------------
   Titre
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .DiscussionListItem-title {
    color: #302d2a;
    font-weight: 600;
    line-height: 1.25;
}

html[data-theme="light-cafe"] .DiscussionListItem-main:hover .DiscussionListItem-title {
    color: var(--val-accent);
}


/* ---------------------------------------------------------
   Informations secondaires
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .DiscussionListItem-info {
    color: #96908a;
}

html[data-theme="light-cafe"] .DiscussionListItem-info a {
    color: #7f7771;
}

html[data-theme="light-cafe"] .DiscussionListItem-info a:hover {
    color: var(--val-accent);
}

/* Extrait du dernier message */
html[data-theme="light-cafe"] .DiscussionListItem-info .item-excerpt {
    color: #aaa49f;
}


/* ---------------------------------------------------------
   Compteurs
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .DiscussionListItem-stats {
    color: #807a75;
}

html[data-theme="light-cafe"] .DiscussionListItem-stats-item {
    color: #6f6964;
    font-weight: 500;
}

html[data-theme="light-cafe"] .DiscussionListItem-stats-item-icon {
    opacity: .65;
}


/* ---------------------------------------------------------
   Tags
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .DiscussionListItem .TagLabel {
    border-radius: 4px;
    box-shadow: none;
    filter: saturate(.78);
}

html[data-theme="light-cafe"] .DiscussionListItem .TagLabel-text {
    font-size: 11px;
    font-weight: 500;
}


/* ---------------------------------------------------------
   Discussions épinglées
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .DiscussionListItem--sticky .DiscussionListItem-title {
    font-weight: 650;
}

/* On conserve le badge d'épinglage,
   mais sans lui ajouter d'autre décoration */


/* =========================================================
   BARRE D'OUTILS DE L'ACCUEIL
   ========================================================= */

html[data-theme="light-cafe"] .IndexPage-toolbar .Button {
    box-shadow: none;
    border-radius: 5px;
}

html[data-theme="light-cafe"] .IndexPage-toolbar .Button:not(.Button--primary) {
    background: #eef3f5;
    color: #67808d;
}

html[data-theme="light-cafe"] .IndexPage-toolbar .Button:not(.Button--primary):hover {
    background: #e5ecef;
    color: #4e6875;
}

/* Accueil : survol sans aplat latéral */
html[data-theme="light-cafe"] .DiscussionListItem:hover,
html[data-theme="light-cafe"] .DiscussionListItem:hover .DiscussionListItem-content,
html[data-theme="light-cafe"] .DiscussionListItem-content:hover {
    background: transparent;
}


/* =========================================================
   ACCUEIL — COLONNE DE GAUCHE
   ========================================================= */

/* ---------------------------------------------------------
   Commandes principales
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .IndexPage-nav .item-allDiscussions > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-messages > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-privateDiscussions > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-following > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-tags > a {
    color: #687f8c;
    font-weight: 400;

    background: transparent;
    box-shadow: none;
}

/* Icônes légèrement plus présentes que le texte */
html[data-theme="light-cafe"] .IndexPage-nav .item-allDiscussions > a .Button-icon,
html[data-theme="light-cafe"] .IndexPage-nav .item-messages > a .Button-icon,
html[data-theme="light-cafe"] .IndexPage-nav .item-privateDiscussions > a .Button-icon,
html[data-theme="light-cafe"] .IndexPage-nav .item-following > a .Button-icon,
html[data-theme="light-cafe"] .IndexPage-nav .item-tags > a .Button-icon {
    color: #718895;
    opacity: .95;
}

/* Survol */
html[data-theme="light-cafe"] .IndexPage-nav .item-allDiscussions > a:hover,
html[data-theme="light-cafe"] .IndexPage-nav .item-messages > a:hover,
html[data-theme="light-cafe"] .IndexPage-nav .item-privateDiscussions > a:hover,
html[data-theme="light-cafe"] .IndexPage-nav .item-following > a:hover,
html[data-theme="light-cafe"] .IndexPage-nav .item-tags > a:hover {
    color: var(--val-accent);
    background: transparent;
}

/* Élément actif */
html[data-theme="light-cafe"] .IndexPage-nav .item-allDiscussions.active > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-messages.active > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-privateDiscussions.active > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-following.active > a,
html[data-theme="light-cafe"] .IndexPage-nav .item-tags.active > a {
    color: var(--val-accent);
    font-weight: 600;
    background: transparent;
}

html[data-theme="light-cafe"] .IndexPage-nav .active > a .Button-icon {
    color: var(--val-accent);
}


/* ---------------------------------------------------------
   Séparateur commandes / rubriques
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .IndexPage-nav .Dropdown-separator {
    border-top: 1px solid #e8e4e0;
}


/* ---------------------------------------------------------
   Rubriques / tags
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .IndexPage-nav .TagLinkButton {
    color: #66808f;
    background: transparent;

    transition:
        color .12s ease,
        background-color .12s ease;
}

html[data-theme="light-cafe"] .IndexPage-nav .TagLinkButton:hover {
    color: var(--val-accent);
    background: transparent;
}

/*
 * Les gros carrés violets attirent actuellement beaucoup
 * l'œil. On conserve la couleur du tag mais on les calme.
 */
html[data-theme="light-cafe"] .IndexPage-nav .TagIcon {
    transform: scale(.72);
    opacity: .62;

    filter:
        saturate(.65)
        brightness(1.05);
}

html[data-theme="light-cafe"] .IndexPage-nav .TagLinkButton:hover .TagIcon {
    opacity: .9;
    filter:
        saturate(.8)
        brightness(1);
}


/* Label actif d'une rubrique */
html[data-theme="light-cafe"] .IndexPage-nav li.active > .TagLinkButton {
    color: var(--val-accent);
    font-weight: 600;
}


/* ---------------------------------------------------------
   Bouton Nouvelle discussion
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .IndexPage-newDiscussion.Button--primary {
    background: #ac6047;
    border-color: #ac6047;
    color: #fff;

    box-shadow: none;
}

html[data-theme="light-cafe"] .IndexPage-newDiscussion.Button--primary:hover,
html[data-theme="light-cafe"] .IndexPage-newDiscussion.Button--primary:focus {
    background: #934b37;
    border-color: #934b37;
    color: #fff;
}

/* Tags de la colonne gauche : petit repère discret */
html[data-theme="light-cafe"] .IndexPage-nav .TagIcon {
    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: var(--color);

    transform: none;
    opacity: .55;
    filter: none;

    margin-left: 4px;
    margin-right: 5px;
}

html[data-theme="light-cafe"] .IndexPage-nav .TagLinkButton:hover .TagIcon,
html[data-theme="light-cafe"] .IndexPage-nav li.active > .TagLinkButton .TagIcon {
    opacity: .9;
}

/* Repères des rubriques : plus de violet Flarum */
html[data-theme="light-cafe"] .IndexPage-nav .TagIcon {
    background: #aaa39d !important;
    opacity: .55;
}

html[data-theme="light-cafe"] .IndexPage-nav .TagLinkButton:hover .TagIcon,
html[data-theme="light-cafe"] .IndexPage-nav li.active > .TagLinkButton .TagIcon {
    background: var(--val-accent) !important;
    opacity: .9;
}

/* Rubriques de la colonne gauche : autoriser le retour à la ligne */
html[data-theme="light-cafe"] .IndexPage-nav .TagLinkButton {
    height: auto;
    min-height: 36px;
}

html[data-theme="light-cafe"] .IndexPage-nav .TagLinkButton .Button-label {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;

    line-height: 1.25;
}


/* =========================================================
   PAGE ÉTIQUETTES
   ========================================================= */

/* Plus aucun gros aplat de couleur */
html[data-theme="light-cafe"] .TagsPage .TagTile {
    background: #fff !important;
    color: var(--val-text) !important;

    border: 1px solid #e4dfda;
    border-radius: 6px;

    box-shadow: none;
}

/* Survol très léger */
html[data-theme="light-cafe"] .TagsPage .TagTile:hover {
    background: #faf9f7 !important;
    border-color: #d8d1cb;
}


/* ---------------------------------------------------------
   Titres
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .TagsPage .TagTile-name,
html[data-theme="light-cafe"] .TagsPage .TagTile-name a,
html[data-theme="light-cafe"] .TagsPage .TagTile-heading,
html[data-theme="light-cafe"] .TagsPage .TagTile-heading a {
    color: #38332f !important;
    font-weight: 600;
}

html[data-theme="light-cafe"] .TagsPage .TagTile:hover .TagTile-name,
html[data-theme="light-cafe"] .TagsPage .TagTile:hover .TagTile-name a {
    color: var(--val-accent) !important;
}


/* ---------------------------------------------------------
   Description
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .TagsPage .TagTile-description {
    color: #837c76 !important;
    line-height: 1.45;
}


/* ---------------------------------------------------------
   Sous-rubriques
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .TagsPage .TagTile-children {
    border-top: 1px solid #eee9e5;
}

html[data-theme="light-cafe"] .TagsPage .TagTile-children a {
    color: #647d8a !important;
    font-weight: 500;
}

html[data-theme="light-cafe"] .TagsPage .TagTile-children a:hover {
    color: var(--val-accent) !important;
}


/* ---------------------------------------------------------
   Informations secondaires
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .TagsPage .TagTile-info,
html[data-theme="light-cafe"] .TagsPage .TagTile-info * {
    color: #948d87 !important;
}

html[data-theme="light-cafe"] .TagsPage .TagTile-lastPostedDiscussion {
    color: #8b847e !important;
}


/* ---------------------------------------------------------
   Neutraliser les styles "texte clair sur fond coloré"
   imposés par Flarum
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .TagsPage .text-contrast--light,
html[data-theme="light-cafe"] .TagsPage .text-contrast--light a {
    color: inherit;
}


/* ---------------------------------------------------------
   Petit accent, sans reprendre le violet des tags
   --------------------------------------------------------- */

html[data-theme="light-cafe"] .TagsPage .TagTile-name::before {
    content: "";
    display: inline-block;

    width: 6px;
    height: 6px;

    margin-right: 8px;
    margin-bottom: 2px;

    border-radius: 50%;
    background: var(--val-accent);

    opacity: .65;
}


/* Géométrie /tags commune : voir val-layout.css */

/* =========================================================
   PAGE ÉTIQUETTES — FINITIONS V2
   ========================================================= */

/* Cartes */
html[data-theme="light-cafe"] .TagsPage .TagTile {
    border-color: #e2ddd8;
    border-radius: 7px;

    transition:
        border-color .15s ease,
        background-color .15s ease;
}

html[data-theme="light-cafe"] .TagsPage .TagTile:hover {
    background: #fff !important;
    border-color: #cfc6bf;
}


/* Titres */
html[data-theme="light-cafe"] .TagsPage .TagTile-name {
    margin-bottom: 8px;

    font-size: 17px;
    line-height: 1.25;
}

/* Petit point : encore plus discret */
html[data-theme="light-cafe"] .TagsPage .TagTile-name::before {
    width: 5px;
    height: 5px;

    margin-right: 8px;
    margin-bottom: 3px;

    opacity: .55;
}


/* Descriptions */
html[data-theme="light-cafe"] .TagsPage .TagTile-description {
    margin-bottom: 12px;

    color: #99918b !important;
    font-size: 13px;
    line-height: 1.45;
}


/* Sous-rubriques */
html[data-theme="light-cafe"] .TagsPage .TagTile-children {
    margin-top: 10px;

    line-height: 1.55;
}

html[data-theme="light-cafe"] .TagsPage .TagTile-children a {
    color: #627b88 !important;
    font-size: 12px;
    font-weight: 500;

    text-decoration: none;
}

html[data-theme="light-cafe"] .TagsPage .TagTile-children a:hover {
    color: var(--val-accent) !important;
}


/* Espacement entre les liens enfants */
html[data-theme="light-cafe"] .TagsPage .TagTile-children > * {
    margin-right: 10px;
}


/* Dernière discussion / infos secondaires */
html[data-theme="light-cafe"] .TagsPage .TagTile-lastPostedDiscussion,
html[data-theme="light-cafe"] .TagsPage .TagTile-info {
    color: #aaa39d !important;
}


/* Un peu plus d'air entre les cartes */
html[data-theme="light-cafe"] .TagsPage .TagTiles {
    gap: 18px;
}

/* =========================================================
   PAGE ÉTIQUETTES — AJUSTEMENTS LISIBILITÉ
   ========================================================= */

/* Survol : quasiment aucune variation de fond */
html[data-theme="light-cafe"] .TagsPage .TagTile:hover {
    background: #fff !important;
    border-color: #d8d1cb;
}

/* Description : contraste nettement renforcé */
html[data-theme="light-cafe"] .TagsPage .TagTile-description {
    color: #6f6862 !important;
    font-size: 13px;
    line-height: 1.5;
}

/* Sous-rubriques : un peu plus lisibles aussi */
html[data-theme="light-cafe"] .TagsPage .TagTile-children a {
    color: #58717e !important;
}

html[data-theme="light-cafe"] .TagsPage .TagTile-children a:hover {
    color: var(--val-accent) !important;
}

/* Hover uniforme sur toute la carte */
html[data-theme="light-cafe"] .TagsPage .TagTile-info,
html[data-theme="light-cafe"] .TagsPage .TagTile-children {
    background: transparent !important;
}

html[data-theme="light-cafe"] .TagsPage .TagTile:hover {
    background: #fcfbfa !important;
}

html[data-theme="light-cafe"] .TagsPage .TagTile:hover .TagTile-info,
html[data-theme="light-cafe"] .TagsPage .TagTile:hover .TagTile-children {
    background: transparent !important;
}


/* =========================================================
   HERO DES RUBRIQUES — TEINTE DU TAG ATTÉNUÉE
   ========================================================= */

/*
 * Flarum conserve background-color = couleur du tag.
 * Le voile blanc permet donc de garder cette identité,
 * sans le gros aplat saturé.
 */
html[data-theme="light-cafe"] .DiscussionHero--colored {
    background-image:
        linear-gradient(
            rgba(255,255,255,.82),
            rgba(255,255,255,.82)
        ) !important;

    border-bottom: 1px solid rgba(80,65,55,.10);
}

/* Texte sombre sur la teinte devenue claire */
html[data-theme="light-cafe"] .DiscussionHero--colored .DiscussionHero-title,
html[data-theme="light-cafe"] .DiscussionHero--colored .DiscussionHero-items {
    color: #49423d !important;
}

/* =========================================================
   CORRECTION ICÔNE BOUTON PRINCIPAL
   ========================================================= */

html[data-theme="light-cafe"] .Page-sidebar .Button--primary .Button-icon,
html[data-theme="light-cafe"] .IndexPage-newDiscussion.Button--primary .Button-icon {
    color: #fff !important;
}

/* CAFÉ — actions des messages toujours repérables */
@media (min-width: 768px) {
    html[data-theme="light-cafe"] .no-touch .Post-actions {
        opacity: .58;
    }

    html[data-theme="light-cafe"] .no-touch .Post:hover .Post-actions,
    html[data-theme="light-cafe"] .no-touch .Post-actions:hover {
        opacity: 1;
    }
}


/* CAFÉ — icône/caret visible sur les boutons split primaires */
html[data-theme="light-cafe"] .Dropdown--split .Button--primary,
html[data-theme="light-cafe"] .Dropdown--split .Button--primary .Button-icon,
html[data-theme="light-cafe"] .Dropdown--split .Button--primary .Button-caret,
html[data-theme="light-cafe"] .Dropdown--split .Dropdown-toggle,
html[data-theme="light-cafe"] .Dropdown--split .Dropdown-toggle .Button-icon,
html[data-theme="light-cafe"] .Dropdown--split .Dropdown-toggle .Button-caret {
    color: #fff !important;
    opacity: 1 !important;
}