/*
Theme Name:   Kadence Child (Oukaap)
Theme URI:    https://oukaap.com
Description:  Thème enfant pour Kadence, personnalisé pour la plateforme Oukaap.
Author:       Edner
Author URI:   https://oukaap.com
Template:     kadence
Version:      1.0.1
License:      GNU General Public License v3 or later.
License URI:  https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  kadence-child-oukaap
*/

/* ==========================================================================
   1. VARIABLES & SETUP
   ========================================================================== */

:root {
	/* Nouvelle palette Oukaap */
	--color-primary: #FF725E; /* Rouge-orangé principal */
	--color-secondary: #6B7280; /* Gris pour texte secondaire/bordures */
	--color-text: #374151; /* Texte principal */
	--color-accent: #009dd8; /* Bleu pour les survols et accents */
	
    --font-primary: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	/* Variables pour la page de classement (si nécessaire) */
	--color-primary-star: #F59E0B;
	--color-separator: #f3f4f6;
}

/* ==========================================================================
   2. STYLES DE BASE (BODY, TYPOGRAPHIE, LIENS)
   ========================================================================== */

body {
	font-family: var(--font-primary);
	color: var(--color-text);
	font-size: 16px;
	line-height: 1.6;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

/* Titres */
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-primary);
	font-weight: 600;
	color: var(--color-text);
	margin: 1rem 0 0.5rem;
	line-height: 1.3;
}
h1 { font-size: 2rem; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }

/* Liens */
a {
	color: var(--color-primary);
	text-decoration: none;
	transition: color 0.2s ease-in-out;
}
a:hover {
	color: var(--color-accent);
}

/* Style de base SVG */
svg {
    vertical-align: middle;
}

/* ==========================================================================
   3. LAYOUT & STRUCTURE (HEADER, FOOTER, CONTAINERS)
   ========================================================================== */

/* (Espace réservé pour vos futurs styles de layout) */


/* ==========================================================================
   4. FORMULAIRES & BOUTONS (STYLES GLOBAUX)
   ========================================================================== */

/* --- 4.1 Champs de formulaire --- */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"],
input[type="tel"],
input[type="number"],
textarea,
select {
	font-family: var(--font-primary);
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--color-secondary);
	border-radius: 6px;
	width: 100%;
	max-width: 100%;
	color: var(--color-text);
	box-sizing: border-box;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Effet de focus pour TOUS les champs */
input:focus,
textarea:focus,
select:focus {
	border-color: var(--color-primary);
	outline: none;
}


/* --- 4.2 Boutons --- */

button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-element-button,
.btn {
	background-color: var(--color-primary);
	color: #fff;
	font-family: var(--font-primary);
	font-weight: 500;
	padding: 0.6rem 1.2rem;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
	text-decoration: none;
	display: inline-block;
	line-height: 1.4;
	text-align: center;
}

/* Style de survol (hover) pour TOUS les boutons */
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.wp-element-button:hover,
.btn:hover {
	background-color: var(--color-accent);
	color: #fff;
}


/* ==========================================================================
   5. COMPOSANTS SPÉCIFIQUES
   ========================================================================== */

/* (Espace réservé pour vos futurs composants Oukaap) */


/* ==========================================================================
   6. SURCHARGES DE PLUGINS (PLUGIN OVERRIDES)
   ========================================================================== */

/* (Espace réservé si vous ajoutez d'autres plugins) */


/* ==========================================================================
   7. CORRECTIONS RESPONSIVE (MOBILES)
   ========================================================================== */

/* Utilisez des media queries pour adapter vos styles aux 
   différentes tailles d'écran.
   Exemple :
*/

/* @media (max-width: 768px) {
	
	.votre-classe-specifique {
		width: 100%;
		float: none;
	}

} */