/*
Theme Name:        OCI WEB
Theme URI:         https://oci.fr
Description:       Thème enfant de Hello Elementor. Les personnalisations (CSS, PHP, JS) placées ici sont conservées lors des mises à jour du thème parent.
Author:            OCI
Author URI:        https://oci.fr
Template:          hello-elementor
Version:           1.0.0
Requires at least: 6.0
Requires PHP:      7.4
License:           GNU General Public License v3 or later
License URI:       https://www.gnu.org/licenses/gpl-3.0.html
Text Domain:       oci-web
*/

/* ==========================================================================
   Styles personnalisés OCI WEB
   Ce fichier est chargé après les styles de Hello Elementor.
   ========================================================================== */

/* Variables data URI (--cl-px, --cl-tete…) : définies dans le CSS personnalisé du Kit Elementor (sélecteur body). */

/* Fonds décoratifs multicouches (data URI via variables) */
.elementor .cl-bg-hero { background: var(--cl-mosaique) no-repeat 50% 40% / 35% auto, linear-gradient(84deg, #191f39 2%, #525597 66%, #4f56a1 100%); }
.elementor .cl-bg-offre { background: var(--cl-px) no-repeat right -455px top -70px / 600px auto, var(--cl-px) no-repeat -420px bottom / 600px auto; }
.elementor .cl-bg-cta { background: var(--cl-tetes) no-repeat center / 80% auto, linear-gradient(180deg, #3d3170 0%, #babddd 100%); }
.elementor .cl-bg-tabs { background: var(--cl-px) no-repeat 50% 60% / contain; }
.elementor .cl-bg-chiffres { background: var(--cl-px) no-repeat 61% 39% / 68% auto, linear-gradient(84deg, #191f39 2%, #525597 66%, #4f56a1 100%); }
.elementor .cl-bg-contact { background: var(--cl-px) no-repeat right -395px top 60% / 600px auto, var(--cl-px) no-repeat -420px bottom / 600px auto; }
.elementor h2.cl-bg-pix { background: var(--cl-pix-small) no-repeat left center / 50px auto; }

/* Accordéon check */
.elementor .cl-tab-5 { --tab-ico: url('https://cloudeo2.swebwp.oci.eu/wp-content/uploads/2026/10/v4-icon-check-circle.svg')}
.elementor .cl-tab.cl-tab-5:before {width:20px}

/* Effet hover sur les cartes violettes */
.card-violet:hover .card-txt-darkBG, .card-violet:hover .card-title-darkBG {
  color:#3d3170;
}