/*
Theme Name: SMMALEAD & AURALINK IA 
Theme URI: https://www.smmalead.com/
Author: SMMALEAD
Author URI: https://www.smmalead.com/
Description: Thème WordPress sur mesure conçu par l'agence SMMALEAD pour des performances optimales, une rentabilité maximale et une expérience utilisateur professionnelle. Idéal pour les sites vitrines, les agences marketing, et les projets web axés résultats.
Version: 1.0
Tested up to: 6.8
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, responsive, performance-optimized, seo-friendly, flexible-layout, modern-design, fast-loading, translation-ready
Text Domain: smmalead

Ce thème est développé par SMMALEAD et respecte la licence GPL. Utilisez-le pour bâtir un site performant, professionnel et unique.
*/

:root {
    /* Si vous n'avez pas encore défini votre variable d'accent */
    --accent-color: #a389ff; 
}

.service-price {
    display: inline-block;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--accent-color); /* Utilisation du violet pour attirer l'œil */
    margin-bottom: 8px;
    font-weight: 600;
    opacity: 0.9;
}

.service-title {
    margin-top: 0; /* Pour bien coller au prix */
}

.valide_input{
    border-bottom: 1.5px solid #ef0f24 !important;

}

.show_200{
  display: block !important; 
}

.hide_200{
  display: none !important;
}

#contact-form{
  position: relative;
}

#prelodergif {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff57;
    text-align: center;
    right: 0;
    padding-top: 32%;
}
#prelodergif .img_gif {
  position: absolute;
    left: 0;
    text-align: center;
    bottom: 30%;
    left: 40%;
    width: 100%;
}
#prelodergif .img_gif img{
  width: 80px;
  height: auto;
}
.sucu{
    padding: 10px 15px;
    margin: 20px auto;
}
.sucu p{
  text-align: center;
  margin:0px;
  color: #faf5f5;
}
#contact-form .sucu p{
  text-align: center;
  margin:0px;
  color: #faf5f5;
}

#contact-form .erorr{
  text-align: center;
  background-color: #d35400;
padding: 10px 15px;
    width: max-content;
    margin: 20px auto;
}

#contact-form .erorr p{
  text-align: center;
  margin:0px;
  color: #faf5f5;
}
.alert-success {
    color: #0f5132;
    background-color: #198754;
    border-color: #badbcc;
}

.contact-form-wrapper form {
    padding: 15px;
}
.contact-infos .glass-panel {
    padding: 15px;
}


.featured-article .article-image-wrapper {
    height: 100%;
    min-height: 300px;
    padding: 20px;
}
.article-card:hover .article-image-wrapper img, .featured-article:hover .article-image-wrapper img {
    transform: inherit;
}