@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: EcloLINK
 Author URI: https://eclolink.com
 Template: Divi
 Version: 1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

img {
    user-drag: none;
    -webkit-user-drag: none;
}
html {
    scroll-behavior: smooth;
}

:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}
/*some default rules for cave jc*/
@font-face {
    font-family: 'vibis_textbold';
    src: url('./font/vibis_text-bold.woff2') format('woff2'),
    url('./font/vibis_text-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'vibis_textblack';
    src: url('./font/vibis_text-black.woff2') format('woff2'),
    url('./font/vibis_text-black.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

.section-flex {
    display: flex;
}
.section-flex-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ligne-hrzntl-align.center{
    justify-content:center;
}
.ligne-hrzntl-align,
.ligne-hrzntl-align-special .et_pb_row{
    display: flex;
    flex-direction: row;
    align-items:center;
}
.ligne-vrtcl-align {
    display: flex;
    flex-direction: column;
    align-items:center;
}
.ligne-flex {
    display: flex;
}

.gap-20{
    gap:20px;
}
.gap-40{
    gap:40px;
}
.full-height-img,
.full-height-img .et_pb_image_wrap,
.full-height-img .et_pb_image_wrap img,
.full-height-module,
.full-height-module .et_pb_code_inner{

    height:100%
}
.full-height-img .et_pb_image_wrap img{
    object-fit: cover;
}

.text-center{
    text-align: center;
}

@media screen and (max-width:980px){
    .ligne-hrzntl-align,
    .ligne-flex {
        display: flex;
        flex-direction: column;
    }
    .gap-20{
        gap:10px;
    }
}

.h1,.h2{
    font-family: 'vibis_textblack', sans-serif;
}
.h3,.h4,.h5,.h6{
    font-family: 'vibis_textbold', sans-serif;
}
.h1{
    font-size: clamp(2.8125rem, 1.8531rem + 3.8374vw, 7.993rem) !important;
}

.h2{
    font-size: clamp(2rem, 1.3235rem + 2.7059vw, 5.9rem) !important;
    line-height: 1.3em;
}
.h3{
    font-size: clamp(1.4375rem, 0.9633rem + 1.8967vw, 3.998rem ) !important;
    line-height: 1.3em;
}
.h4{
    font-size: clamp(1.25rem, 0.9606rem + 1.1574vw, 2.8125rem) !important;
    line-height: 1.3em;
}
.h5{
    font-size: clamp(1.0625rem, 0.8889rem + 0.6944vw, 2rem) !important;
    line-height: 1.3em;
}
.h6{
    font-size: clamp(0.9375rem, 0.8493rem + 0.353vw, 1.414rem) !important;
    line-height: 1.3em;
}

h3,h4,h5,h6{
    line-height: 1.3em !important;
}

/*notre histoire*/

#timeline-histoire .dsm-content-timeline-content-wrapper {
    display: flex;
    flex-direction: column-reverse;
    h2{
        font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        font-size: clamp(1.25rem, 0.9606rem + 1.1574vw, 2.8125rem);
    }
}

.deco-left:after {
    content: "";
    display: block;
    height: 50px;
    width: 5px;
    background: #C18B52;
    position: absolute;
    top: 0;
    left: -25px;
}

/*background images*/
article.type-page.status-publish{
    background-repeat: no-repeat;
    background-position-x: 180%;
    background-position-y: 10vh;
    background-attachment: fixed;
}

article#post-279{
    background-image: url("/wp-content/uploads/bg-terroirs-2.svg");
}
article#post-12,article#post-209{
    background-image: url("/wp-content/uploads/fond-home.svg");
}
article#post-111{
    background-image: url("/wp-content/uploads/bg-terroirs-2.svg");
    background-repeat: no-repeat;
    background-position-x: -20%;
    background-position-y: 20vh;
    background-attachment: fixed;
}

/*fond des articles*/
.wp-singular.post-template-default.single.single-post #main-content{
    background-repeat: no-repeat;
    background-position-x: 180%;
    background-position-y: 10vh;
    background-attachment: fixed;
    background-image: url("/wp-content/uploads/bg-terroirs-2.svg");
}

.scroll-arrow-wrapper {
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
}

/* Uniquement l'animation, aucun transform de position */
.scroll-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: bounce 1.6s ease-in-out infinite;
}


/* La ligne verticale */
.scroll-arrow__line {
    width: 2px;
    height: 160px;
    background: linear-gradient(to bottom, transparent, #fff);
}

/* La tête de flèche (chevron) */
.scroll-arrow__head {
    width: 20px;
    height: 20px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    margin-top: -4px; /* chevauche légèrement la ligne */
}


@keyframes bounce {
    0%   { transform: translateY(-12px); opacity: 0.4; }
    50%  { transform: translateY(0px);   opacity: 1;   }
    100% { transform: translateY(-12px); opacity: 0.4; }
}