/*
 Theme Name:     Maan Restaurant
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Custom Divi theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* ===== Maan Restaurant: aanvullende CSS voor Divi 5 ===== */

/* --- Menubalk: vastgezet (zonder Divi-sticky) --- */
.maan-menubalk{position:fixed!important;background-color:transparent!important;top:0;left:0;width:100%;z-index:10010;transition:background-color .3s ease,box-shadow .3s ease}
.maan-menubalk .et_pb_menu__logo img{transition:max-height .3s ease,width .3s ease}
.et-l--header .et_builder_inner_content .et_pb_section.maan-menubalk.is-scrolled{background-image:none!important;background-color:#304027!important;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.maan-menubalk.is-scrolled .et_pb_menu__logo img{max-height:40px;width:auto}
.maan-menubalk.is-scrolled .et-menu>li>a{padding-top:10px!important;padding-bottom:10px!important}
.maan-menubalk .et-menu>li>a{transition:opacity .2s ease}
.maan-menubalk .et-menu>li>a:hover{opacity:.7}
.maan-menubalk .mobile_menu_bar:before{color:#fff!important}
.maan-menubalk .et_mobile_menu{border-top:3px solid #CC9A45}
.admin-bar .maan-menubalk{top:32px}
#exclusief,#menu-overzicht{scroll-margin-top:90px}
@media (max-width:782px){.admin-bar .maan-menubalk{top:46px}}

/* --- Bloem-achtergrond rechtsboven (secties met klasse maan-deco) --- */
.maan-deco{background-image:url(https://staging.maanrestaurant.nl/wp-content/uploads/2026/01/Group-8319.png)!important;background-repeat:no-repeat!important;background-size:24% auto!important;background-position:111% -18%!important}
@media (max-width:980px){.maan-deco{background-size:40% auto!important}}

/* --- Foto's met afronding en crème/groene schaduwblok --- */
.maan-img .et_pb_image_wrap{border-radius:15px;overflow:hidden}
.maan-img--cream .et_pb_image_wrap{box-shadow:-15px -15px 0 0 #F2F2EC}
.maan-img--mid .et_pb_image_wrap{box-shadow:-10px -10px 0 0 #7A8B61}

/* --- Gestippeld kaartje --- */
.maan-dashed{border:1px dashed #7A8B61;border-radius:10px;box-shadow:-15px -15px 0 0 #F2F2EC}

/* --- Evenementen op de homepage (Loop-carrousel; kolommen en autoplay: zie maan-menubalk.js) --- */
.maan-event{overflow:hidden;box-sizing:border-box}
.maan-event .et_pb_heading,.maan-event .et_pb_heading *{text-align:center}
.maan-event .et_pb_heading *,.maan-event .maan-event__tekst,.maan-event .maan-event__tekst *{text-shadow:0 1px 8px rgba(0,0,0,.6)}
.maan-event .maan-event__tekst{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.maan-event .et_pb_button{transition:background-color .2s ease}
.maan-event .et_pb_button:hover{background-color:#fff!important;opacity:.9}
@media (max-width:767px){.maan-event{min-height:380px!important}}

/* Pijlen naast de kaarten (buiten de afbeeldingen) en meer ruimte onder de kaarten voor de stippen */
.maan-events[data-maan-scroll]{padding-left:64px;padding-right:64px;box-sizing:border-box}
.maan-events .et_pb_group_carousel_arrow{top:calc(50% - 14px)!important;transform:translateY(-50%);z-index:5}
.maan-events .et_pb_group_carousel_arrow .et-pb-icon{color:#304027}
.maan-events .et_pb_group_carousel_arrow:hover .et-pb-icon{color:#7A8B61}
.maan-events .et_pb_group_carousel_dots{margin-top:32px}
.maan-events .et_pb_group_carousel_dot{width:12px;height:12px}
@media (max-width:767px){
  .maan-events[data-maan-scroll]{padding-left:0;padding-right:0}
  .maan-events .et_pb_group_carousel_arrow{width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);display:flex!important;align-items:center;justify-content:center}
  .maan-events .et_pb_group_carousel_arrow .et-pb-icon{font-size:32px;width:32px;height:32px;line-height:32px}
}

/* --- Menukaartjes en lichtbox (stond eerder in de Divi-opties van live) --- */
.kaartje .et_pb_lightbox_image{border-radius:10px;border:1px solid #7A8B61;padding:5px 15px;cursor:pointer;font-family:'Playfair Display',Georgia,"Times New Roman",serif;font-size:20px;color:#304027;background-color:#ffffff}
.kaartje a.menu-lightbox-trigger.et_pb_button{display:inline-block;white-space:nowrap;line-height:1.7em;vertical-align:middle;padding:0px 15px!important}
.kaartje a.menu-lightbox-trigger.et_pb_button:after{display:none!important}
.kaartje .et_pb_button:hover,.kaartje .et_pb_module .et_pb_button:hover{padding:5px 15px!important;border:1px solid #7A8B61;background-color:#ffffff!important}
.menu-lightbox{position:fixed;inset:0;display:none;z-index:2147483647}
.menu-lightbox.is-open{display:block}
.menu-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85)}
.menu-lightbox__img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:95vw;max-height:90vh;height:auto;width:auto}