/* =========================================================
   SITE — palette jukebox (marron/orangé)
   commun.css doit être chargé AVANT ce fichier
   ========================================================= */


/* ---------------------------------------------------------
   POLICES
   À conserver dans chaque thème
   --------------------------------------------------------- */

@font-face {
    font-family: 'DejaVuSans';
    src: url('DejaVuSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AA';
    src: url('Ace_Attorney.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AA_eu';
    src: url('ace_attorney_eu.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PW';
    src: url('Phoenix_Wright.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'times';
    src: url('times.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'eurostile';
    src: url('eurostile.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'im';
    src: url('im.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'josefin';
    src: url('josefin.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* ---------------------------------------------------------
   VARIABLES DU THÈME
   --------------------------------------------------------- */

:root {
    --accent: #631b00;
    --bg: #2b1d0e;
    --h2-color: #efa71b;

    /*
       Variables supplémentaires utilisées uniquement
       par les surcharges de ce thème.
    */
    --text: #ded9d3;
    --link: #efa71b;
    --link-hover: #f5c88f;

}

/* Conteneur principal */
.concert {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.8rem;
  padding: 1.2rem 1.5rem;
}


/* ---------------------------------------------------------
   TEXTE GÉNÉRAL
   --------------------------------------------------------- */

body {
    color: black;
}


/* ---------------------------------------------------------
   LIENS
   --------------------------------------------------------- */

/*
   commun.css utilise --bg comme couleur de texte des liens.
   Pour ce thème, cela donnerait #2b1d0e sur #631b00,
   donc presque invisible.
*/

a {
    color: var(--link);
    background-color: var(--accent);
}

a:hover,
#ban a:hover {
    color: var(--link-hover);
}


/* ---------------------------------------------------------
   RETOUR
   --------------------------------------------------------- */

#retour a {
    background-color: var(--bg);
    color: var(--text);
}

#retour a:hover {
    color: var(--text);
    background-color: var(--accent);
}


/* ---------------------------------------------------------
   BANDEAU
   --------------------------------------------------------- */

#ban a {
    color: var(--link);
}


/* ---------------------------------------------------------
   MENU
   --------------------------------------------------------- */

.sousmenu,
.sousmenu li {
    border-top: 1px #5c3d1e solid;
}

.menu,
.menu a,
.menu ul a {
    font-size: 13px;
}


/* ---------------------------------------------------------
   BLOCS DE CONTENU
   --------------------------------------------------------- */

#jump {
    background-color: #1a120b;
}

#texte {
    background-color: rgba(43, 29, 14, 0.8);
}

.code {
    background-color: #1a120b;
}

#ressources {
    background-color: #1a120b;
}


/* ---------------------------------------------------------
   ÉLÉMENTS TEXTUELS
   --------------------------------------------------------- */

#soon {
    color: var(--text);
}

#causerie {
    color: var(--text);
}

strong {
    color: var(--link);
}


/* ---------------------------------------------------------
   DETAILS / SUMMARY
   --------------------------------------------------------- */

summary {
    background-color: #2b1d0e;
}

summary:hover {
    background-color: #631b00;
}


/* ---------------------------------------------------------
   BANDEAUX / DÉGRADÉS
   --------------------------------------------------------- */

#ban,
#ban2 {
    background-color: #2b1d0e;
}

#linear {
    background-image: linear-gradient(
        #2b1d0e,
        rgba(255, 255, 255, 0.8)
    );
}

#linear_bas {
    background-image: linear-gradient(
        rgba(255, 255, 255, 0.8),
        #2b1d0e
    );
}


/* ---------------------------------------------------------
   BLOCS DE PRÉSENTATION
   --------------------------------------------------------- */

#contenu1,
#contenu2 {
    background: rgba(255, 255, 255, 0.7);
    border-left-color: #5c3d1e;
    border-right-color: #631b00;
}


/* ---------------------------------------------------------
   TITRES
   --------------------------------------------------------- */

/*
   commun.css possède un fond vert en dur pour h1.
   On le remplace ici par le fond sombre de ce thème.
*/

h1 {
    background-color: #1a120b;
    color: #efa71b;
}

h2 {
    color: #efa71b;
    background-color: #3d2a14;
}


/* ---------------------------------------------------------
   NOTES
   --------------------------------------------------------- */

#note {
    background-color: #3d2a14;
    border-color: #5c3d1e;
}


/* ---------------------------------------------------------
   PLAN / LANGUES
   --------------------------------------------------------- */

#eng {
    color: #c9a876;
}

em {
    color: #c9a876;
}


/* ---------------------------------------------------------
   BONUS
   --------------------------------------------------------- */

#bonus {
    background-color: rgba(255, 255, 255, 0.8);
}

#bonus a:hover {
    color: var(--accent);
}


/* ---------------------------------------------------------
   ÉLÉMENTS DIVERS
   --------------------------------------------------------- */

#soon {
    font-family: DejaVuSans;
}

#retour a {
    font-family: DejaVuSans;
}

#eng {
    font-family: josefin;
}

#plan {
    font-family: josefin;
}

em {
    font-family: josefin;
}


/* ---------------------------------------------------------
   FOND D'ÉCRAN — portrait / paysage
   --------------------------------------------------------- */

@media (orientation: landscape) {
  body { background-image: url('wall.jpg'); }
}
@media (orientation: portrait) {
  body { background-image: url('wall2.jpg'); }
}
body {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}