/* ============ FONTS ============ */
@font-face{
    font-family:'ALWAYS ARABIC';
    src:url('https://bloc.lavachequirit.ma/assets/fonts/ALWAYSARABIC.woff2') format('woff2'),
        url('https://bloc.lavachequirit.ma/assets/fonts/ALWAYSARABIC.woff') format('woff'),
        url('https://bloc.lavachequirit.ma/assets/fonts/ALWAYSARABIC.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face{
    font-family:'Bahij Myriad Arabic';
    src:url('https://bloc.lavachequirit.ma/assets/fonts/BahijMyriadArabic.woff2') format('woff2'),
        url('https://bloc.lavachequirit.ma/assets/fonts/BahijMyriadArabic.woff') format('woff'),
        url('https://bloc.lavachequirit.ma/assets/fonts/BahijMyriadArabic.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}

/* ============ RESET EVERYTHING ============ */
html,body{margin:0!important;padding:0!important}
html{overflow-x:hidden!important;overflow-y:scroll!important}
body{
    direction:rtl!important;
    background-color:#080403!important;
    background-image:url('https://bloc.lavachequirit.ma/wp-content/uploads/2026/06/background-scaled.png')!important;
    background-repeat:repeat!important;
    background-size:contain!important;
    font-family:'Bahij Myriad Arabic',sans-serif!important;
    color:#fff!important;
    overflow-x:hidden!important;
}
*,*:before,*:after{box-sizing:border-box}
img{max-width:100%;height:auto;display:block;border:none}
a{text-decoration:none;transition:all .3s}
a:hover{text-decoration:none}

/* ============ CONTAINER ============ */
#container{
    direction:rtl;
    background:transparent;
    min-height:2000px;
    overflow:hidden;
    padding:180px 0 0 0;
}
#container .no-padding{padding:0!important}

/* ============ NAVBAR ============ */
#container #menu-top{
    background-color:#000000;
    transition:all .5s ease;
    position:fixed;top:0;width:100%;z-index:9999;
}
#container #menu-top .navbar{
    background:none!important;margin:0!important;border:none!important;
    direction:rtl;min-height:auto;
}
#container #menu-top .navbar-header{float:right}
#container #menu-top .navbar-brand{float:right;padding:10px 15px}
#container #menu-top #logo-mobile{display:none;height:60px;width:auto}
#container #menu-top #logo{display:block;height:60px;width:auto}
#container #menu-top #navbar{direction:rtl}
#container #menu-top #navbar .nav.navbar-nav{float:right}
#container #menu-top #navbar .nav.navbar-nav>li{float:right}
#container #menu-top #navbar .nav.navbar-nav>li a{
    cursor:pointer;color:#fff!important;
    font-family:'ALWAYS ARABIC',sans-serif;font-weight:normal;font-size:18px;
    padding:20px 10px;
}
#container #menu-top #navbar .nav.navbar-nav>li.dropdown{padding-top:20px}
#container #menu-top #navbar .nav.navbar-nav>li.dropdown .dropdown-menu{left:auto;right:0}
#container #menu-top #navbar .navbar-nav>li>.dropdown-menu{background:#000000!important}
#container #menu-top #navbar .navbar-nav>li>.dropdown-menu li a{
    text-align:right;color:#f0d55f!important;
    font-family:'ALWAYS ARABIC',sans-serif;font-size:18px;
    padding:8px 20px;white-space:normal;
}
#container #menu-top #navbar .navbar-nav>.active>a,
#container #menu-top #navbar .navbar-nav>.active>a:focus,
#container #menu-top #navbar .navbar-nav>.active>a:hover{background:none!important}
#container #menu-top .navbar-default .navbar-nav>.open>a,
#container #menu-top .navbar-default .navbar-nav>.open>a:focus,
#container #menu-top .navbar-default .navbar-nav>.open>a:hover{background:none!important}
#container #menu-top .dropdown-menu>li>a:focus,
#container #menu-top .dropdown-menu>li>a:hover{background:rgba(255,255,255,.15)!important}
#container #menu-top .navbar-toggle{
    border-color:#fff;margin-top:38px;float:left;margin-left:15px;
}
#container #menu-top .navbar-toggle .icon-bar{background:#fff}
#container #menu-top .navbar-toggle:hover,
#container #menu-top .navbar-toggle:focus{background:rgba(255,255,255,.2)!important}
#container #menu-top .caret{margin-right:5px}

@media(max-width:767px){
    #container #menu-top .navbar{min-height:100px}
    #container #menu-top .navbar-brand{float:right}
    #container #menu-top .navbar-brand #logo-mobile{display:block!important}
    #container #menu-top #logo{display:none!important}
    #container #menu-top .navbar-default .navbar-collapse{border:none;box-shadow:none}
    #container #menu-top .navbar-collapse{background:#000000;border:none;max-height:80vh;overflow-y:auto}
    #container #menu-top #navbar .nav.navbar-nav{float:none!important;margin:0}
    #container #menu-top #navbar .nav.navbar-nav>li{float:none!important;display:block;width:100%}
    #container #menu-top #navbar .nav.navbar-nav>li>a{
        padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);
    }
    #container #menu-top #navbar .nav.navbar-nav>li.dropdown{
        display:block;width:100%;padding-top:10px;
    }
    #container #menu-top .dropdown-menu{
        position:static!important;float:none!important;width:100%;
        box-shadow:none;background:rgba(0,0,0,.15)!important;
    }
    #container #menu-top .navbar-toggle{margin-top:38px}
}

/* ============ HEADER ============ */
header{text-align:center;padding:0 20px}
header h1{
    font-family:'ALWAYS ARABIC',sans-serif;font-weight:normal;font-style:normal;
    font-size:38px;color:#fff;
}
#container span.txt-fr{font-family:calibri,sans-serif;font-weight:bold}
header h2{
    font-family:'ALWAYS ARABIC',sans-serif;font-weight:normal;font-style:normal;
    font-size:37px;color:#fff;margin:24px 0;
}
header img#img-pack{max-width:250px}

@media(max-width:990px){
    header h1{font-size:50px;max-width:70%;margin:auto}
}
@media(max-width:770px){
    header h1{font-size:40px;max-width:70%;margin:auto}
    header h2{font-size:8vw}
}

/* ============ CONTENT ============ */
.content{padding:30px 0}

/* ============ RECIPE CARDS ============ */
.content-recette{
    display:inline-block;
    background-color:#000;
    overflow:hidden;
    margin:0 auto 47px;
    width:95%;
}
.content-recette:after{content:'';display:table;clear:both}

/* ★ FIX BANDE ROUGE ★ */
.content-recette>.col-md-3 .ingredients{
    margin-bottom:-99999px;
    padding-bottom:99999px;
}

.img-resultat{width:100%}
.recette-img{padding:14px}
.recette-img h4{
    color:#fde057;font-family:'ALWAYS ARABIC',sans-serif;
    font-weight:normal;font-size:28px;line-height:1.6;
}
.recette-img h6{
    color:#fff;font-family:'ALWAYS ARABIC',sans-serif;
    font-weight:normal;font-size:33px;margin:36px 0 17px;
}
.recette-img p{
    color:#fff;font-family:'Bahij Myriad Arabic',sans-serif;
    font-weight:normal;font-size:17px;line-height:1.8;
}
.recette-img p strong{color:#f0d55f;margin:0 0 7px 0}

/* ============ VIDEO ============ */
.content-recette-video{position:relative}
.content-recette-video a.media{cursor:pointer}
.content-recette-video a.media img{transform:scale(1);transition:.3s ease-in-out}
.content-recette-video a.media:hover img{transform:scale(1.08)}
.content-recette-video span{
    color:#fff;font-family:'ALWAYS ARABIC';font-size:38px;
    display:block;width:100%;max-width:500px;position:absolute;
    right:0;left:0;top:50%;transform:translateY(-50%);margin:auto;
}

/* ============ INGREDIENTS ============ */
.ingredients{
    background-color:#a51b1e;
    min-height:100%;
}
.ingredients h4{
    padding:0 14px;font-family:'ALWAYS ARABIC',sans-serif;
    font-weight:normal;font-size:28px;color:#fff;
}
.ingredients p{
    padding:0 14px;color:#fff;
    font-family:'Bahij Myriad Arabic',sans-serif;
    font-weight:normal;font-size:17px;line-height:2;
}

/* ============ BADGE DYNAMIQUE ============ */
.badge-container{
    position:relative;
    width:100%;
    padding:10px 0;
    text-align:center;
}
.badge-container .badge-icons{
    width:80%;
    max-width:180px;
    padding:0;
    display:block;
    margin:0 auto;
}
.badge-values{
    display:flex;
    justify-content:space-around;
    align-items:center;
    width:80%;
    max-width:180px;
    margin:0 auto;
    padding:5px 0;
    direction:ltr;
}
.badge-val{
    color:#fde057;
    font-family:'Bahij Myriad Arabic',sans-serif;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    flex:1;
}

/* ============ WHATSAPP ============ */
.ingredients a.share-whatsapp{
    background-image:url('https://bloc.lavachequirit.ma/wp-content/uploads/2026/06/background-cta-whatsapp.png');
    background-repeat:no-repeat;background-size:100%;
    margin:28px auto 0;color:#fde057;
    font-family:'ALWAYS ARABIC',sans-serif;font-weight:normal;font-size:28px;
    padding:5px 9px;display:block;text-decoration:none;
}
.ingredients a.share-whatsapp:hover{color:#fff}
.ingredients a.share-whatsapp img{padding:0 0 5px 0;display:inline;width:28px}

/* ============ SIDEBAR ============ */
#cta-download{display:block;margin-bottom:19px}
.popup-video{margin:19px 0;cursor:pointer;display:block}

/* ============ RESPONSIVE ============ */
@media(max-width:770px){
    .img-resultat{width:100%}
    .ingredients a.share-whatsapp{background-position:center;background-size:auto}
    #cta-download img{margin:auto;display:block}
    .popup-video img{margin:auto;display:block}
}
@media(max-width:767px){
    .content{padding:14px}
    .content-recette{
        margin-bottom:19px;
        width:100%;
    }
    .content-recette>.col-md-3 .ingredients{
        margin-bottom:0;
        padding-bottom:19px;
    }
    .badge-container .badge-icons{width:60%;max-width:150px}
    .badge-values{width:60%;max-width:150px}
    .badge-val{font-size:13px}
}