/*
Theme Name: Barbearia Wilian
Description: Tema oficial integrado ao plugin Barbearia Manager.
Version: 1.0.0
Requires PHP: 8.1
*/
:root{--ink:#211e1c;--surface:#2b2724;--surface2:#342f2b;--bone:#f3efe7;--muted:#bdb6aa;--blade:#c9a227;--red:#c8102e;--blue:#1b3b6f;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(calc(100% - 2.5rem),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50;background:#211e1cf5;backdrop-filter:blur(12px);border-bottom:1px solid #f3efe71a}.admin-bar .site-header{top:32px}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand img{height:58px;width:auto}.nav{display:flex;align-items:center;gap:1.35rem;text-transform:uppercase;font-size:.85rem;letter-spacing:.08em}.nav a:hover,.nav a:focus{color:var(--blade)}.menu-toggle{display:none;background:none;border:1px solid #f3efe733;color:var(--bone);padding:.55rem}.pole{height:4px;background:repeating-linear-gradient(45deg,var(--red) 0 14px,var(--bone) 14px 28px,var(--blue) 28px 42px,var(--bone) 42px 56px)}.button,.bm-button{display:inline-flex;justify-content:center;background:var(--blade);color:var(--ink);border:1px solid var(--blade);padding:.8rem 1.25rem;font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.button:hover,.bm-button:hover{background:var(--bone);border-color:var(--bone)}.button:disabled,.bm-button:disabled{opacity:.4;cursor:not-allowed}.hero{min-height:620px;display:grid;align-items:center;background:linear-gradient(90deg,#211e1cf7,#211e1c50),url('assets/images/estilos/degrade.jpg') center/cover}.hero-content{padding-block:7rem;max-width:700px}.kicker,.bm-kicker{font-family:monospace;color:var(--blade);text-transform:uppercase;letter-spacing:.22em;font-size:.78rem}.hero h1,.section-title,h1,h2,h3,.bm-app h2,.bm-app h3{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.045em;font-weight:400}.hero h1{font-size:clamp(3.4rem,9vw,7.5rem);line-height:.86;margin:.6rem 0 1.5rem}.hero p{color:var(--muted);font-size:1.15rem;max-width:530px}.section{padding:5.5rem 0}.section-alt{background:#181615}.section-title{font-size:clamp(2.2rem,5vw,4rem);margin:.3rem 0 2rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.card,.bm-card{background:var(--surface);border:1px solid #f3efe717;padding:1.35rem}.style-card{padding:0;overflow:hidden}.style-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.style-card div{padding:1.25rem}.style-card h3,.service-card h3{font-size:1.5rem;margin:0}.style-card p,.service-card p,.barber-card p{color:var(--muted)}.service-card strong{color:var(--blade);font-family:monospace}.barber-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.barber-card{display:grid;grid-template-columns:140px 1fr;gap:1.4rem;align-items:center}.barber-card img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:2px solid var(--blade)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.map{min-height:360px;border:0;width:100%}.site-footer{border-top:1px solid #f3efe71a;padding:2rem 0;color:var(--muted)}.entry{padding:4rem 0;min-height:65vh}.entry-title{font-size:clamp(2.5rem,6vw,4.5rem);margin:0 0 2rem}
.bm-app{min-height:280px}.bm-app h2{font-size:2.2rem;margin:.25rem 0 1.5rem}.bm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:780px}.bm-choice{text-align:left;color:inherit;cursor:pointer}.bm-choice img{width:72px;height:72px;border-radius:50%;object-fit:cover;margin-bottom:.8rem}.bm-choice strong,.bm-choice span{display:block}.bm-choice span{color:var(--muted);margin-top:.4rem}.bm-service{display:flex;align-items:center;gap:1rem;cursor:pointer}.bm-service input{width:20px;height:20px;accent-color:var(--blade)}.bm-service span,.bm-service strong,.bm-service small{display:block}.bm-service small{color:var(--blade);font-family:monospace}.bm-next{margin-top:1.5rem}.bm-back{background:none;color:var(--muted);border:0;padding:0;margin-bottom:1rem;cursor:pointer}.bm-input{display:block;width:100%;max-width:380px;background:var(--surface);color:var(--bone);border:1px solid #f3efe733;padding:.8rem;margin-bottom:1.2rem}.bm-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;max-width:650px}.bm-slots button,.bm-actions button,.bm-receipt{background:transparent;border:1px solid #f3efe733;color:var(--bone);padding:.65rem;cursor:pointer}.bm-slots button:hover,.bm-actions button:hover,.bm-receipt:hover{border-color:var(--blade);color:var(--blade)}.bm-empty,.bm-alert{padding:1.2rem;border:1px dashed #f3efe733;color:var(--muted)}.bm-alert{border-color:var(--red);color:#ff8799}.bm-summary{max-width:620px}.bm-summary p{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #f3efe717;padding-bottom:.7rem}.bm-pay{max-width:520px;text-align:center}.bm-pay canvas{max-width:100%;background:#fff}.bm-copy{width:100%;min-height:100px;background:#181615;color:var(--muted);border:1px solid #f3efe733;padding:.7rem}.bm-secondary{display:inline-flex;background:transparent;color:var(--blade);border:1px solid var(--blade);padding:.65rem 1rem;cursor:pointer;margin:.6rem}.bm-upload{display:block;text-align:left;margin:1rem 0}.bm-upload input{display:block;width:100%;margin-top:.5rem}.bm-feedback{color:var(--muted);margin-top:1rem}.bm-success{max-width:560px;text-align:center}.bm-success strong{font:2rem Impact,'Arial Narrow',sans-serif;color:var(--blade)}.bm-dashboard-head{display:flex;justify-content:space-between;align-items:center}.bm-list{display:grid;gap:1rem}.bm-appointment time{color:var(--blade);font-family:monospace}.bm-appointment h3{font-size:1.5rem;margin:.35rem 0}.bm-appointment small{display:block;color:var(--muted);text-transform:uppercase}.bm-appointment>a,.bm-receipt{display:inline-block;margin-top:.8rem;margin-right:.5rem;color:var(--blade)}.bm-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.bm-dialog{width:min(92vw,720px);background:var(--surface);color:var(--bone);border:1px solid var(--blade);padding:1.5rem}.bm-dialog::backdrop{background:#000c}.bm-dialog-close{float:right;background:none;border:0;color:var(--bone);font-size:1.8rem}.bm-dialog-body img{max-height:72vh;margin:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}
@media(max-width:800px){.admin-bar .site-header{top:46px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--surface);padding:1.25rem;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.grid,.barber-grid,.contact-grid,.bm-grid{grid-template-columns:1fr}.barber-card{grid-template-columns:92px 1fr}.barber-card img{width:92px;height:92px}.hero{min-height:540px}.bm-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.bm-summary p{display:block}.bm-summary span{display:block;color:var(--muted)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.bm-profile{margin-bottom:2rem;max-width:720px}.bm-profile h2{margin-top:0}.bm-day-nav{display:flex;gap:.5rem;align-items:center;margin-bottom:1rem;position:sticky;top:90px;background:var(--ink);padding:.65rem 0;z-index:3}.bm-day-nav button,.bm-day-nav input{background:var(--surface);border:1px solid #f3efe733;color:var(--bone);padding:.55rem}.bm-day-nav input{flex:1;max-width:220px}.bm-timeline{border-left:2px solid #f3efe733;margin:0 0 2.5rem .7rem;display:grid;gap:.4rem}.bm-time{display:grid;grid-template-columns:64px 1fr;gap:.8rem;text-align:left;align-items:center;margin-left:-.55rem;background:var(--surface);color:var(--bone);border:1px solid #f3efe71a;border-left:5px solid var(--blade);padding:.65rem;cursor:pointer}.bm-time.is-free{opacity:.62;border-left-color:#59735b}.bm-time time{font-family:monospace;color:var(--blade)}.bm-time span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-dialog-body object{display:block;width:100%;height:min(72vh,720px)}
