/***************************************************************************************/
/* THEME *

Theme rules are similar to state rules in that they describe how modules or layouts might look.
Most sites don’t require a layer of theming but it is good to be aware of it.

/***************************************************************************************/
/* Note *

Les thèmes seraient liés à chaque layout/module.
Donc fichier peu - voire pas du tout - utilisé.

Si un thème est "complexe", on peut faire un fichier à part...

/***************************************************************************************/
/* Black Friday, Black Friday Week, Cyber Monday */

html.bf,
html.bf2,
html.bfw,
html.cm
{
	--body-bg-color: #131113;		/* #444444; */
}

html.bf body,
html.bf2 body
	{ background: var(--body-bg-color) url("../../images/interface/fond-bf.jpg") no-repeat 50% top; }
html.bfw body
	{ background: var(--body-bg-color) url("../../images/interface/fond-bfw.jpg") no-repeat 50% top; }
html.cm body
	{ background: var(--body-bg-color) url("../../images/interface/fond-cm.jpg") no-repeat 50% top; }

/***************************************************************************************/
/* Soldes */

html.soldes
{
	--body-bg-color: var(--color-0);	/* #AFD9E9 */
}

html.soldes body
	{ background: var(--body-bg-color) url("../../images/interface/fond-soldes.jpg") no-repeat 50% top; }

html.soldes .nav-listings > #nav-stock-neuf-petits-prix a
{
	color: #FFD200;		/* var(--color-5) */
}

/***************************************************************************************/
/* Noël */

html.noel
{
	--body-bg-color: #CDD9E9;
	--nav-listings-bg-color: #BF1212;
	--cart-bg-color: #9A0405;
	--lang-bg-color: #BF1212;
}

html.noel #aside,
html.noel #section-ind
{
	--background-color: #BF1212;			/* 08/12/2023 */
}

html.noel body
	{ background: var(--body-bg-color) url("../../images/interface/bg-noel.jpg") no-repeat 50% -4px; }	/* top */

html.noel .l-header-background > .header-bg-center
{
	--bg-header-left: url("../../images/interface/bg-header-left-noel.png");
	--bg-header-right: url("../../images/interface/bg-header-right-noel.png");
	--bg-header-center: url("../../images/interface/bg-header-center-noel.png");
}

html.noel .l-header-content
	{ background-color: #9A0405; }

html.noel .nav-listings > #nav-stock-neuf-petits-prix a,
html.noel .nav-listings > #nav-nouveautes-gw a::before,
html.noel .nav-listings > #nav-stock-gw a::before,
html.noel .nav-listings > #nav-paint-gw a::before
	{ color: gold; }

/***************************************************************************************/
/* Media queries */

/***************************************************************************************/
/** < 1280px, DESKTOP SCREEN / TABLET / MOBILE **/
@media screen and (max-width: 1280px)
{
	/* generic */
	body
	{
		background-image: none !important;
	}
}

/***************************************************************************************/
/** DESKTOP SCREEN, default **/
html.soldes body
{
	/* ... */
}

/***************************************************************************************/
/** WIDE SCREEN **/
@media screen and (min-width: 1280px)
{
	html.soldes body
	{
		/* ... */
	}
}

/***************************************************************************************/
/** TABLET **/
@media screen and (max-width: 768px)
{
	html.soldes body
	{
		/* ... */
	}
}

/***************************************************************************************/
/** MOBILE **/
@media screen and (max-width: 480px)
{
	html.soldes body
	{
		/* ... */
	}
}