/*
Theme Name: Primiweb 2026
Author: Meziere Jonas
Version: 1.0
*/
:root {

    --color-primary: #7A4FB3;
    /* violet principal */
    --color-secondary: #6B7280;
    /* gris texte secondaire */
    --color-text: #111827;
    /* texte principal */
    --color-accent: #A78BFA;
    /* violet clair accent */

    --bg-main: #ffffff;
    --bg-soft: #f5f6f8;

}


body {
    font-family: 'Inter', sans-serif;
    color: #111827;
    background: #ffffff;
}

.container {
    max-width: 1100px;
}

.custom-logo {
    max-height: 80px;
    width: auto;
}

h1,
h2 {

    color: var(--color-text);
    font-weight: 600;
    letter-spacing: -1px;

}

h1 {
    font-size: 50px;
    line-height: 56px !important;
}
h4 {
    color: var(--color-primary);
}

p {

    color: var(--color-secondary);
    font-size: 18px;
    line-height: 1.7;

}


.title-gradient {


    background-image: radial-gradient(ellipse at 50% 140%, #c53c6f 0%, #bf3b87 31%, #8647b2 68%, #664ca6 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;

}


/* BTN */
.btn-primary {

    background: #111827;
    border: 0;
    color: white;

    padding: 12px 22px;
    border-radius: 30px;

}

.btn-primary:hover {

    background: #000;

}

.btn-light {

    background: #f3f4f6;
    border: 0;

    border-radius: 30px;

}


/* navbar */
.navbar {
    position: sticky;
    top: 0;
    z-index: 9999;

    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    min-height: 52px;
    padding: 0;
}

.navbar .container {
    max-width: 1200px;
    min-height: 52px;
    display: flex;
    align-items: center;
}

.navbar-nav {
    display: flex;
    align-items: center;
    gap: 28px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.navbar-nav .menu-item a {

    padding: 6px 14px;
    border-radius: 4px;

    font-size: 14px;
    font-weight: 500;

    color: #1d1d1f;
    text-decoration: none;

    transition: all .18s ease;

}

.navbar-nav .menu-item a:hover {

    background: rgba(0, 0, 0, 0.05);

}

.navbar-nav .menu-item a:hover,
.navbar-nav .current-menu-item a,
.navbar-nav .current_page_item a {
    color: var(--color-primary);
}

.navbar-brand {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.navbar-brand img,
.custom-logo {
    max-height: 60px;
    width: auto;
}