/*
████████╗ ██████╗ ██╗   ██╗███████╗     ██████╗ ██████╗ ███╗   ███╗███╗   ███╗███████╗██████╗  ██████╗███████╗ ███████╗
╚══██╔══╝██╔═══██╗██║   ██║██╔════╝    ██╔════╝██╔═══██╗████╗ ████║████╗ ████║██╔════╝██╔══██╗██╔════╝██╔════╝ ██╔════╝
   ██║   ██║   ██║██║   ██║███████╗    ██║     ██║   ██║██╔████╔██║██╔████╔██║█████╗  ██████╔╝██║     █████╗   ███████╗
   ██║   ██║   ██║██║   ██║╚════██║    ██║     ██║   ██║██║╚██╔╝██║██║╚██╔╝██║██╔══╝  ██╔══██╗██║     ██╔══╝   ╚════██║
   ██║   ╚██████╔╝╚██████╔╝███████║    ╚██████╗╚██████╔╝██║ ╚═╝ ██║██║ ╚═╝ ██║███████╗██║  ██║╚██████╗███████╗ ███████║
   ╚═╝    ╚═════╝  ╚═════╝ ╚══════╝     ╚═════╝ ╚═════╝ ╚═╝     ╚═╝╚═╝     ╚═╝╚══════╝╚═╝  ╚═╝ ╚═════╝╚══════╝ ╚══════╝
Date : 02/2026
Version : 1.5
Author: Tous Commerces
Author URI: https://www.touscommerces.fr
* Blanc #FFF * Orange #c65a12 * Orange / Jaune #E89B2C * Jaune clair #f2b84b * Gris clair #838383 * Gris dark #1c1c1c
*/

:root {
  --tc-primary-color: #fff;
  --tc-secondary-color: #c65a12;
  --tc-third-color: #E89B2C;
  --tc-back-color: #aeaeae;
  --tc-back2-color: #838383;
  --tc-back3-color: #1c1c1c;
  
  --tc-padding: 0;
  --tc-margin: 20px;
  --tc-app-margin-t: 0;
  --tc-app-margin-b: 250px;
  --tc-app-margin-l: 0;
  --tc-app-margin-r: 0;
  --tc-margin-t: 0;
  --tc-margin-b: 0;
  --tc-margin-l: 0;
  --tc-margin-r: 0;
  --tc-align: center;
  --tc-width: 100%;
  --tc-min-height: 500px;
  --tc-radius: 5;
  
  --tc-font-size-xs: 12px;
  --tc-font-size-m: 16px;
  --tc-font-size-l: 24px;
  --tc-font-size-xl: 32px;
  --tc-font-weight-title: 400;
  --tc-font1-family: "Calibri-Regular", Helvetica;
  --tc-font2-family: "Calibri-Bold", Helvetica;

  --tc-btn-w: 300px;
  --tc-btn-h: 240px;
  --tc-nav-button-w: 200px;
  --tc-nav-button-h: 60px;
}
/*
.tcquote {
	font-weight: 800;
	text-align: center;
	width: 100%;
	min-height: 400px;
	color: var(--tc-primary-color);
	background-color: var(--tc-secondary-color);
	padding: 100px;
	font-size: 18px;
	line-height: 18px;
	position: relative;
}

.tcquote:hover {
	opacity: 0.90;
}

.tcquoteTitle {
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 20px;
	font-weight: 800;
	line-height: 24px;
}

.tcquoteProduct	{
	color: var(--tc-third-color);
}

.tcquoteRea	{
	color: var(--tc-third-color);
	margin: 0;
	font-style: italic;
}

.pouce {
	margin: 50px;
}*/
.tcquote {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;
	width: 100%;
	min-height: 320px;

	padding: 60px 40px;

	color: var(--tc-primary-color);
	background: linear-gradient(
		135deg,
		var(--tc-secondary-color),
		var(--tc-secondary-color) 70%,
		var(--tc-third-color)
	);

	font-weight: 800;
	font-size: 18px;
	line-height: 1.4;

	text-decoration: none;

	border-radius: 12px;
	transition: all .25s ease;

	position: relative;
	overflow: hidden;
}

.tcquote:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 10px 25px rgba(0,0,0,0.15);
	opacity: 0.95;
}

.tcquoteTitle {
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-bottom: 12px;
	font-size: 20px;
	line-height: 1.4;
}

.tcquoteProduct {
	color: var(--tc-third-color);
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 8px;
}

.tcquoteRea {
	color: var(--tc-third-color);
	font-style: italic;
	font-weight: 500;
	margin-top: 6px;
}

.pouce {
	margin-top: 30px;
	max-width: 90px;
	height: auto;
}