/* =========================================================
   Amstrad.eu – Thèmes clairs (v4)
   Actif quand <html> porte la classe apt-light ; couleurs du thème
   dans les variables --apt-case, --apt-key, --apt-accent, --apt-lcd…
   La conversion des couleurs et des images de fond est faite
   par toggle.js. Ce fichier ne contient que les retouches
   ciblées et le bouton de bascule.
   ========================================================= */

html.apt-light { color-scheme: light; }

html.apt-transition,
html.apt-transition * {
	transition: background-color .3s ease, color .3s ease, border-color .3s ease !important;
}

/* ---------- Fond général (immédiat, avant la conversion) ---------- */
html.apt-light body {
	background-color: var(--apt-case, #e6e3dc) !important;
}
html.apt-light .et-pb-parallax-background,
html.apt-light .et_parallax_bg {
	background-image: url(../images/plus-fond.svg) !important;
	background-size: 8px 8px !important;
	background-repeat: repeat !important;
}

/* ---------- Logo : blanc -> anthracite ---------- */
html.apt-light .apt-logo img,
html.apt-light img[src*="logo-amstrad-eu"]:not([src*="credits"]) {
	filter: brightness(.22) !important;
}

/* ---------- Barre de menu : reste en touches foncées ---------- */
html.apt-light .et-l .et_pb_section.et_pb_section--with-menu.et_pb_section--with-menu:not(.apt-keep) {
	background-color: var(--apt-key, #34363a) !important;
	border-top: 3px solid var(--apt-accent, #c8102e) !important;
	border-bottom: 3px solid var(--apt-accent, #c8102e) !important;
}
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu {
	background-color: transparent !important;
}
/* texte du menu : blanc franc, bien contrasté */
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu :is(.et-menu, .et-menu-nav > ul) > li > a,
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu .et_pb_menu__icon,
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu .mobile_menu_bar:before {
	color: #ffffff !important;
	opacity: 1 !important;
	text-shadow: 0 1px 0 rgba(0,0,0,.45) !important;
}
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu :is(.et-menu, .et-menu-nav > ul) > li > a:hover {
	color: #ffd0d6 !important;
}
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu :is(.et-menu, .et-menu-nav > ul) > li:is(.current-menu-item, .current-menu-ancestor) > a {
	color: #7ee89a !important;
}
/* sous-menus : touches foncées aussi */
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu :is(.nav li ul, .et_mobile_menu) {
	background-color: var(--apt-key, #34363a) !important;
	border-top: 3px solid var(--apt-accent, #c8102e) !important;
	box-shadow: 0 6px 18px rgba(0,0,0,.25) !important;
}
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu :is(.nav li ul, .et_mobile_menu) a {
	color: #ffffff !important;
	opacity: 1 !important;
}
html.apt-light .et-l .et_pb_section--with-menu .et_pb_menu.et_pb_menu :is(.nav li ul, .et_mobile_menu) a:hover {
	background-color: #4a4c51 !important;
	color: #ffd0d6 !important;
}

/* ---------- Pied de page : base du clavier sur toute la hauteur ---------- */
html.apt-light.apt-footer-kbd .et-l.et-l--footer {
	background:
		url(../images/plus-pied-rebord.svg) center bottom / 1920px 52px no-repeat,
		linear-gradient(#e1ddd2, #dcd8cc 70%, #d3cfc3) !important;
	padding-bottom: 52px !important;   /* place pour le rebord et la plaque */
}
/* :not(#apt-x) donne à ces règles la force d'un identifiant, pour passer devant Divi */
html.apt-light.apt-footer-kbd .et-l--footer :is(.et_pb_section, .et_pb_row):not(#apt-x):not(.apt-probe) {
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
}

/* ---------- Bandeau de page (remplace la cassette) ---------- */
html.apt-light .et_pb_post_title.et_pb_featured_bg,
html.apt-light .et_pb_post_title {
	background-position: right top !important;
}

/* ---------- Mini lecteur « Ma radio CPC » ---------- */
/* écran LCD vert, comme un afficheur */
html.apt-light .aeu-mini .aeu-mini__screen {
	background: var(--apt-lcd, #14452c) !important;
	border: 3px solid var(--apt-key, #34363a) !important;
	border-radius: 4px !important;
	box-shadow: inset 0 2px 6px rgba(0,0,0,.28) !important;
}
html.apt-light .aeu-mini .aeu-mini__screen :is(.aeu-mini__title, .aeu-mini__album) {
	color: var(--apt-lcd-ink, #9effc8) !important;
	text-shadow: none !important;
	opacity: 1 !important;
}
html.apt-light .aeu-mini .aeu-mini__screen .aeu-mini__album {
	color: var(--apt-lcd-ink, #9effc8) !important;
	opacity: .8 !important;
}
/* lueur légère du texte, comme sur un moniteur cathodique */
html.apt-light .aeu-mini .aeu-mini__screen :is(.aeu-mini__title, .aeu-mini__album),
html.apt-base-lcd:not(.apt-light) .aeu-mini .aeu-mini__screen :is(.aeu-mini__title, .aeu-mini__album) {
	text-shadow: 0 0 3px color-mix(in srgb, var(--apt-lcd-ink, #9effc8) 70%, transparent), 0 0 8px color-mix(in srgb, var(--apt-lcd-ink, #9effc8) 35%, transparent) !important;
}

/* ---------- Thème d'origine (CPC 464) : écran du mini lecteur aux couleurs du moniteur couleur ---------- */
html.apt-base-lcd:not(.apt-light) .aeu-mini .aeu-mini__screen {
	background: var(--apt-lcd, #000080) !important;
	border: 3px solid #1b1a1e !important;
	border-radius: 4px !important;
	box-shadow: inset 0 2px 8px rgba(0,0,0,.45) !important;
}
html.apt-base-lcd:not(.apt-light) .aeu-mini .aeu-mini__screen :is(.aeu-mini__title, .aeu-mini__album) {
	color: var(--apt-lcd-ink, #ffff00) !important;
	opacity: 1 !important;
}
html.apt-base-lcd:not(.apt-light) .aeu-mini .aeu-mini__screen .aeu-mini__album { opacity: .8 !important; }
/* rainures de position et de volume, bien visibles */
html.apt-light .aeu-mini :is(.aeu-mini__progress, .aeu-mini__volume) {
	background: #bdb8ab !important;
	border: 1px solid #8f8a7d !important;
	border-radius: 4px !important;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.35) !important;
	min-height: 8px;
}
html.apt-light .aeu-mini :is(.aeu-mini__progress, .aeu-mini__volume) .aeu-mini__fill {
	background: var(--apt-key, #34363a) !important;
	border-radius: 3px !important;
	min-height: 6px;
}
html.apt-light .aeu-mini .aeu-mini__volume .aeu-mini__fill {
	background: var(--apt-accent, #c8102e) !important;
}
/* grand lecteur : mêmes rainures et remplissages que le mini lecteur */
html.apt-light #aeu-player :is(.trackbar, .volumebar)::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 8px;
	height: 9px;
	box-sizing: border-box;
	background: #bdb8ab;
	border: 1px solid #8f8a7d;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,.35);
	pointer-events: none;
}
html.apt-light #aeu-player :is(.trackbar, .volumebar) > .progress {
	background: var(--apt-key, #34363a) !important;
	border-radius: 3px !important;
	top: 9px !important;
	height: 7px !important;
	z-index: 1;
}
html.apt-light #aeu-player .volumebar > .progress {
	background: var(--apt-accent, #c8102e) !important;
}
html.apt-light #aeu-player :is(.trackbar, .volumebar) > .knob { z-index: 2; }

/* boutons : touches claires avec icône foncée */
html.apt-light .aeu-mini .aeu-mini__btn {
	filter: invert(1) hue-rotate(180deg) brightness(.84) !important;
}

/* ---------- Barre d'administration WordPress : couleurs d'origine ---------- */
html.apt-light #wpadminbar :is(.ab-item, .ab-label, .display-name, .ab-item span, .ab-item strong),
html.apt-light #wpadminbar a.ab-item {
	color: #f0f0f1 !important;
	text-shadow: none !important;
}
html.apt-light #wpadminbar .ab-sub-wrapper :is(.ab-item, a) {
	color: #c3c4c7 !important;
}
html.apt-light #wpadminbar :is(li:hover, li.hover) > :is(.ab-item, a),
html.apt-light #wpadminbar .ab-sub-wrapper a:hover {
	color: #72aee6 !important;
}
html.apt-light #wpadminbar .ab-icon:before,
html.apt-light #wpadminbar .ab-item:before {
	color: #a7aaad !important;
}

/* ---------- Champs de formulaire ---------- */
html.apt-light :is(input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="url"], textarea, select):not(#wpadminbar *) {
	background-color: #ffffff !important;
	color: #1d1e20 !important;
	border: 1px solid #a9a69d !important;
}

/* ---------- Classes manuelles (optionnelles) ---------- */
html:not(.apt-light) body:not(.apt-builder) .theme-plus,
html.apt-light body:not(.apt-builder) .theme-cpc {
	display: none !important;
}
html.apt-light .apt-lcd {
	background: var(--apt-lcd, #14452c) !important;
	color: var(--apt-lcd-ink, #9effc8) !important;
	border: 3px solid var(--apt-key, #34363a) !important;
	border-radius: 4px;
	box-shadow: inset 0 2px 6px rgba(0,0,0,.25) !important;
}
html.apt-light .apt-lcd * { color: var(--apt-lcd-ink, #9effc8) !important; }

/* =========================================================
   SÉLECTEUR DE THÈME – touche « Thème : … » + menu des thèmes
   ========================================================= */
.apt-switch { position: relative; display: inline-block; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
.apt-toggle {
	all: unset;
	cursor: pointer;
	display: inline-block;
	-webkit-tap-highlight-color: transparent;
}
.apt-toggle .apt-key {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 34px;
	box-sizing: border-box;
	padding: 6px 12px 7px 10px;
	font: 600 13px/1 system-ui, -apple-system, "Segoe UI", sans-serif;
	color: #f1efe9;
	background: linear-gradient(#4a4c50, #2f3033);
	border: 1px solid #111;
	border-radius: 5px;
	box-shadow: 0 3px 0 #111, 0 4px 8px rgba(0,0,0,.35);
	transition: transform .08s ease, box-shadow .08s ease;
	white-space: nowrap;
}
.apt-toggle .apt-label-k { font-weight: 500; opacity: .8; }
.apt-toggle .apt-label-v { font: 700 13px/1 "Courier New", Courier, monospace; letter-spacing: .06em; }
.apt-toggle .apt-ico { flex: none; }
.apt-toggle .apt-caret { flex: none; opacity: .75; transition: transform .15s ease; }
.apt-switch.is-open .apt-caret { transform: rotate(180deg); }
.apt-toggle:active .apt-key {
	transform: translateY(2px);
	box-shadow: 0 1px 0 #111, 0 2px 4px rgba(0,0,0,.3);
}
.apt-toggle:focus-visible .apt-key { outline: 2px solid #ffcc00; outline-offset: 2px; }
.apt-led { flex: none; width: 8px; height: 8px; border-radius: 50%; background: #3bd16f; box-shadow: 0 0 6px #3bd16f; }
html.apt-light .apt-toggle .apt-key {
	color: #1d1e20;
	background: linear-gradient(#fbfaf6, #dcd9d1);
	border-color: #8f8c84;
	box-shadow: 0 3px 0 #8f8c84, 0 4px 8px rgba(0,0,0,.15);
}
html.apt-light .apt-led { background: var(--apt-accent, #c8102e); box-shadow: 0 0 6px var(--apt-accent, #c8102e); }

/* menu */
.apt-menu {
	position: absolute;
	right: 0;
	top: calc(100% + 8px);
	z-index: 100000;
	width: 270px;
	max-width: calc(100vw - 32px);
	padding: 6px;
	box-sizing: border-box;
	background: #26272a;
	color: #f1efe9;
	border: 1px solid #111;
	border-radius: 8px;
	box-shadow: 0 12px 32px rgba(0,0,0,.45);
	text-align: left;
}
.apt-menu[hidden] { display: none; }
.apt-floating .apt-menu { top: auto; bottom: calc(100% + 10px); }   /* bouton flottant en bas : menu vers le haut */
.apt-menu-head {
	padding: 6px 8px 8px;
	font: 600 11px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .65;
}
.apt-menu-item {
	all: unset;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	min-height: 44px;
	padding: 7px 8px;
	border-radius: 6px;
	cursor: pointer;
	color: inherit;
}
.apt-menu-item:hover, .apt-menu-item:focus-visible { background: rgba(255,255,255,.1); }
.apt-menu-item:focus-visible { outline: 2px solid #ffcc00; outline-offset: -2px; }
.apt-menu-item[aria-checked="true"] { background: rgba(255,255,255,.06); }
.apt-sw { flex: none; display: inline-flex; border-radius: 5px; overflow: hidden; box-shadow: 0 0 0 1px rgba(255,255,255,.25); }
.apt-sw i { display: block; width: 12px; height: 26px; }
.apt-mi-txt { flex: 1; display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.apt-mi-txt strong { font: 600 14px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; display: flex; align-items: center; gap: 6px; }
.apt-mi-txt small { font: 400 12px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; opacity: .7; }
.apt-badge-test {
	font: 700 10px/1 system-ui, sans-serif; font-style: normal; text-transform: uppercase; letter-spacing: .05em;
	padding: 3px 5px; border-radius: 3px; background: #ffb000; color: #1d1e20;
}
.apt-check { flex: none; width: 18px; text-align: center; font-weight: 700; color: #7ee89a; }

/* menu en thème clair */
html.apt-light .apt-menu {
	background: #fbfaf6;
	color: #1d1e20;
	border-color: #a9a69d;
	box-shadow: 0 12px 32px rgba(0,0,0,.18);
}
html.apt-light .apt-menu-item:hover, html.apt-light .apt-menu-item:focus-visible { background: rgba(0,0,0,.06); }
html.apt-light .apt-menu-item[aria-checked="true"] { background: rgba(0,0,0,.04); }
html.apt-light .apt-sw { box-shadow: 0 0 0 1px rgba(0,0,0,.2); }
html.apt-light .apt-check { color: var(--apt-accent, #c8102e); }
html.apt-light .apt-menu-item:focus-visible { outline-color: var(--apt-accent, #c8102e); }

.apt-floating { position: fixed; right: 16px; bottom: 16px; z-index: 99999; }

@media (prefers-reduced-motion: reduce) {
	html.apt-transition, html.apt-transition * { transition: none !important; }
	.apt-toggle .apt-key { transition: none; }
}

/* ---------- Thème d'origine (CPC 464) : clavier du 464 dans le pied de page ---------- */
html.apt-base-kbd:not(.apt-light) .et-l.et-l--footer {
	background:
		url(../images/cpc464-pied-rebord.svg) center bottom / 1920px 52px no-repeat,
		linear-gradient(#2d2c31, #262529) !important;
	padding-bottom: 52px !important;
}
html.apt-base-kbd:not(.apt-light) .et-l--footer :is(.et_pb_section, .et_pb_row):not(#apt-x):not(.apt-probe) {
	background-color: transparent !important;
	background-image: none !important;
	border-color: transparent !important;
}

/* ---------- Image de fond retournée haut/bas (bandeau à cassette) ---------- */
.apt-flip::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	border-radius: inherit;
	background-image: var(--apt-flip-bg);
	background-size: var(--apt-flip-size, cover);
	background-position: var(--apt-flip-pos, center);
	background-repeat: var(--apt-flip-rep, no-repeat);
	transform: scaleY(-1);
}