/* ============================================================
   PIXEL WRIGHT (aceattorney.pixelstories.fr) — CSS spécifique
   au site

   commun.css doit être chargé AVANT ce fichier.
   ============================================================ */


/* ============================================================
   VARIABLES
   ============================================================ */

:root {
    --accent: rgb(81,106,170);
    --bg: rgba(205,206,246,0.8);
}


/* ============================================================
   POLICES
   ============================================================

   Les fichiers existent également dans le dossier du site.
   Cette redéclaration permet au site de résoudre les polices
   localement, indépendamment de l'emplacement de commun.css.

   Note : sur ce site, le fichier local de la police 'AA' est
   Phoenix-Wright.ttf (nom différent du commun.css).
   ============================================================ */

@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('Phoenix-Wright.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }


/* ============================================================
   CURSEUR PERSONNALISÉ (propre à ce site)
   ============================================================ */

#main, html, body, a, a:hover, a:link {
    cursor: url(https://aceattorney.pixelstories.fr/curseur.png),
            url(https://aceattorney.pixelstories.fr/curseur.cur),
            pointer;
}


/* ============================================================
   CORRECTIONS GÉNÉRALES DU SITE
   ============================================================ */
   
#pixelwright {
  white-space: nowrap;
  overflow: hidden;
}

#pixelwright img {
  height: auto;
  vertical-align: middle;
}

/* Les 4 images latérales */
#pixelwright img:nth-of-type(1),
#pixelwright img:nth-of-type(2),
#pixelwright img:nth-of-type(4),
#pixelwright img:nth-of-type(5) {
  width: 15%;
}

/* Le logo central */
#pixelwright img:nth-of-type(3) {
  width: 35%;
}

/* Le logo "Activez vos images" doit rester dessous */
#pixelwright img:nth-of-type(6) {
  display: block;
  width: auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body {
    background-color: #9EB7E0;
    background-image: url(chara.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;

    font-size: 15px;
    font-family: DejaVuSans, sans-serif;

    margin-bottom: 15px;
    padding-bottom: 0;
}

a:hover, /*#retour a:hover,*/ #ban a:hover, summary:hover {color: rgb(244,255,241);}
#retour a:hover {color: white;}

/* ============================================================
   LIENS
   ============================================================

   Sur ce site, les liens n'ont pas de fond (contrairement à la
   base commune) : juste du texte lavande.
   ============================================================ */

a, #ban a, summary {
    color: rgb(151,162,195);
    background: none; text-decoration: none; 
}

summary {
background-color:#516AAA; padding: 3px;
display: block; text-align:center; margin-bottom: 15px; 
font-size: 1.2em; max-width: 400px; margin: 0 auto;

}

#retour a {
    background-color: #A8B5D5;
    color: #516AAA;
    font-family: AA, DejaVuSans;
}

#bonus a {
    background-color: #A8B5D5;
    color: #516AAA;
    padding: 4px;
}


/* ============================================================
   TITRES
   ============================================================

   h1 sur ce site n'a pas le style de commun.css (pas de blanc,
   pas de police "times", pas de coins arrondis) : on annule.
   ============================================================ */

h1 {
    background-color: #516AAA;
    padding: 3px;
    margin-top: 2px;
    display: inline-block;
    text-align: center;

    color: initial;
    font-family: inherit;
    font-size: initial;
    font-weight: initial;
    border-radius: 0;
}

#soon {
    font-family: AA, DejaVuSans;
}


/* ============================================================
   MENU
   ============================================================ */





/* ============================================================
   BLOCS PROPRES AU SITE
   ============================================================ */




#footer {
    display: flex;
    justify-content: space-around;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#deux { margin-top: 60px; }
#xit  { height: 15px; }

#causerie, summary {
    margin: 0 auto;
}
details {
    padding-bottom: 8px;
}


/* ============================================================
   DÉGRADÉ / BONUS
   ============================================================ */

#bonus {
    background-color: rgba(205,206,246,0.8);
    margin: 0 auto;
}
#linear {
    background-image: linear-gradient(var(--accent), rgba(205,206,246,0.8));
}
#linear_bas {
    background-image: linear-gradient(rgba(205,206,246,0.8), var(--accent));
}