/*
 Theme Name:   Focus
 Theme URI:    https://www.phare-web.com/
 Description:  Un thème enfant focalisé sur l'essentiel
 Author:       Phare Web
 Author URI:   https://www.phare-web.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
 GitHub Theme URI: https://github.com/PhareWeb/focus-theme
 GitHub Plugin URI: https://github.com/PhareWeb/focus-theme
*/


:root {
    --base-radius: 1rem; /* Ajuster le radius */
    --shadow-intensity: 1.5; /* Ajuster l'intensité de l'ombre */
    --h100: 100px;
    --h150: 150px;
    --h200: 200px;
    --h250: 250px;
    --h300: 300px;
    --h350: 350px;
    --h400: 400px;
    --h450: 450px;
    --h500: 500px;
    --h550: 550px;
    --h600: 600px;
    --h700: 700px;
    --h800: 800px;
}

.layout-default{
    max-width: 1280px;
    padding: 0 20px;
}

.radius,
.bricks-button,
input[type=email],
input[type=text],
input[type=number],
input[type=tel],
textarea,
select,
.pricing-tables .pricing-table,
.brxe-icon-box .icon{border-radius: calc(var(--base-radius) + 0.1rem * var(--scale-factor));}

.rounded-s,
.bricks-button,
input[type=email],
input[type=text],
input[type=number],
input[type=tel],
textarea,
select,
.brxe-icon-box .icon{--scale-factor: 1;}


.pricing-tables .pricing-table{--scale-factor: 4;}

input[type=email],
input[type=text],
input[type=number],
input[type=tel],
textarea,
select{outline: none !important;}

input[type=email]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=tel]:focus,
textarea:focus,
select:focus{border-color: var(--bricks-color-pcltbt) !important;}

.rounded-md{--scale-factor: 4;}
.rounded-l{--scale-factor: 8;}
.rounded-xl{--scale-factor: 16;}

.shadow{
    box-shadow: 
        calc(0rem * var(--shadow-intensity)) calc(0.2rem * var(--shadow-intensity)) 
        calc(1.5rem * var(--shadow-intensity)) rgba(0, 0, 0, 0.2)
}
.no-shadow{box-shadow: none;}


#footerSocial.brxe-social-icons span{display: none;}
#footerSocial .repeater-item:hover .icon{color:var(--bricks-color-ifocxe);}