/*
Theme Name: Irisens Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.6.1770653960
Updated: 2026-02-09 17:19:20

*/
/* ==================================================
   scroll header
   ================================================== */
.header-trans {
  background-color: rgba(45, 52, 54, 0); /* transparent au départ */
  backdrop-filter: blur(0px); /* aucun flou au départ */
  -webkit-backdrop-filter: blur(0px); /* compatibilité Safari */
  transition: background-color 0.4s ease, backdrop-filter 0.4s ease;
}

body.scrolled .header-trans {
  background: linear-gradient(135deg, rgb(0 0 0), rgb(38 38 38 / 70%));
  backdrop-filter: blur(6px); /* flou doux */
  -webkit-backdrop-filter: blur(8px);
}

/* ==================================================
   ICON BOX – BASE
   ================================================== */

.gradient-cta .elementor-icon-box-icon,
.gradient-cta2 .elementor-icon-box-icon,
.gradient-cta3 .elementor-icon-box-icon,
.gradient-cta3-1 .elementor-icon-box-icon,
.gradient-cta4 .elementor-icon-box-icon,
.gradient-cta5 .elementor-icon-box-icon,
.gradient-cta6 .elementor-icon-box-icon,
.gradient-cta7 .elementor-icon-box-icon,
.gradient-cta-orange .elementor-icon-box-icon, 
.gradient-cta3-2 .elementor-icon-box-icon,
.gradient-cta-orange-2 .elementor-icon-box-icon{
  display: flex !important;
  align-items: center;
  justify-content: center;
}

/* ==================================================
   DÉGRADÉS BLEU → OR
   ================================================== */

.gradient-cta .elementor-icon-box-icon,
.gradient-cta2 .elementor-icon-box-icon,
.gradient-cta3 .elementor-icon-box-icon,
.gradient-cta3-1 .elementor-icon-box-icon, 
.gradient-cta3-2 .elementor-icon-box-icon{
  background: linear-gradient(135deg, #00a1b3, #cc9719);
}

/* ==================================================
   VARIANTES DE TAILLES & FORMES
   ================================================== */

/* Carré arrondi */
.gradient-cta .elementor-icon-box-icon, .gradient-cta3-2 .elementor-icon-box-icon {
  width: 56px;
  height: 56px;
  border-radius: 10px;
}

.gradient-cta2 .elementor-icon-box-icon {
  width: 48px;
  height: 48px;
  border-radius: 10px;
}

/* Cercle plein */
.gradient-cta3 .elementor-icon-box-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.gradient-cta3-1 .elementor-icon-box-icon {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

/* Cercle transparent */
.gradient-cta4 .elementor-icon-box-icon {
  background: #00a1b31a;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.gradient-cta5 .elementor-icon-box-icon {
  background: #00a1b31a;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.gradient-cta6 .elementor-icon-box-icon {
  background: #cc97191a;
  width: 48px;
  height: 48px;
  border-radius: 10%;
}

.gradient-cta7 .elementor-icon-box-icon {
  background: #00a1b31a;
  width: 48px;
  height: 48px;
  border-radius: 10%;
}

/* ==================================================
   ORANGE
   ================================================== */

.gradient-cta-orange .elementor-icon-box-icon, .gradient-cta-orange-2 .elementor-icon-box-icon{
  background: linear-gradient(135deg, #cc9719, #f2c307);
  width: 48px;
  height: 48px;
  border-radius: 10px;
}


/* ==================================================
   centrage icone
   ================================================== */
.gradient-cta2 .elementor-icon-box-icon,
.gradient-cta3-1 .elementor-icon-box-icon,
.gradient-cta4 .elementor-icon-box-icon,
.gradient-cta5 .elementor-icon-box-icon,
.gradient-cta-orange .elementor-icon-box-icon,
.gradient-cta3-2 .elementor-icon-box-icon,
.gradient-cta6 .elementor-icon-box-icon, 
.gradient-cta7 .elementor-icon-box-icon{
	margin-left:auto !important;
	margin-right:auto !important;
}


/* =====================================
   BASE – ICON BOX iriSens
   ===================================== */

.gradient-bg-warm{
  --ring-normal: #ffffff1a;
  --ring-hover:  #00a1b366;

  --icon-size: 64px;
  --icon-size-hover: 70px;

  --ring-gap: 14px;
  --ring-stroke: 2px;
}

/* Centrage */
.gradient-bg-warm .elementor-icon-box-wrapper{
  text-align: center;
}

.gradient-bg-warm .elementor-icon-box-icon{
  display: flex;
  justify-content: center;
  margin-bottom: 18px;
}

/* Cercle (fond défini par variante) */
.gradient-bg-warm .elementor-icon{
  width: var(--icon-size);
  height: var(--icon-size);
  border-radius: 50%;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  position: relative;
  z-index: 1;

  transition:
    width .25s ease,
    height .25s ease;
}

/* Anneau externe */
.gradient-bg-warm .elementor-icon::before{
  content: "";
  position: absolute;
  inset: calc(-1 * (var(--ring-gap) + var(--ring-stroke)));
  border-radius: 50%;
  border: var(--ring-stroke) solid var(--ring-normal);
  transition: border-color .25s ease;
  z-index: -1;
}

/* Icône SVG */
.gradient-bg-warm .elementor-icon svg{
  width: 28px;
  height: 28px;
  fill: #ffffff;
  display: block;
}

/* Hover commun */
.gradient-bg-warm:hover .elementor-icon{
  width: var(--icon-size-hover);
  height: var(--icon-size-hover);
}

.gradient-bg-warm:hover .elementor-icon::before{
  border-color: var(--ring-hover);
}

/*variante couleur fond*/
.variant-gold .elementor-icon{
  background: linear-gradient(180deg, #F8C700, #e5a300);
}

.variant-teal-gold .elementor-icon{
  background: linear-gradient(135deg, #00a1b3, #cc9719);
}

.variant-teal-grey .elementor-icon{
  background: linear-gradient(135deg, #00a1b3, #afb3b6);
}

.variant-teal-purple .elementor-icon{
  background: linear-gradient(135deg, #9baaf3, #0097B2)!important;
}

/*textes dégradés*/
.gradient-text-teal {
    background: linear-gradient(135deg, #00a1b3, #f2c307);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-energy {
    background: linear-gradient(135deg, #cc9719, #f2c307);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-energy-2{
    background: linear-gradient(135deg, #61666B, #B0B3B6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-energy-3{
    background: linear-gradient(135deg, #0C2D31, #0097B2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.gradient-text-energy-4{
    background: linear-gradient(135deg, #0097b2, #0097B2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/*BULLETS POINTS*/

.bullet-points-orange li::marker {
    color:#cc9719 !important;
}

.bullet-points-vert li::marker {
    color: #00a1b3 !important;
}

.bullet-points-gris li::marker {
    color: #B0B3B6 !important;
}

.bullet-points-bleu li::marker {
    color: #9baaf3 !important;
}

/*Formulaire de contact*/
.form legend.gfield_label.gform-field-label.gfield_label_before_complex, .form label.gfield_label.gform-field-label, .form p.gform_required_legend{color:#FFFFFFCC;}
legend.gfield_label.gform-field-label.gfield_label_before_complex, label.gfield_label.gform-field-label, p.gform_required_legend {font-size:16px;}

.form label.gform-field-label.gform-field-label--type-inline.gfield_consent_label {color:#FFFFFFCC !important; font-size:16px;}
.form label.gform-field-label.gform-field-label--type-inline.gfield_consent_label a {color:#0097B2 !important; font-size:16px;}

.form label.gform-field-label.gform-field-label--type-inline.gfield_consent_label a:hover {color:#cc9719 !important; font-size:16px;}

input#gform_submit_button_1, input#gform_submit_button_2 {background-color:#0097B2; width: 100%;}
input#gform_submit_button_1:hover, input#gform_submit_button_2:hover {background-color:#E5A300;}


/*fil d'ariane*/
#breadcrumbs a, #breadcrumbs .breadcrumb_last {font-weight: 300 !important;}
p#breadcrumbs, #breadcrumbs .breadcrumb_last {color: #FFFFFF85;}

/*Icones cercle bleu et jaune formation code ccs dans page accompagnement*/
/* Accompagnement & formation*/
.font-medium {font-weight:600; font-size:16px;}
.chiffres p.elementor-counter-title {text-align: center;}

/*EFFET Flou*/
.blur{   backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px); /* Safari */}

/*lien divers*/
.tel a{color:#61666b;}
/*bouton téléchargement newsletter*/
a.bouton-download {
    background-color: #0097B2;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    color: #ffffff;
}
a.bouton-download:hover {background-color:#E5A300;}