/*
Theme Name:     Blocksy Akalavolo
Theme URI:      https://wordpress.org/themes/blocksy/
Description:    Thème enfant pour Blocksy
Author:         Bulah
Author URI:     https://akalavolo.com
Template:       blocksy
Version:        1.0.0
Text Domain:    blocksy-akalavolo
*/

/* Palette principale : */
/* - Onyx : var(--ak-surface) */
/* - Black Coral : var(--ak-surface-alt) */
/* - Minion Yellow : var(--ak-accent) */
/* - White Coffee : #E6E0D4  */
/* - Dark Charcoal : #2E2E2E */
/* - Straw : var(--ak-accent-hi) */

/* BODY */

/* TITRES */
/* Regle historique, en !important : elle impose l'or, un filet et display:flex
   a tout h2. Le portail Forever a sa propre typographie (creme, sans filet) et
   ne peut pas la surcharger tant qu'elle est !important — il rejoint donc la
   liste d'exclusion. Sans effet sur retail : .ak-fw-portal n'y existe pas. */
.class-title, h2:not(.class-title h2, .wp-block-heading, .ak-fw-portal h2) {
	color: var(--ak-accent) !important;
	font-weight: 600 !important;
	font-size: 1.8rem !important;
	margin-bottom: 1rem !important;
	border-bottom: 2px solid rgba(240, 211, 81, 0.7) !important;
	padding-top: 10px;
	padding-bottom: 4px !important;
	letter-spacing: 0.3px !important;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	gap: 10px; 
}

h3 {
	/* font-weight: 300 !important; */
	/* font-sizef: 1.6rem !important; */
}

/* Décalage ancre pour compenser la nav sticky (var injectée par toc.js) */
.entry-content h2,
.entry-content h3 {
	scroll-margin-top: var(--ak-nav-offset, 80px);
}

.page-title {
  background-color: var(--ak-surface-deep);
  color: var(--ak-accent) !important;
  padding: 12px 16px;
  border-left: 5px solid var(--ak-border-accent);
  border-radius: 4px;
  font-weight: 700;
  font-size: 1.7rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ak-accent) 20%, transparent);
}

/* TABLEAUX */
/* Style général pour tous les tableaux */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 0.95rem;
  /*background-color: var(--ak-surface-alt);*/
  color: #E6E0D4;
  border: 1px solid #444;
}

/* Style pour l'en-tête */
/* table tr:first-child { */
  /* background-color: #2E2E2E; */
  /* color: var(--ak-accent); */
  /* font-weight: bold; */
/* } */

table thead tr {
  background-color: var(--ak-surface);
  color: var(--ak-accent);
  font-weight: bold;
}

table tfoot tr {
  background-color: #2E2E2E;
  color: var(--ak-accent-hi);
  font-weight: bold;
}

/* Bordures et padding des cellules */
table td {
  border: 1px solid #444;
  padding: 10px 12px;
  text-align: left;
}

/* Optionnel : effet hover */
table tr:hover {
  background-color: #3a3a3a;
}

/* COULEURS DE CLASSE */
.class-death-knight { color: var(--color-death-knight); }
.class-demon-hunter { color: var(--color-demon-hunter); }
.class-druid { color: var(--color-druid); }
.class-evoker { color: var(--color-evoker); }
.class-hunter { color: var(--color-hunter); }
.class-mage { color: var(--color-mage); }
.class-monk { color: var(--color-monk); }
.class-paladin { color: var(--color-paladin); }
.class-priest { color: #FFFFFF; }
.class-rogue { color: var(--color-rogue); }
.class-shaman { color: var(--color-shaman); }
.class-warlock { color: var(--color-warlock); }
.class-warrior { color: #C69B6D; }

/* MENU */ 
/* Icônes de gestion de compte dans le menu principal */
.menu-item a .fas {
  font-size: 1.2rem;
  padding: 0.4em;
  /* background-color: #2e2e2e; */
  color: var(--ak-accent);
  border-radius: 50%;
  transition: background 0.3s ease, transform 0.2s ease;
}

.menu-item a .fas:hover {
  background-color: var(--ak-accent-hi);
  color: var(--ak-surface);
  transform: scale(1.1);
}

/* Espacement autour de l’icône dans le menu */
.menu-item a {
  display: flex;
  align-items: center;
  /* gap: 0.5em; */
  padding: 0.5em 0.8em;
}

.menu-item a span {
  display: none;
}