/*!
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root{
--blanc:#FFF;
--checkbox:#a8a3c1;
--letter-spacing:-.3px;
--field-saved:var(--couleur-1);
--field-saved-shadow:var(--couleur-1);
--bordures:#eaeaea;
--radius:6px;
--field-saved-shadow:#a8a3c1;
--couleur-6:#000
}

.brxe-button.bricks-color-primary.outline{
color:var(--couleur-2)!important
}

.brxe-button.bricks-color-primary.outline:hover{
background:var(--couleur-2)!important;
color:var(--blanc)!important
}

.brxe-button.bricks-background-primary,
.brxe-button.bricks-background-secondary{
position:relative
}

.brxe-button.bricks-button.outline.bricks-color-secondary.circle{
border:2px solid var(--blanc)
}

h1 b,h1 strong,
h2 b,h2 strong{
color:var(--couleur-2)
}

.brxe-heading.bricks-color-info>strong{
position:relative
}

.brxe-heading.bricks-color-info .stroke-title{
width:calc(100% + 60px);
position:absolute;
bottom:-40px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}

.brxe-heading.bricks-color-info .stroke-title-word{
width:calc(100% + 30px);
position:absolute;
bottom:-7px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%)
}

.go-next-section{
cursor:pointer
}

.page-first-section>section:first-child{
padding-top:210px
}

.home-catalog-item.tab-title.brx-open{
position:relative
}

.home-catalog-item.tab-title.brx-open:before{
content:"";
width:20px;
height:20px;
background:var(--blanc);
position:absolute;
left:50%;
-webkit-transform:translateX(-50%) rotate(45deg);
transform:translateX(-50%) rotate(45deg);
top:-50px
}

.sync-sliders-thumb:hover .splide__slide{
opacity:0.8
}

.sync-sliders-thumb .splide__slide{
-webkit-transition:122ms all ease-out;
transition:122ms all ease-out;
cursor:pointer
}

.sync-sliders-thumb .splide__slide:hover{
opacity:1
}

.sync-sliders-thumb .splide__slide.is-visible.is-active{
border:2px solid var(--couleur-2)
}

.sync-sliders-thumb .splide__slide.is-visible.is-active .brxe-text{
color:var(--couleur-2)
}


/* ========================================
   HOVER SVG + TEXTE (catalogue)
======================================== */

.home-catalog-item{
    color:#AF2F15;
    transition:color .3s ease, background-color .3s ease, transform .3s ease;
}

.home-catalog-item svg path{
    fill:currentColor !important;
    transition:fill .3s ease;
}

.home-catalog-item:hover{
    color:#000;
}

.home-catalog-item:hover .ico-produit-home-title{
    color:#fff;
}


#brxe-wtbrcd {
    align-items: stretch;
}

#brxe-wtbrcd > .home-catalog-item {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


/* PAGE PRODUIT / CARD GRID */



.prod-card {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 15px;
  background: #fff;
  overflow: visible;
  height: 280px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14);
}

/* COLONNE TEXTE */
.prod-card-col1 {
  max-width: 400px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-right: 120px;
}



.prod-card h3 {
  font-size: 35px;
  font-weight: 600;
  color: #A1371D;
  margin-bottom: 20px;
}

.prod-card p {
  color: #363636;
  line-height: 1.3;
  margin-bottom: 10px;
  font-size: 14px;
}

/* BOUTON */

.prod-card-col1 p:last-child {
  margin-top: auto;
}

.prod-card a {
  font-size: 14px;
  padding: 9px 16px;
  background: #A1371D;
  color: #fff;
  border-style: none;
  border-radius: 50px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
}

.prod-card a:hover {
  background: #7f2612;
}

/* ICON (petit trait rouge) */
.prod-card-col2 {
  position: absolute;
  right: 30px;
  top: 30px;
}

.prod-card-col2 img {
  width: 60px;
}

/* IMAGE PRODUIT (celle qui dépasse) */


/* Position du produit */
.prod-card-col3 {
  position: absolute;
  right: -120px;
  top: 50%;
  transform: translateY(-50%);
}

/* Image produit */
.prod-card-col3 img {
  width: 190px;
  display: block;
  position: relative;
  z-index: 2;

  /* petit bonus visuel (optionnel) */
  transform: rotate(-8deg);
}

/* Ombre au sol réaliste */
.prod-card-col3::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -22px;

  transform: translateX(-50%) scaleX(1.3);

  width: 70%;
  height: 20px;

  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.25) 0%,
    rgba(0, 0, 0, 0.15) 40%,
    rgba(0, 0, 0, 0.05) 70%,
    transparent 100%
  );

  filter: blur(10px);
  border-radius: 50%;
  z-index: 1;
}