/*
Theme Name: Barber Ferit
Author: Zekerhost
Version: 1.0.4
Requires at least: 6.0
Requires PHP: 7.4
Description: Beheerbare Barber Ferit theme met slider, prijzen, team, galerij en Elementor ondersteuning.
Text Domain: barber-ferit
*/
*{box-sizing:border-box}body{margin:0;color:#444;background:white;font:15px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;vertical-align:middle}button,input{font:inherit}button{cursor:pointer}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.25}h1{font-size:34px}h2{font-size:26px}h3{font-size:23px}.wrap{width:min(1170px,calc(100% - 40px));margin:auto}.topbar{background:#1b1b1b;color:#ddd;font-size:12px;padding:7px 0}.topbar .wrap{display:flex;gap:35px}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.admin-bar .site-header{top:32px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:100px}.brand img,.custom-logo{width:var(--logo-width);max-width:250px}.custom-logo-link{flex-shrink:0}nav{display:flex;align-items:center;gap:25px}.menu{display:flex;list-style:none;margin:0;padding:0;gap:25px}.menu li{position:relative}.menu a,.booking{font:700 13px Georgia,serif;display:block;padding:22px 0}.menu a:hover,.current-menu-item>a{color:var(--accent)}.menu .sub-menu,.menu .children{display:none;list-style:none;position:absolute;left:0;top:100%;padding:10px 20px;min-width:200px;background:#222;color:#fff;box-shadow:0 10px 25px #0002}.menu li:hover>ul,.menu li:focus-within>ul{display:block}.menu ul a{padding:10px 0}.menu ul ul{left:100%;top:0}.menu-item-has-children>a:after,.page_item_has_children>a:after{content:' ▾';font-size:11px}.menu-toggle{display:none}.slider{height:var(--slider-height);position:relative;background:#222;overflow:hidden}.slide{position:absolute;inset:0;opacity:0;transition:opacity 1s;pointer-events:none}.slide.active{opacity:1;pointer-events:auto}.slide>img{height:100%;width:100%;object-fit:cover;filter:brightness(.65)}.slide.active>img{animation:zoom 9s ease-out both}.slide-text{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:white;padding:50px}.slide-text h1{font-size:52px;margin:0}.slide-text p{max-width:600px;font-size:20px}.slide-text h1:empty,.slide-text p:empty{display:none}.button{padding:12px 25px;background:var(--accent);color:#222}.slider>button{position:absolute;z-index:2;background:transparent;border:0;color:#fff;font-size:55px;top:43%}.slider .prev{left:20px}.slider .next{right:20px}.slider .pause{top:auto;bottom:15px;right:25px;font-size:18px}.home-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:35px;padding:55px 0}.home-columns h2,.home-team h2{padding-bottom:14px;border-bottom:2px solid #eee;position:relative;margin-top:0}.home-columns h2:after,.home-team h2:after{content:'';position:absolute;bottom:-2px;left:0;width:30px;height:2px;background:var(--accent)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-grid a{overflow:hidden}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}.gallery-grid a:hover img{transform:scale(1.06)}.promo{margin-top:20px;padding:35px 25px;background:#f6f6f1;text-align:center;font-size:13px}.price-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px dashed #ddd;padding:13px 0;font-size:14px}.price-row strong{color:var(--accent);white-space:nowrap}.price-row small{display:block;color:#888}.hours-band{padding:45px 0;background-size:cover;background-position:center;color:white}.hours-band h2{text-align:center;margin-top:0}.hours-circles{display:grid;grid-template-columns:repeat(7,1fr);gap:25px}.hours-circles>div{border-radius:50%;aspect-ratio:1;background:#598369;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}.hours-circles span{font-size:37px;font-weight:bold;text-transform:uppercase;line-height:1.2}.hours-circles strong{font-size:12px;font-weight:400}.welcome{padding:30px 20px;background:var(--accent);color:white;text-align:center;border:3px dashed white}.welcome h2{font-size:46px;margin:0}.welcome p{margin:0;font-size:18px}.site-footer{background:#1b1b1b;color:#eee}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding:65px 0}.site-footer .brand img,.site-footer .custom-logo{filter:brightness(0) invert(1)}.site-footer h3{font-size:20px;margin:0 0 25px}.site-footer p{font-size:14px}.site-footer a:hover{color:var(--accent)}.hours-table{background:#222;padding:15px;font-size:13px}.hours-table>div{display:flex;justify-content:space-between;gap:10px;margin:7px 0}.hours-table strong{color:var(--accent);font-weight:400;white-space:nowrap}.site-footer iframe{border:0;width:100%;height:245px}.copyright{background:#111;text-align:center;padding:25px;font-size:12px}.copyright .menu{justify-content:center;margin-top:10px}.page-heading{background:#fafafa;text-align:center;border-bottom:4px solid #eee;padding:35px 0}.page-heading h1{margin:0 0 15px}.page-body,.template-body{padding-top:55px;padding-bottom:65px;min-height:350px}.page-body.with-cover{display:grid;grid-template-columns:1.35fr 1fr;gap:55px;align-items:start}.page-cover{overflow:hidden}.page-cover img{width:100%;animation:float 6s ease-in-out infinite}.entry-content:after{content:'';display:table;clear:both}.entry-content a{color:#927b20}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;text-align:center}.team-grid h3{margin:0 0 10px}.team-grid img{max-width:330px;width:100%;aspect-ratio:1;object-fit:cover}.role{color:#9b811d}.home-team{padding-bottom:55px}.page-extra{padding:40px 0}.lightbox{padding:0;border:0;background:#111;max-width:90vw;max-height:90vh}.lightbox::backdrop{background:#000c}.lightbox img{max-height:85vh;max-width:90vw;object-fit:contain}.lightbox button{position:absolute;right:8px;top:8px;border:0;background:#111;color:white;font-size:30px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;z-index:99;padding:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@keyframes zoom{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1100px){.menu,nav{gap:15px}.menu a,.booking{font-size:11px}.brand img,.custom-logo{max-width:180px}.hours-circles{gap:12px}.hours-circles span{font-size:28px}}@media(max-width:900px){.header-inner{min-height:80px}.menu-toggle{display:block;border:1px solid #ddd;background:white;padding:8px 12px}#primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 8px 15px #0002}#primary-nav.open{display:block}.menu{display:block}.menu a,.booking{font-size:14px;padding:10px 0}.menu .sub-menu,.menu .children{display:block;position:static;background:#f7f7f7;color:#444;box-shadow:none;padding:0 20px}.slider{height:420px}.footer-grid{grid-template-columns:repeat(2,1fr)}.hours-circles{grid-template-columns:repeat(4,1fr)}.hours-circles>div{max-width:140px;width:100%;justify-self:center}.page-body.with-cover{gap:30px}.gallery-grid{gap:12px}}@media(max-width:600px){.wrap{width:calc(100% - 30px)}.topbar span{display:none}.slider{height:300px}.slide-text{padding:30px 40px}.slide-text h1{font-size:30px}.slide-text p{font-size:15px}.home-columns{padding:35px 0;gap:35px}.footer-grid{grid-template-columns:1fr;padding:40px 0}.hours-circles{grid-template-columns:repeat(3,1fr)}.hours-circles span{font-size:26px}.hours-circles strong{font-size:10px}.welcome h2{font-size:30px}.welcome p{font-size:15px}.team-grid{grid-template-columns:1fr;gap:30px}.page-body.with-cover{grid-template-columns:1fr}.page-cover{order:2}.gallery-grid{grid-template-columns:repeat(2,1fr)}.home-columns .gallery-grid{grid-template-columns:repeat(4,1fr)}.price-row{font-size:13px}.admin-bar .site-header{top:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body:not(.home) .site-header{background:#222;color:white;border-bottom-color:#333}body:not(.home) .site-header .brand img,body:not(.home) .site-header .custom-logo{filter:brightness(0) invert(1)}body:not(.home) .menu-toggle{background:#222;color:white;border-color:#555}.price-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.price-layout .gallery-grid{grid-template-columns:repeat(3,1fr);gap:2px}.price-layout h2{border-bottom:2px solid #eee;padding-bottom:12px}.price-layout .bf-prices{margin-top:25px}@media(max-width:900px){body:not(.home) #primary-nav{background:#222;color:white}}@media(max-width:600px){.price-layout{grid-template-columns:1fr;gap:25px}}

/* v1.0.1: bovenbalk, groter logo/menu, heldere slider, gesloten dagen. */
.topbar{background:var(--topbar-bg,#1b1b1b);color:var(--topbar-color,#ddd)}.topbar .wrap{justify-content:space-between}.brand img,.custom-logo{width:var(--logo-width,280px);max-width:none}.header-inner>.brand,.header-inner>.custom-logo-link{flex-shrink:0}.header-inner .brand img,.header-inner .custom-logo{max-width:min(var(--logo-width,280px),30vw)}.menu a,.booking{font-size:var(--menu-size,15px)}.header-inner nav,.header-inner .menu{gap:18px}.slide>img{filter:brightness(var(--slider-brightness,.95))}.hours-circles>div.is-closed{background:#222}.hours-circles>div.is-open{background:#598369}.home-columns .gallery-grid{grid-template-columns:repeat(4,1fr);gap:20px}.home-columns .gallery-grid img{border-radius:3px}.promo{padding:45px 25px}.hours-circles>div{min-width:0}.site-footer .brand img,.site-footer .custom-logo{max-width:100%}@media(max-width:1200px){.header-inner{flex-wrap:wrap;padding:18px 0;justify-content:center}.header-inner nav{justify-content:center}.header-inner .brand img,.header-inner .custom-logo{max-width:280px}}@media(max-width:900px){.header-inner{flex-wrap:nowrap;justify-content:space-between}.header-inner .brand img,.header-inner .custom-logo{max-width:min(var(--logo-width,280px),65vw)}.topbar .wrap{gap:15px}.menu a,.booking{font-size:var(--menu-size,15px)}}@media(max-width:600px){.topbar .wrap>a:last-child{display:none}.home-columns .gallery-grid{gap:12px}.promo{padding:30px 20px}}

/* v1.0.2: compacte bovenbalk met contactvakken en sociale iconen. */
.topbar{padding:0;border-top:1px solid #424242;border-bottom:1px solid #333;font-size:var(--topbar-font-size,11px);line-height:1.2}.topbar-inner{display:flex;align-items:stretch;justify-content:space-between;min-height:var(--topbar-height,30px);gap:0!important}.topbar-wide{width:100%;margin:0 auto}.topbar-contact{display:flex;align-items:stretch;min-width:0}.topbar-item{display:flex;align-items:center;gap:9px;padding:6px 15px;border-right:1px solid #3d3d3d;white-space:nowrap}.topbar-item svg{width:12px;height:12px;flex-shrink:0}.topbar-social{display:flex;align-items:stretch;margin-left:auto}.topbar-social-item{display:flex;align-items:center;justify-content:center;min-width:30px;padding:6px 8px;border-left:1px solid #3d3d3d}.topbar-social svg{width:14px;height:14px}.topbar-social-item[aria-label="Facebook"] svg{fill:currentColor;stroke-width:0}.topbar a:hover{color:var(--accent)}.topbar span{display:initial}.topbar-contact .topbar-item{display:flex}.topbar-item span{display:block}@media(max-width:900px){.topbar-inner{flex-wrap:wrap}.topbar-contact{flex:1;flex-wrap:wrap}.topbar-item{padding:7px 10px;white-space:normal}.topbar-address{max-width:330px}}@media(max-width:600px){.topbar-inner{flex-wrap:nowrap}.topbar-contact{flex-wrap:wrap}.topbar-contact .topbar-phone,.topbar-contact .topbar-address,.topbar-contact .topbar-email{display:flex}.topbar-contact .topbar-item{width:100%;border-right:0;padding:5px 10px}.topbar-social{align-self:flex-start}.topbar-social-item{min-height:var(--topbar-height,30px)}}

/* v1.0.3: align topbar edges with the logo and navigation container. */
.topbar-inner.wrap .topbar-contact>.topbar-item:first-child{padding-left:0}.topbar-inner.wrap .topbar-social-item:last-child{border-right:1px solid #3d3d3d}@media(max-width:600px){.topbar-inner.wrap .topbar-contact>.topbar-item{padding-left:0}}