/*
Theme Name: Permis Express EU
Theme URI: https://permis-express.eu
Author: Permis Express EU
Author URI: https://permis-express.eu
Description: Thème WordPress personnalisé développé pour la plateforme Permis Express EU.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: permis-express-eu
*/

/*
=========================================
Variables globales
=========================================
*/

:root {

    --primary-color: #0057A8;
    --secondary-color: #FFD700;
    --dark-color: #111827;
    --light-color: #F8FAFC;
    --text-color: #374151;

    --container-width: 1200px;

    --radius-small: 8px;
    --radius-medium: 16px;
    --radius-large: 24px;

}


/*
=========================================
Reset de base
=========================================
*/

*,
*::before,
*::after {

    box-sizing: border-box;

}


html {

    scroll-behavior: smooth;

}


body {

    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    color: var(--text-color);

    background:
        #ffffff;

}


/*
=========================================
Conteneur principal
=========================================
*/

.container {

    width: min(
        90%,
        var(--container-width)
    );

    margin-inline: auto;

}

/*
====================================================
ANTI DÉBORDEMENT GLOBAL
====================================================
*/

html,
body{
    width:100%;
    max-width:100%;
    overflow-x:hidden;
}

*,
*::before,
*::after{
    box-sizing:border-box;
    max-width:100%;
}

img,
svg,
video,
canvas,
iframe{
    display:block;
    max-width:100%;
    height:auto;
}

.container{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0 20px;
}

section{
    position:relative;
    overflow:hidden;
}

.row,
[class*="grid"]{
    width:100%;
}

.card,
.hero-card,
.legal-card,
.value-card,
.team-card,
.stat-card,
.contact-card,
.faq-card{
    width:100%;
    overflow:hidden;
}

table{
    display:block;
    width:100%;
    overflow-x:auto;
}

pre,
code{
    white-space:pre-wrap;
    word-break:break-word;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
span{
    overflow-wrap:break-word;
    word-wrap:break-word;
}

@media (max-width:768px){

    .container{
        padding-left:18px;
        padding-right:18px;
    }

    body{
        overflow-x:hidden;
    }

}