/* Styles spécifiques à logix.maxou.pro (en complément de main.css) */

/* Sélecteur de langue */
#lang-switcher { position: relative; display: inline-block; float: right; margin: 1.5em 0 0 0; z-index: 10000; }
#lang-switcher button { background: none; border: none; cursor: pointer; font-size: 1.6em; line-height: 1; padding: 4px 8px; }
#lang-switcher .lang-menu { display: none; position: absolute; right: 0; top: 100%; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 0 4px 16px rgba(0,0,0,0.15); min-width: 180px; max-height: 320px; overflow-y: auto; padding: 6px 0; }
#lang-switcher.open .lang-menu { display: block; }
#lang-switcher .lang-menu a { display: flex; align-items: center; gap: 8px; padding: 8px 14px; color: #333; text-decoration: none; font-size: 0.95em; white-space: nowrap; }
#lang-switcher .lang-menu a:hover { background: #f2f2f2; }
#lang-switcher .lang-menu a.active { font-weight: bold; background: #f7f7f7; }
#lang-switcher .lang-menu .flag { font-size: 1.2em; }
[dir="rtl"] #lang-switcher { float: left; }
[dir="rtl"] #lang-switcher .lang-menu { right: auto; left: 0; }

/* Logo du jeu dans l'en-tête */
#logo a { color: inherit; }

/* Tuiles des modes de jeu (couleurs des pièces du jeu) */
.tool-tile {
	display: flex; align-items: center; justify-content: center;
	height: 160px; border-radius: 6px; margin-bottom: 1.5em;
	font-size: 4em; text-decoration: none; border-bottom: 0;
	background: #12151C;
	transition: transform 0.2s ease;
}
.tool-tile:hover { transform: translateY(-3px); }
.tool-tile.classic   { color: #42A5F5; }
.tool-tile.timed     { color: #EF5350; }
.tool-tile.challenge { color: #FDD835; }
.tool-tile.scores    { color: #66BB6A; }

/* Liste détaillée (page du jeu) */
.tool-list { list-style: none; padding: 0; margin: 0 0 2em 0; }
.tool-list > li { display: flex; gap: 1em; align-items: flex-start; padding: 1em 0; border-top: 1px solid #e5e5e5; }
.tool-list > li:first-child { border-top: 0; }
.tool-list .tool-icon {
	flex: 0 0 3em; height: 3em; border-radius: 10px;
	display: flex; align-items: center; justify-content: center; font-size: 1.3em;
	background: #12151C;
}
.tool-list .tool-icon.classic   { color: #42A5F5; }
.tool-list .tool-icon.timed     { color: #EF5350; }
.tool-list .tool-icon.challenge { color: #FDD835; }
.tool-list .tool-icon.scores    { color: #66BB6A; }
.tool-list .tool-icon.rotate    { color: #AB47BC; }
.tool-list .tool-icon.drag      { color: #FFA726; }
.tool-list h4 { margin: 0 0 0.25em 0; font-weight: bold; }
.tool-list p { margin: 0; }

/* Tableau des challenges */
.challenge-table { width: 100%; border-collapse: collapse; margin: 0 0 2em 0; }
.challenge-table th, .challenge-table td { padding: 0.6em 0.8em; text-align: center; border-bottom: 1px solid #e5e5e5; }
.challenge-table th { background: #12151C; color: #F2F4F8; font-weight: bold; }
.challenge-table td:first-child { font-weight: bold; }

/* Encadré de téléchargement */
.download-box { background: #EFF6FF; border: 1px solid #BFDBFE; border-radius: 8px; padding: 1.5em; margin: 1.5em 0; }
.download-box p:last-child { margin-bottom: 0; }
.highlight-yellow { background-color: yellow; }

/* Encadré « Contenus familiaux » */
.family-box { border: 2px solid #34A853; border-radius: 8px; padding: 1.2em 1.5em; margin: 2em 0; background: #F1F8F3; }
.family-box p:last-child { margin-bottom: 0; }

/* Logo carré dans la barre latérale */
.app-logo-side { display: block; max-width: 160px; margin: 0 auto 1em auto; }