/* +P
  __      ____
 /\ \    /\  _`\  
 \_\ \___\ \ \L\ \
/\___  __\\ \ ,__/
\/__/\ \_/ \ \ \/ 
    \ \_\   \ \_\ 
     \/_/    \/_/ 
     plusproduit.com
     
     plusb theme DEMO 2025.10.07
*/

:root {
    /* Typo --------- */
    --bs-body-font-family: aktiv-grotesk, sans-serif;
    --p-alt-font-family: roc-grotesk-wide, sans-serif;
    --p-alt-font-weight: 500;

    /* Colors --------- */
    --bs-body-color: #4c4945;
    --bs-body-color-rgb: 76, 73, 69;
    --bs-body-bg: #fdf0d5;
    --bs-body-bg-rgb: 253, 240, 213;
    --bs-primary: #c1121f;
    --bs-primary-rgb: 193, 18, 31;
    --bs-secondary: #780000;
    --bs-secondary-rgb: 120, 0, 0;
    --bs-dark: #082838;
    --bs-dark-rgb: 8, 40, 56;
    --bs-light: #fdf0d5;
    --bs-light-rgb: 253, 240, 213;

    /* Borders */
    --bs-border-width: 3px;
    /* --bs-border-radius: 0; */
}


/* #region STRUCTURE */

.region-highlighted {
    position: relative;
}

/* HEADER qui se cache */
.js .p-scrolldown .site-header {
    transform: translateY(-100%);
}

/* #region PAGE */

.page-node-type-page .page-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15vh;
}

/* #endregion */


/* #region ARTICLE */

.p-article {
    position: relative;
}

.p-date {
    position: absolute;
    left: 0;
    top: 0;
    color: var(--bs-light);
    font-size: 3rem;
    font-family: var(--p-alt-font-family);
    font-weight: var(--p-alt-font-weight);

    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

.p-zoom-img {
    position: relative;
    overflow: hidden;
}

.p-zoom-img img {
    transform: scale(1.01);
    will-change: transform;
    transition: transform 1s;
}

.p-zoom-img:hover img {
    transform: scale(1.2);
}

/* #endregion */


/* #endregion */


/* #region TYPO */

h1 {
    font-size: 4rem;
    line-height: 1.1;
    font-family: var(--p-alt-font-family);
    font-weight: var(--p-alt-font-weight);
    margin-bottom: .5em;
}

h2 {
    font-size: 3rem;
    line-height: 1.1;
    font-family: var(--p-alt-font-family);
    font-weight: var(--p-alt-font-weight);
    margin-bottom: .5em;
}

.lead {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 1em;
    font-weight: 300;
}

/* #endregion */


/* #region NAV */

.region-offcanvas .menu--main {
    font-size: 2rem;
    font-family: var(--p-alt-font-family);
    font-weight: var(--p-alt-font-weight);
}

.region-offcanvas .menu--main .nav-link {
    opacity: .7;
}

.region-offcanvas .menu--main .nav-link.active,
.region-offcanvas .menu--main .nav-link.is-active,
.region-offcanvas .menu--main .nav-link:hover {
    opacity: 1;
}

/* #endregion */


/* #region BANNER Parallax bg */

.p-parallax {
    position: relative;
    overflow: hidden;
    height: 60vh;

    /* max-height: 700px; */
}

.p-parallax img {
    position: absolute;
    display: block;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 80vh;
    /* top: 0; */
    /* bottom: 0; */
    bottom: -15vh;
    left: 0;
    right: 0;

    /* max-height: 900px; */
}

/* #endregion */

.btn {
    --bs-border-radius: .5rem;
    --bs-btn-padding-x: 1.5em;
    --bs-btn-padding-y: 1em;
    --bs-btn-font-size: .8rem;
    --bs-btn-font-weight: var(--p-body-font-strong-weight);
    text-transform: uppercase;
    letter-spacing: .2em;
}

.ds-2col-fluid .p-texte-bloc {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 15%;
}