/*
Theme Name: Atoo Next Child
Template: atoo-next
Author: L'équipe Abtel
Author URI: https://abtel.fr
Description: Thème enfant de Atoo Next. Personnalisez ici sans modifier le thème parent.
Version: 1.0.0
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Text Domain: atoo-next-child
*/
a{
    text-decoration:none;
}
/* Hero home */
.hero-home{
    background-size: 50%;
    background-position:0 0;
}
/*========================= MENU ===========================*/
.border-col-1{
    border-left:3px solid var(--wp--preset--color--custom-primary)!important;
}
.border-col-1 .mega-menu-title{
    color: var(--wp--preset--color--custom-primary)!important;
}
.border-col-1 .mega-sous-menu-title > a{
    color: var(--wp--preset--color--custom-primary)!important;
    /*border-bottom:1px solid #777!important;*/
}
.border-col-2{
    border-left:3px solid var(--wp--preset--color--custom-compl-mentaire)!important;
}
.border-col-3{
    border-left:3px solid var(--wp--preset--color--custom-triadique-2)!important;
}
.border-col-4{
    border-left:3px solid var(--wp-preset--color--custom-secondary)!important;
}




/* Tuiles */
.tuile-produit{
    border:1px solid;
    border-radius:6px;
    width:100%;
    min-height:270px!important;
}
.tuile-produit .product-description{
    /*font-size: clamp(14px,1vw,16px)!important;*/
    /*line-height: 1.3em;*/
    margin-bottom:10px;
}
.tuile-produit a{
    text-decoration:none;
}
.tuile-produit hr{
    opacity:0;
}
/* Border color */
.tuile-produit.atoo-sync{
    border-color:var(--wp--preset--color--custom-primary);

}
.tuile-produit.sur-mesure{
    border-color:var(--wp--preset--color--custom-triadique-2);

}
.tuile-produit.wise-up{
    border-color:var(--wp--preset--color--custom-compl-mentaire);

}
/* Tuile color */
.tuile-produit.sur-mesure{
    background-color:var(--wp--preset--color--custom-triadique-2);
    color:white;

}
/* Tuile hover */
.tuile-produit.atoo-sync:hover{
    background-color:var(--wp--preset--color--custom-primary-light);

}
.tuile-produit.sur-mesure:hover{
    background-color:var(--wp--preset--color--custom-triadique-2);

}
.tuile-produit.wise-up:hover{
    background-color: color-mix(in srgb, var(--wp--preset--color--custom-compl-mentaire) 7%, transparent);

}
/* Tuile title color */
.tuile-produit.atoo-sync .solution-name{
    color: var(--wp--preset--color--custom-primary);
}
/* Tuile a color */
.tuile-produit.atoo-sync .product-name a{
    color: var(--wp--preset--color--custom-primary);

}
/* Boutons */
/* Bouton bleu obtenir une demo */
.bt-obtenir-demo {
    background-color: var(--wp-preset--color--custom-secondary);
    transition: gap 0.25s ease, background-color 0.25s ease;
}

.bt-obtenir-demo a::after {
    content: '→';
    display:inline-block;
    right:0;
    width:30px;
    height:30px;
}

.bt-obtenir-demo a:hover {
    background-color: color-mix(in srgb, var(--wp--preset--color--custom-primary) 85%, transparent)!important;
    transition: transform 0.25s ease;
}

.bt-obtenir-demo a:hover::after {
    transform: translateX(6px);
    transition: transform 0.25s ease;
}
/*========================= FOOTER  ===========================*/

footer h2{
    font-size: calc(var(--wp--preset--font-size--x-large) * 0.675);
}
footer ul{
    margin:0;
    padding:0;
    list-style:none;
}
/* Responsive */
@media screen and (min-width: 558px) {
    /*.tuile-produit{*/
    /*    width:49%;*/
    /*    min-height:190px!important;*/
    /*}*/
}
@media screen and (min-width: 900px) {
    /*.tuile-produit{*/
    /*    width:32.3%;*/
    /*    min-height:240px!important;*/
    /*}*/
}
@media screen and (min-width: 1200px) {
    /*.tuile-produit{*/
    /*    width:24.3%;*/
    /*}*/
    .col-titre{
        max-width:25%;
    }
    .col-max-tiers{
        max-width:32%;
    }
    /*.col-list{*/
    /*    min-width:max-content;*/
    /*}*/
}