/*
Theme Name: Karr-concept
Theme URI: https://elementor.com/products/hello-biz/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-biz
Author: L.Ormus
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Biz is a free, user-friendly Hybrid WordPress Theme that was crafted for seamless integration with the Elementor site builder and tailored specifically for business websites. Perfect for beginners, but far from limited to just them, it features a dedicated beginner-oriented “Home” screen to simplify and streamline the web-building process. Hello Biz also integrates with Elementor’s premium features, giving you access to tools like AI, and accessibility enhancements in one place. Whether launching a startup site or refining a company portfolio, Hello Biz offers a solid, responsive foundation for all web creators. Report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team validates, triages, and handles vulnerabilities. Report here: https://patchstack.com/database/wordpress/theme/hello-biz/vdp.
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready,style-variations
Version: 1.2.2.1780327066
Updated: 2026-06-01 15:17:46

*/

/* ============================================================
   OVERRIDES GLOBAUX KK : accent Hello Biz (#c36) -> marron Karr Koncept
   À coller à la FIN du style.css du thème enfant (Karr-Koncept-child),
   après l'en-tête de commentaires existant. Ne rien supprimer d'autre.
============================================================ */

:root {
	--kk-brun: #7f562b;        /* Marron, accent principal */
	--kk-brun-fonce: #5e3f1f;  /* Survol des liens */
	--kk-peche: #ffc792;       /* Survol des fonds boutons */
	--kk-encre: #1a1c1c;
}

/* ---------- Liens par défaut ----------
   Cible les liens sans style propre (contenus, widgets, shortcodes).
   Les composants qui définissent leur couleur (Elementor, .kk-*) restent prioritaires. */
a,
a:visited {
	color: var(--kk-brun);
}
a:hover,
a:focus {
	color: var(--kk-brun-fonce);
}

/* ---------- Boutons et champs natifs (hors .elementor-button) ---------- */
button:not([class*="elementor"]),
[type="button"]:not([class*="elementor"]),
[type="submit"]:not([class*="elementor"]),
[type="reset"]:not([class*="elementor"]) {
	background-color: var(--kk-brun);
	color: #fff;
	border-color: var(--kk-brun);
}
button:not([class*="elementor"]):hover,
button:not([class*="elementor"]):focus,
[type="button"]:not([class*="elementor"]):hover,
[type="button"]:not([class*="elementor"]):focus,
[type="submit"]:not([class*="elementor"]):hover,
[type="submit"]:not([class*="elementor"]):focus,
[type="reset"]:not([class*="elementor"]):hover,
[type="reset"]:not([class*="elementor"]):focus {
	background-color: var(--kk-peche);
	color: var(--kk-encre);
	border-color: var(--kk-peche);
}

/* Focus des champs de formulaire : liseré marron au lieu du rose */
input:focus,
textarea:focus,
select:focus {
	border-color: var(--kk-brun);
	outline-color: var(--kk-brun);
	box-shadow: 0 0 0 1px var(--kk-brun);
}

/* Focus clavier global */
:focus-visible {
	outline: 2px solid var(--kk-brun);
	outline-offset: 2px;
}

/* ---------- Sélection de texte ---------- */
::selection {
	background: var(--kk-peche);
	color: var(--kk-encre);
}

/* ---------- Divers hérités du thème (puces, marqueurs, légendes) ---------- */
::marker {
	color: var(--kk-brun);
}

/* ---------- Footer : liste des modèles (shortcode kk_modeles_footer) ---------- */
.kk-footer-modeles {
	font-size: 12px;
	line-height: 1.5;
}
.kk-footer-modeles a,
.kk-footer-modeles a:visited {
	color: #737373; /* gris des autres liens du footer */
	font-weight: 400;
}
.kk-footer-modeles a:hover,
.kk-footer-modeles a:focus {
	color: var(--kk-brun);
}
.kk-footer-modeles li:last-child a,
.kk-footer-modeles li:last-child a:visited {
	color: var(--kk-brun); /* « Tous les modèles » reste en accent */
	font-weight: 600;
}

/* ============================================================
   OVERRIDES GLOBAUX KK : accent Hello Biz (#c36) -> marron Karr Koncept
   doit rester collé à la FIN du style.css du thème enfant (Karr-Koncept-child),
   après l'en-tête de commentaires existant. Ne rien supprimer d'autre.
============================================================ */

:root {
	--kk-brun: #7f562b;        /* Marron, accent principal */
	--kk-brun-fonce: #5e3f1f;  /* Survol des liens */
	--kk-peche: #ffc792;       /* Survol des fonds boutons */
	--kk-encre: #1a1c1c;
}
 
/* ---------- Liens par défaut ----------
   Cible les liens sans style propre (contenus, widgets, shortcodes).
   Les composants qui définissent leur couleur (Elementor, .kk-*) restent prioritaires. */
a,
a:visited {
	color: var(--kk-brun);
}
a:hover,
a:focus {
	color: var(--kk-brun-fonce);
}
 
/* ---------- Boutons et champs natifs (hors .elementor-button) ---------- */
button:not([class*="elementor"]):not([class*="kk-"]),
[type="button"]:not([class*="elementor"]):not([class*="kk-"]),
[type="submit"]:not([class*="elementor"]):not([class*="kk-"]),
[type="reset"]:not([class*="elementor"]):not([class*="kk-"]) {
	background-color: var(--kk-brun);
	color: #fff;
	border-color: var(--kk-brun);
}
button:not([class*="elementor"]):not([class*="kk-"]):hover,
button:not([class*="elementor"]):not([class*="kk-"]):focus,
[type="button"]:not([class*="elementor"]):not([class*="kk-"]):hover,
[type="button"]:not([class*="elementor"]):not([class*="kk-"]):focus,
[type="submit"]:not([class*="elementor"]):not([class*="kk-"]):hover,
[type="submit"]:not([class*="elementor"]):not([class*="kk-"]):focus,
[type="reset"]:not([class*="elementor"]):not([class*="kk-"]):hover,
[type="reset"]:not([class*="elementor"]):not([class*="kk-"]):focus {
	background-color: var(--kk-peche);
	color: var(--kk-encre);
	border-color: var(--kk-peche);
}
 
/* Focus des champs de formulaire : liseré marron au lieu du rose */
input:focus,
textarea:focus,
select:focus {
	border-color: var(--kk-brun);
	outline-color: var(--kk-brun);
	box-shadow: 0 0 0 1px var(--kk-brun);
}
 
/* Focus clavier global */
:focus-visible {
	outline: 2px solid var(--kk-brun);
	outline-offset: 2px;
}
 
/* ---------- Sélection de texte ---------- */
::selection {
	background: var(--kk-peche);
	color: var(--kk-encre);
}
 
/* ---------- Divers hérités du thème (puces, marqueurs, légendes) ---------- */
::marker {
	color: var(--kk-brun);
}