/*
Theme Name: 	Digitos Child
Theme URI: 		http://kodesolution.net
Description: 	Digital Marketing Agency Wordpress Theme. You can get more themes from here: https://themeforest.net/user/kodesolution/portfolio
Author: 		Kodesolution Team
Author URI: 	http://themeforest.net/user/kodesolution
Version: 		2.0
Minimum Requires PHP:	8.1
Tested up to:	6.9
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 	digitos-child
Template: 		digitos
*/

/* ==========================================================================
   PHOENIX SOLUTIONS DIGITALES 16 — Charte graphique
   Bordeaux / Or / Crème — Playfair Display (titres) / Inter (texte)
   ========================================================================== */

/* Polices auto-hébergées (aucune requête vers Google Fonts) */
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/playfair-display-latin-400-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/playfair-display-latin-600-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/playfair-display-latin-700-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/inter-latin-400-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('fonts/inter-latin-500-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('fonts/inter-latin-600-normal.woff2') format('woff2');
}

:root {
	/* --- Couleurs de marque brutes --- */
	--bord: #8B0000;        /* bordeaux principal — CTA, liens, accents */
	--bord2: #6B0000;       /* bordeaux foncé — hover, dégradés */
	--bord-deep: #3D0000;   /* quasi-noir bordeaux — texte principal en mode clair */
	--gold: #C9A84C;        /* or principal */
	--gold2: #E8C76A;       /* or clair — hover, accents secondaires */
	--gold-l: #FEF9E7;      /* or très clair — fonds légers */
	--ivory: #FAF5EC;       /* crème principal */
	--ivory2: #F0EAD6;      /* crème foncé */

	--font-heading: 'Playfair Display', serif;
	--font-body: 'Inter', sans-serif;
}

/* --- Mode clair (par défaut tant que le visiteur n'a rien choisi) --- */
:root,
[data-theme="light"] {
	--bg: var(--ivory);
	--bg2: var(--ivory2);
	--bg3: #E8DEC8;
	--surface: #FFFFFF;
	--surface2: var(--ivory);
	--surface3: var(--ivory2);
	--text: var(--bord-deep);
	--text2: #4A3F30;
	--text3: #8A7F70;
	--border: rgba(139, 0, 0, .08);
	--border2: rgba(139, 0, 0, .14);
	--shadow: 0 4px 24px rgba(139, 0, 0, .08);
}

/* --- Mode sombre --- */
[data-theme="dark"] {
	--bg: #0A0A0A;
	--bg2: #111111;
	--bg3: #1A1A1A;
	--surface: #161616;
	--surface2: #1E1E1E;
	--surface3: #252525;
	--text: var(--ivory);
	--text2: #C8BFB0;
	--text3: #7A7060;
	--border: rgba(255, 255, 255, .08);
	--border2: rgba(255, 255, 255, .12);
	--shadow: 0 4px 24px rgba(0, 0, 0, .4);
}

/* ==========================================================================
   Application aux variables natives du thème Digitos
   (celles-ci pilotent déjà menus, liens, titres, footer dans le thème parent —
   les redéclarer ici les fait basculer sur la charte Phoenix automatiquement,
   y compris au changement de mode clair/sombre)
   ========================================================================== */

:root, [data-theme="light"] {
	--body-bg: var(--bg);
	--text-color: var(--text2);
	--headings-color: var(--text);
	--link-color: var(--bord);
	--link-hover-color: var(--bord2);
	--theme-color-dark: var(--bord-deep);
	--theme-color-dark2: var(--bord2);
	--theme-color-light: var(--bg2);
	--default-header-bg-color: var(--surface);
	--default-header-menu-color: var(--text);
	--footer-bg-color: var(--bord-deep);
	--footer-primary-text-color: var(--ivory2);
	--footer-link-color: var(--gold2);
	--footer-link-color-hover: var(--gold);
	--footer-widget-title-color: var(--gold);
}

[data-theme="dark"] {
	--body-bg: var(--bg);
	--text-color: var(--text2);
	--headings-color: var(--text);
	--link-color: var(--gold);
	--link-hover-color: var(--gold2);
	--default-header-bg-color: var(--surface);
	--default-header-menu-color: var(--text);
	--footer-bg-color: #0A0A0A;
}

/* ==========================================================================
   Règles générales — corps de texte, titres, transitions douces
   ========================================================================== */

body {
	background-color: var(--bg);
	color: var(--text-color);
	font-family: var(--font-body);
	transition: background-color .3s ease, color .3s ease;
}

h1, h2, h3, h4, h5, h6,
.tm-heading, .section-title {
	font-family: var(--font-heading);
	color: var(--headings-color);
}

a { color: var(--link-color); transition: color .2s ease; }
a:hover { color: var(--link-hover-color); }

/* Halo du hero (dégradés bordeaux/or déjà neutres vis-à-vis du navy) */
[data-theme="dark"] .hero-bg {
	background:
		radial-gradient(ellipse at 70% 50%, rgba(139, 0, 0, .25) 0%, transparent 60%),
		radial-gradient(ellipse at 20% 80%, rgba(201, 168, 76, .1) 0%, transparent 50%),
		var(--bg);
}
[data-theme="light"] .hero-bg {
	background:
		radial-gradient(ellipse at 70% 50%, rgba(139, 0, 0, .08) 0%, transparent 60%),
		radial-gradient(ellipse at 20% 80%, rgba(201, 168, 76, .2) 0%, transparent 50%),
		var(--bg);
}

/* ==========================================================================
   Toggle clair / sombre — bouton flottant, indépendant du header du thème
   ========================================================================== */

.phoenix-theme-toggle {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 9999;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid var(--border2);
	background: var(--surface);
	color: var(--gold);
	box-shadow: var(--shadow);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: transform .2s ease, background-color .3s ease;
}
.phoenix-theme-toggle:hover { transform: scale(1.08); }
.phoenix-theme-toggle svg { width: 22px; height: 22px; display: block; }
.phoenix-theme-toggle .icon-moon { display: none; }
[data-theme="dark"] .phoenix-theme-toggle .icon-sun { display: none; }
[data-theme="dark"] .phoenix-theme-toggle .icon-moon { display: block; }

@media (max-width: 782px) {
	.phoenix-theme-toggle { bottom: 16px; right: 16px; }
}