/*
 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
*/

@font-face {
  font-family: poppins-fallback;
  src: local("Arial");
  size-adjust: 60.85099821%;
  ascent-override: 164.3358416%;
  descent-override: 57.51754455%;
  line-gap-override: 16.43358416%;
}

@font-face {
  font-family: poppins-fallback-android;
  src: local("Roboto");
  size-adjust: 55.5193474%;
  ascent-override: 180.1173909%;
  descent-override: 63.04108683%;
  line-gap-override: 18.01173909%;
}

.noclick {
  pointer-events: none;
}


/* home card */
.card-hover {
  container-type: inline-size; /* enable container queries for card title */
}

/* Title: absolutely positioned so its destination is always the card edge,
   regardless of text length or number of lines */
.card-hover .card-title {
  -webkit-text-stroke: 8px transparent; /* width fixed, color transitions */
  paint-order: stroke fill;             /* stroke renders behind fill = clean outline */
  transition:
    top                       800ms cubic-bezier(0.68, -0.55, 0.265, 1.55),
    left                      800ms cubic-bezier(0.68, -0.55, 0.265, 1.55),
    transform                 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55),
    color                     800ms cubic-bezier(0.68, -0.55, 0.265, 1.55),
    -webkit-text-stroke-color 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  will-change: transform, top, left;
}

/* marquee animation on cards subtitle */
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.sup-card{
  font-weight: 500;
  z-index: 0;
  margin-left: 5px;
}

/* musique — text slides to top-right */
.card-musique .card-title {
  -webkit-text-stroke-color: var(--jaune-2026);
}
.card-musique.card-hover:hover .card-title {
  top: 0.6em;
  left: calc(100% - 0.6em);
  transform: translate(-100%, 0);
  -webkit-text-stroke-color: var(--black);
  color: var(--jaune-2026);
}

/* arts vivants — text slides to top-right */
.card-avivants .card-title {
  -webkit-text-stroke-color: var(--orange-2026);
}
.card-avivants.card-hover:hover .card-title {
  top: 0.6em;
  left: calc(100% - 0.6em);
  transform: translate(-100%, 0);
  -webkit-text-stroke-color: var(--black);
  color: var(--orange-2026);
}

/* arts visuels — text slides to top-center */
.card-avisu .card-title {
  -webkit-text-stroke-color: var(--violet-2026);
}
.card-avisu.card-hover:hover .card-title {
  top: 0.6em;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-text-stroke-color: var(--black);
  color: var(--violet-2026);
}

/* dj — text slides to top-left */
.card-dj .card-title {
  -webkit-text-stroke-color: var(--jaune-2026);
}
.card-dj.card-hover:hover .card-title {
  top: 0.6em;
  left: 0.6em;
  transform: translate(0, 0);
  -webkit-text-stroke-color: var(--black);
  color: var(--jaune-2026);
}

/* backdrop filter on pop-up */
.brx-popup-backdrop{
  backdrop-filter: blur(6px);
}

/* lightbox pollen event image */

[data-popup-id="550"] .brx-popup-content {
  background: transparent;
  width: auto;
  max-width: 90vw;
  max-height: 90vh;
  overflow: hidden;
}

[data-popup-id="550"] .brxe-container {
  width: auto;
  max-width: 100%;
  padding: 0;
}

.colored-tag-pol-26[data-type="arts-vivants"]{
    background-color: var(--orange-2026);
    color: var(--white);
  }

.colored-tag-pol-26[data-type="musique"]{
  background-color: var(--jaune-2026);
  color: var(--black);
}
.colored-tag-pol-26[data-type="arts-visuels"]{
  background-color: var(--violet-2026);
  color: var(--white);
}
.colored-tag-pol-26[data-type="dj-set"]{
  background-color: var(--black);
  color: var(--jaune-2026);
}
.colored-tag-pol-26[data-type="autres"]{
  background-color: var(--black);
  color: var(--white);
}


/* hover twist effect, for button and other clickable elements */
.hover-twist {
  transition: transform 200ms ease;
}

.hover-twist:hover {
  transform: rotate(1deg) scale(1.05);
  z-index:999;
}

/* Lottie carres overlay – small squares ~4vh at top of section */
/*
.animation-carres.brxe-lottie {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 25vh;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}
.animation-carres.brxe-lottie dotlottie-wc {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: 100% !important;
  width: auto !important;
  display: block;
}

@media (max-width: 767px) {
  .animation-carres.brxe-lottie {
    height: 45vh;
  }
}
  */

@media screen and (max-width: 478px) {
  .stack-on-mobile{
    flex-wrap: wrap !important;
  }

  .stack-on-mobile > div{
    flex-basis: 60vw !important;
    text-align: center;
  }

  .stack-on-mobile > div.desc{
    flex-basis: 90vw !important;
  }
}