/*
Theme Name: Stucca
Theme URI: https://www.stucca.be
Author: Stucca
Description: Blokthema voor Stucca, nagebouwd op de vroegere Betheme/Elementor-look. Werkt volledig met de blokeditor (Gutenberg).
Version: 1.0.0
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: stucca
*/

/* ---------- Header ---------- */
.stucca-header{position:sticky;top:0;z-index:50;box-shadow:0 0 1px rgba(0,0,0,.06)}
body.admin-bar .stucca-header{top:32px}
@media (max-width:782px){body.admin-bar .stucca-header{top:46px}}
.stucca-header .wp-block-site-logo img{height:60px;width:auto}
.stucca-header .wp-block-navigation .wp-block-navigation-item__content{padding:0 14px;line-height:60px;color:#0a0a0a}
.stucca-header .wp-block-navigation .wp-block-navigation-item{border-left:1px solid #f2f2f2}
.stucca-header .wp-block-navigation .wp-block-navigation-item:last-child{border-right:1px solid #f2f2f2}
.stucca-header .wp-block-navigation .current-menu-item>.wp-block-navigation-item__content,
.stucca-header .wp-block-navigation .wp-block-navigation-item__content:hover{background:#f2f2f2;text-decoration:none}
.stucca-header .wp-block-navigation__responsive-container.is-menu-open{background:#000;color:#fff}
.stucca-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item{border:0}
.stucca-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{color:#fff;line-height:2.4;padding:0}
.stucca-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover{background:none}

/* ---------- Paginatitel (subheader) ---------- */
.stucca-subheader .stucca-breadcrumbs{font-size:15px;margin:10px 0 0;color:#fff;text-align:center}
.stucca-subheader .stucca-breadcrumbs a{color:rgba(255,255,255,.6);text-decoration:none}
.stucca-subheader .stucca-breadcrumbs a:hover{color:#fff}
.stucca-subheader .stucca-breadcrumbs .sep{margin:0 12px;opacity:.6}

/* ---------- Secties en kolommen ---------- */
.mfn-section{padding-bottom:40px}
.el-section{padding-top:10px;padding-bottom:10px}
@media (max-width:781px){
  .reverse-mobile.wp-block-columns{flex-direction:column-reverse}
  .hide-mobile{display:none!important}
}
@media (min-width:782px){ .hide-desktop{display:none!important} }
.stucca-text > :first-child{margin-top:0}
.stucca-text > :last-child{margin-bottom:0}

/* ---------- Koppen ---------- */
.wp-block-heading.is-style-lined{display:flex;align-items:center;gap:30px}
.wp-block-heading.is-style-lined::before,.wp-block-heading.is-style-lined::after{content:"";flex:1 1 0;border-top:1px solid currentColor;min-width:20px}
.wp-block-heading.is-style-tagline{font-family:var(--wp--preset--font-family--roboto-slab);font-weight:300;letter-spacing:1px;color:rgba(255,255,255,.85);text-shadow:20px 0 48px rgba(0,0,0,.23)}

/* ---------- Afbeeldingen ---------- */
.wp-block-image.is-style-framed img{border:3px solid #fff}
.wp-block-image.is-style-trailer{position:relative;overflow:hidden}
.wp-block-image.is-style-trailer img{width:100%;display:block;transition:transform .4s ease}
.wp-block-image.is-style-trailer:hover img{transform:scale(1.03)}
.wp-block-image.is-style-trailer figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:20px 15px 35px;color:#fff;font-size:18px;line-height:30px;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.35),rgba(0,0,0,0))}
.mfn-section .wp-block-image img{max-width:100%;height:auto}

/* ---------- Icoonblokken (contact) ---------- */
.stucca-iconbox{text-align:center}
.stucca-iconbox .stucca-icon{display:flex;justify-content:center;margin-bottom:25px}
.stucca-iconbox .stucca-icon svg{width:50px;height:50px;color:#0089f7}
.stucca-iconbox .wp-block-heading{color:#0089f7;margin-bottom:15px}
.stucca-iconbox p{margin:0}

/* ---------- FAQ (accordeon) ---------- */
.stucca-accordion{display:flex;flex-direction:column;gap:6px}
.stucca-accordion .wp-block-details{background:#fff;color:#070707;border-radius:3px;margin:0}
.stucca-accordion .wp-block-details summary{font-weight:700;font-size:13px;padding:13px 20px 13px 50px;position:relative;list-style:none;cursor:pointer;background:#f8f8f8;border-radius:3px}
.stucca-accordion .wp-block-details summary::-webkit-details-marker{display:none}
.stucca-accordion .wp-block-details summary::before{content:"+";position:absolute;left:0;top:0;bottom:0;width:36px;display:flex;align-items:center;justify-content:center;border-right:1px solid rgba(0,0,0,.08);font-weight:400;color:#999}
.stucca-accordion .wp-block-details[open] summary::before{content:"–";color:#070707}
.stucca-accordion .wp-block-details > :not(summary){padding:0 20px;margin:15px 0}
.stucca-accordion .wp-block-details[open]{padding-bottom:5px}

/* ---------- Knoppen ---------- */
.wp-block-button__link{transition:background-color .2s ease}

/* ---------- Social ---------- */
.wp-block-social-links.is-style-default .wp-social-link-facebook{background:#3b5998}

/* ---------- Mobiel: Betheme verkleinde de tekst op kleine schermen ---------- */
@media (max-width:767px){
  :root body{font-size:13px;line-height:19px}
  :root h1,:root .wp-block-post-title{font-size:30px;line-height:36px}
  :root h2{font-size:24px;line-height:30px}
  :root h3{font-size:18px;line-height:24px}
  :root h4,:root h5,:root h6{font-size:13px;line-height:19px}
  .stucca-subheader .wp-block-post-title{font-size:30px!important;line-height:36px!important}
  .wp-block-heading.is-style-lined{flex-direction:column;gap:25px}
  .wp-block-heading.is-style-lined::before,.wp-block-heading.is-style-lined::after{width:100%;flex:none}
  .wp-block-image.is-style-trailer figcaption{font-size:13px;line-height:19px;padding:15px 10px 20px}
  .stucca-header .wp-block-site-logo img{height:50px}
}
@media (max-width:599px){
  .stucca-header > .wp-block-group{justify-content:center!important;position:relative}
  .stucca-header .wp-block-navigation{position:absolute;right:0;top:50%;transform:translateY(-50%)}
}