.elementor-103 .elementor-element.elementor-element-2ca234e{--display:flex;--min-height:75vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.3;--margin-top:-11em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:11%;--padding-bottom:5%;--padding-left:3%;--padding-right:3%;--z-index:20;}.elementor-103 .elementor-element.elementor-element-2ca234e:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-2ca234e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://triangle-nation.com/wp-content/uploads/2025/09/A-propos-Banniere-Triangle-Nation-BJJ-Arts-Martiaux-2.webp");background-position:center center;background-size:cover;}.elementor-103 .elementor-element.elementor-element-2ca234e::before, .elementor-103 .elementor-element.elementor-element-2ca234e > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-2ca234e > .e-con-inner > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-2ca234e > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-2ca234e > .e-con-inner > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-2ca234e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-primary ) 60%, var( --e-global-color-accent ) 100%);}.elementor-103 .elementor-element.elementor-element-ad4d088{text-align:start;}.elementor-103 .elementor-element.elementor-element-ad4d088 .elementor-heading-title{font-size:5rem;font-weight:700;text-transform:uppercase;}.elementor-103 .elementor-element.elementor-element-2200594 .elementor-heading-title{font-size:2rem;}.elementor-103 .elementor-element.elementor-element-e4d6717{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-103 .elementor-element.elementor-element-ad4d088 .elementor-heading-title{font-size:3.5rem;}}@media(max-width:1024px){.elementor-103 .elementor-element.elementor-element-2200594 .elementor-heading-title{font-size:1.6rem;}.elementor-103 .elementor-element.elementor-element-e4d6717{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-103 .elementor-element.elementor-element-2ca234e:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-2ca234e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://triangle-nation.com/wp-content/uploads/2025/10/A-propos-Banniere-Triangle-Nation-BJJ-Arts-Martiaux-2-767px-par-1100px.webp");background-position:center center;background-size:cover;}.elementor-103 .elementor-element.elementor-element-2ca234e{--min-height:85vh;--margin-top:-8em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:18%;--padding-bottom:0%;--padding-left:1%;--padding-right:1%;}.elementor-103 .elementor-element.elementor-element-ad4d088 .elementor-heading-title{font-size:2rem;}.elementor-103 .elementor-element.elementor-element-2200594 .elementor-heading-title{font-size:1.2rem;}.elementor-103 .elementor-element.elementor-element-e4d6717{--padding-top:7%;--padding-bottom:7%;--padding-left:3%;--padding-right:3%;}}/* Start custom CSS for shortcode, class: .elementor-element-2383393 *//* ============================================================
 * Triangle Nation — Complianz [cmplz-cookies]
 * Version "Premium Horaire" : relief, lisibilité, marges claires
 * ============================================================ */
.tn-cmplz {
  --tn-bg: #0b0b0b;
  --tn-bg-card: #141414;
  --tn-bg-hover: #1d1d1d;
  --tn-border: rgba(255,255,255,0.12);
  --tn-border-strong: rgba(255,255,255,0.25);
  --tn-text: #f7f7f7;
  --tn-gold: #ad8a2d;
  --tn-gold-light: #c9a63d;
  --tn-radius: 14px;
  --tn-shadow: 0 8px 24px rgba(0,0,0,0.45);
}

/* Espacement global entre les cartes */
.tn-cmplz .cmplz-service {
  background: var(--tn-bg-card) !important;
  border: 1px solid var(--tn-border) !important;
  border-radius: var(--tn-radius) !important;
  margin-bottom: 18px !important;
  box-shadow: var(--tn-shadow) !important;
  transition: all 0.25s ease !important;
}

/* Effet de survol élégant */
.tn-cmplz .cmplz-service:hover {
  background: var(--tn-bg-hover) !important;
  border-color: var(--tn-border-strong) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.55) !important;
}

/* Header (titre de catégorie) */
.tn-cmplz .cmplz-service-header {
  padding: 16px 22px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  background: linear-gradient(180deg, #171717 0%, #101010 100%) !important;
  border-bottom: 1px solid var(--tn-border) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

/* Titre + icône */
.tn-cmplz .cmplz-service-header h3,
.tn-cmplz .cmplz-service-header .cmplz-title {
  color: var(--tn-gold-light) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 6px rgba(173,138,45,0.25) !important;
}

/* Chevron doré */
.tn-cmplz .cmplz-toggle,
.tn-cmplz .cmplz-service-header svg {
  color: var(--tn-gold) !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}
.tn-cmplz [aria-expanded="true"] .cmplz-toggle {
  transform: rotate(180deg) !important;
  color: var(--tn-gold-light) !important;
}

/* Contenu déroulé */
.tn-cmplz .cmplz-service-content {
  padding: 22px 26px !important;
  background: var(--tn-bg) !important;
  border-top: 1px solid var(--tn-border) !important;
  color: var(--tn-text) !important;
  line-height: 1.65 !important;
  font-size: 0.95rem !important;
}

/* Espacement vertical dans le texte */
.tn-cmplz .cmplz-service-content p {
  margin-bottom: 10px !important;
  color: #dcdcdc !important;
}

/* Table de cookies interne */
.tn-cmplz .cmplz-cookie-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-top: 16px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.tn-cmplz .cmplz-cookie-table th {
  background: #1b1b1b !important;
  color: var(--tn-gold) !important;
  padding: 12px 18px !important;
  font-weight: 600 !important;
  text-align: left !important;
}
.tn-cmplz .cmplz-cookie-table td {
  background: var(--tn-bg-card) !important;
  color: var(--tn-text) !important;
  padding: 12px 18px !important;
  border-top: 1px solid var(--tn-border) !important;
}

/* Mobile friendly */
@media (max-width: 768px) {
  .tn-cmplz .cmplz-service-header {
    padding: 14px 18px !important;
  }
  .tn-cmplz .cmplz-service-content {
    padding: 18px 20px !important;
  }
  .tn-cmplz .cmplz-service {
    margin-bottom: 14px !important;
  }
}/* End custom CSS */