/** Start Template Kit CSS: Bike Repairs Rentals (css/customizer.css) **/

.envato-kit-221-animation-style-full .elementor-column-wrap {
	overflow: hidden;
}
.envato-kit-221-animation-style-full .elementor-background-overlay {
	transition: all .3s ease-in-out;
}
.envato-kit-221-animation-style-full .elementor-widget-wrap {
	 justify-content: flex-end;
}
.envato-kit-221-animation-style-full .elementor-widget-wrap .elementor-inner-section {
	width: 80%;
	height: 100%;
  transition: all .3s ease-in-out;
}
.envato-kit-221-animation-style-full .elementor-widget-wrap .elementor-inner-section:hover {
	width: 100%;
}

.envato-kit-221-button-style-full .elementor-button-link {
	width: 100%;
	text-align: left;
}
.envato-kit-221-no-link .elementor-button-link {
	cursor: text;
	pointer-events: none;
}
#rac-app #racClientSelect {
  width: 100%;
  padding: 10px 11px;
  border: 2px solid #6d7380;
  border-radius: 7px;
  font-size: 14px;
  font-family: inherit;
  background: #f8fafc;
  color: #111;
  outline: none;
}
#rac-app #racClientSelect:focus {
  border-color: var(--rac-blue);
  box-shadow: 0 0 0 3px rgba(27,58,107,.16);
  background: #fff;
}

.envato-kit-221-price-style .elementor-price-table__header {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
}
.envato-kit-221-price-style .elementor-price-table__price {
	justify-content: flex-start;
}
.envato-kit-221-price-style .elementor-price-table__feature-inner i {
	font-size: 0.3em;
	vertical-align: middle;
	margin-right: 4px;
}
.envato-kit-221-price-style .elementor-price-table__footer {
	text-align: left;
}

.envato-kit-221-row-style-hover.elementor-column {
	transform: translateY(0);
	transition: all .5s ease-in-out;
}
.envato-kit-221-row-style-hover.elementor-column:hover {
	transform: translateY(-10px);
	z-index: 4;
	opacity: 1;
}

.envato-kit-221-price-color-style .elementor-price-list .elementor-price-list-price {
	color: #E12C3D;
}

.envato-kit-221-services-block-hover-style.elementor-column:hover .elementor-heading-title,
.envato-kit-221-services-block-hover-style.elementor-column:hover .elementor-text-editor {
	transition: color .3s ease-in-out;
	color: #ffffff !important;
}

.envato-kit-221-accordion-style.elementor-widget-accordion .elementor-accordion-item .elementor-tab-title {
	transition: all .3s ease-in-out;	
}
.envato-kit-221-accordion-style.elementor-widget-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
	padding: 42px 43px 20px 43px;
}
.envato-kit-221-accordion-style .elementor-accordion .elementor-tab-content {
	border-top: none;
}

.envato-kit-221-icon-list-style .elementor-icon-list-icon i {
	position: relative;
	bottom: 2px;
	vertical-align: middle;
}

/** End Template Kit CSS: Bike Repairs Rentals (css/customizer.css) **/



/** Start Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/

.envato-block__preview{overflow: visible;}

/* Envato Kit 141 Custom Styles - Applied to the element under Advanced */

.elementor-headline-animation-type-drop-in .elementor-headline-dynamic-wrapper{
	text-align: center;
}
.envato-kit-141-top-0 h1,
.envato-kit-141-top-0 h2,
.envato-kit-141-top-0 h3,
.envato-kit-141-top-0 h4,
.envato-kit-141-top-0 h5,
.envato-kit-141-top-0 h6,
.envato-kit-141-top-0 p {
	margin-top: 0;
}

.envato-kit-141-newsletter-inline .elementor-field-textual.elementor-size-md {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.envato-kit-141-bottom-0 p {
	margin-bottom: 0;
}

.envato-kit-141-bottom-8 .elementor-price-list .elementor-price-list-item .elementor-price-list-header {
	margin-bottom: .5rem;
}

.envato-kit-141.elementor-widget-testimonial-carousel.elementor-pagination-type-bullets .swiper-container {
	padding-bottom: 52px;
}

.envato-kit-141-display-inline {
	display: inline-block;
}

.envato-kit-141 .elementor-slick-slider ul.slick-dots {
	bottom: -40px;
}

/** End Block Kit CSS: 144-3-3a7d335f39a8579c20cdf02f8d462582 **/



/** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/

.envato-kit-138-bracket .elementor-widget-container > *:before{
	content:"[";
	color:#ffab00;
	display:inline-block;
	margin-right:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}

.envato-kit-138-bracket .elementor-widget-container > *:after{
	content:"]";
	color:#ffab00;
	display:inline-block;
	margin-left:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}

/** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/



/** Start Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/

.envato-block__preview{overflow: visible;}
/* Material Button Click Effect */
.envato-kit-140-material-hit .menu-item a,
.envato-kit-140-material-button .elementor-button{
  background-position: center;
  transition: background 0.8s;
}
.envato-kit-140-material-hit .menu-item a:hover,
.envato-kit-140-material-button .elementor-button:hover{
  background: radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
}
.envato-kit-140-material-hit .menu-item a:active,
.envato-kit-140-material-button .elementor-button:active{
  background-color: #FFF;
  background-size: 100%;
  transition: background 0s;
}

/* Field Shadow */
.envato-kit-140-big-shadow-form .elementor-field-textual{
	box-shadow: 0 20px 30px rgba(0,0,0, .05);
}

/* FAQ */
.envato-kit-140-faq .elementor-accordion .elementor-accordion-item{
	border-width: 0 0 1px !important;
}

/* Scrollable Columns */
.envato-kit-140-scrollable{
	 height: 100%;
   overflow: auto;
   overflow-x: hidden;
}

/* ImageBox: No Space */
.envato-kit-140-imagebox-nospace:hover{
	transform: scale(1.1);
	transition: all 0.3s;
}
.envato-kit-140-imagebox-nospace figure{
	line-height: 0;
}

.envato-kit-140-slide .elementor-slide-content{
	background: #FFF;
	margin-left: -60px;
	padding: 1em;
}
.envato-kit-140-carousel .slick-active:not(.slick-current)  img{
	padding: 20px !important;
	transition: all .9s;
}

/** End Block Kit CSS: 143-3-7969bb877702491bc5ca272e536ada9d **/



/** Start Block Kit CSS: 69-3-4f8cfb8a1a68ec007f2be7a02bdeadd9 **/

.envato-kit-66-menu .e--pointer-framed .elementor-item:before{
	border-radius:1px;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper{
	position:relative;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper .elementor-field-type-submit{
	position:static;
}

.envato-kit-66-subscription-form .elementor-form-fields-wrapper .elementor-field-type-submit button{
	position: absolute;
    top: 50%;
    right: 6px;
    transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webmit-transform: translate(0, -50%);
}

.envato-kit-66-testi-slider .elementor-testimonial__footer{
	margin-top: -60px !important;
	z-index: 99;
  position: relative;
}

.envato-kit-66-featured-slider .elementor-slides .slick-prev{
	width:50px;
	height:50px;
	background-color:#ffffff !important;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	left:-25px !important;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
}

.envato-kit-66-featured-slider .elementor-slides .slick-prev:before{
	display:block;
	margin-top:0px;
	margin-left:0px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

.envato-kit-66-featured-slider .elementor-slides .slick-next{
	width:50px;
	height:50px;
	background-color:#ffffff !important;
	transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	right:-25px !important;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.32);
}

.envato-kit-66-featured-slider .elementor-slides .slick-next:before{
	display:block;
	margin-top:-5px;
	margin-right:-5px;
	transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}

.envato-kit-66-orangetext{
	color:#f4511e;
}

.envato-kit-66-countdown .elementor-countdown-label{
	display:inline-block !important;
	border:2px solid rgba(255,255,255,0.2);
	padding:9px 20px;
}

/** End Block Kit CSS: 69-3-4f8cfb8a1a68ec007f2be7a02bdeadd9 **/



/** Start Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/

.envato-block__preview{overflow: visible;}

/** End Block Kit CSS: 71-3-d415519effd9e11f35d2438c58ea7ebf **/

/* CSS global pour la page Pose de charpente à Grasse */

.video-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    font-family: Arial, sans-serif;
    line-height: 1.7;
    color: #333;
}

.video-page h1 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 28px;
    color: #2a2a2a;
}

.image-text-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 30px;
}

.image-box {
    flex: 1 1 40%;
    margin-right: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    text-align: center;
    background: #fafafa;
}

.image-box img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.image-box figcaption {
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

.text-box {
    flex: 1 1 55%;
    min-width: 250px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

ul, ol {
    margin-left: 20px;
}

h2 {
    margin-top: 25px;
    color: #2a2a2a;
}

@media (max-width: 768px) {
    .image-text-container {
        flex-direction: column;
    }
    .image-box {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
.floating-rectangles {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 12px; /* Espacement légèrement plus grand pour un look aéré */
    z-index: 1002;
}

.rect {
    width: 160px; /* Légèrement plus large pour un aspect premium */
    height: 45px; /* Hauteur augmentée pour un confort visuel */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 15px; /* Police légèrement plus grande */
    border-radius: 8px; /* Coins plus arrondis */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Ombre subtile */
    transition: all 0.4s ease, transform 0.2s ease; /* Transition fluide */
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    background-position: center; /* Pour l'effet d'onde */
    background-size: 200%; /* Pour l'effet d'onde */
}

.rect:hover {
    transform: translateY(-2px); /* Légère élévation au hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); /* Ombre plus prononcée au hover */
}

.rect:active {
    transform: scale(0.98); /* Légère réduction au clic */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Ombre réduite au clic */
}

/* Effet d'onde inspiré de envato-kit-140-material-hit */
.rect {
    background: radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
}
.rect:hover {
    background: radial-gradient(circle, transparent 1%, #fff 1%) center/15000%;
    background-color: #e0e0e0; /* Couleur de base ajustée au hover */
}
.rect:active {
    background-color: #d0d0d0;
    background-size: 100%;
    transition: background 0s;
}

.floating-avis,
.floating-rectangles {
    position: fixed !important;
    bottom: 150px !important;    /* distance depuis le bas */
    right: 20px !important;      /* côté droit */
    z-index: 99999 !important;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.floating-rectangles .rect {
    width: 160px;
    height: 45px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 15px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.floating-rectangles .rect:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}

.floating-rectangles .whatsapp {
    background-color: #25D366 !important;
    color: #000000 !important;
}

.floating-rectangles .appel,
.floating-rectangles .rdv,
.floating-rectangles .devis {
    background-color: #FF6600 !important;
    color: #ffffff !important;
}
/* ══ ATUA — MENU À GAUCHE ══ */
.main-navigation,
#site-navigation,
.nav-menu,
header .menu-primary-container,
header nav {
  margin-left: 0 !important;
  margin-right: auto !important;
}

.site-header .header-wrap,
.site-header .header-inner,
header .site-header-wrap {
  justify-content: flex-start !important;
}

header ul.menu,
header ul.nav-menu {
  justify-content: flex-start !important;
  margin-left: 0 !important;
}
/* --- Méga Ultra Premium skin --- */

/* Fond général plus élégant */
#rac-app {
  background: radial-gradient(circle at top left, #e4ecff 0, #d4dce8 40%, #cfd6e4 100%);
}

/* Coquille principale façon app SaaS */
#rac-app .rac-shell{
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.6);
  box-shadow:
    0 18px 40px rgba(15,29,61,0.30),
    0 0 0 1px rgba(255,255,255,0.35);
  backdrop-filter: blur(12px);
}

/* Header plus massif / premium */
#rac-app .rac-header{
  background: linear-gradient(120deg,#1b3a6b,#264b88);
  border-bottom: 1px solid rgba(255,255,255,0.28);
}
#rac-app .rac-title{
  font-size:16px;
  letter-spacing:.04em;
}

/* Boutons style SaaS */
#rac-app .rac-btn{
  border-radius:999px;
  padding:9px 16px;
  box-shadow:0 8px 18px rgba(0,0,0,0.15);
}
#rac-app .rac-btn-print{
  background:linear-gradient(135deg,#ffffff,#edf2ff);
}
#rac-app .rac-btn-new{
  background:linear-gradient(135deg,#e74c3c,#c0392b);
}
#rac-app .rac-btn-wa{
  background:linear-gradient(135deg,#25d366,#1ebe57);
}
#rac-app .rac-btn-mail{
  background:linear-gradient(135deg,#f39c12,#e67e22);
}
#rac-app .rac-btn-fs{
  background:rgba(255,255,255,0.18);
}

/* Panneau formulaire en carte claire */
#rac-app .rac-form{
  background:rgba(255,255,255,0.98);
  box-shadow:inset -1px 0 0 rgba(15,29,61,0.06);
}

/* Prévisualisation : look document premium */
#rac-app .rac-preview-wrap{
  background:radial-gradient(circle at top,#f5f7ff 0,#d4dce8 55%,#c4cedf 100%);
}
#rac-app .rac-preview{
  border-radius:14px;
  box-shadow:
    0 20px 40px rgba(0,0,0,0.25),
    0 0 0 1px rgba(255,255,255,0.8);
}

/* Sections titres plus luxueux */
#rac-app .rac-sec-title{
  border-bottom:0;
  padding-bottom:0;
  display:flex;
  align-items:center;
  gap:8px;
}
#rac-app .rac-sec-title::before{
  content:'';
  width:18px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#e07b2a,#f5c26b);
}

/* Cartes méta et blocs parties plus “dashboard” */
#rac-app .rac-meta-item,
#rac-app .rac-box,
#rac-app .rac-box-client{
  box-shadow:0 10px 20px rgba(0,0,0,0.06);
}

/* Tableau des lignes plus lisible */
#rac-app .rac-doc-table thead th{
  letter-spacing:.04em;
}
#rac-app .rac-doc-table tbody tr:nth-child(even){
  background:rgba(235,240,252,0.9);
}

/* Totaux : mettre le TTC bien en avant */
#rac-app .rac-total-row.total{
  background:linear-gradient(120deg,#1b3a6b,#203e74);
  box-shadow:0 10px 22px rgba(0,0,0,0.30);
}

/* Signature & bas de page plus fins */
#rac-app .rac-sig{
  background:rgba(255,255,255,0.7);
}

/* Carnet clients : léger highlight */
#rac-app .rac-sec-title:has(+ .rac-row2 #racClientSelect){
  color:#e07b2a;
}
#rac-app #racClientSelect{
  background:linear-gradient(135deg,#fefefe,#f8fbff);
}