/*
Theme Name: Fire Cuts Barbershop
Theme URI: https://firecutsbarbershop.com
Author: Fire Cuts Barbershop
Description: Bold, deep-blue barbershop theme for Fire Cuts Barbershop in Glendale, AZ. Includes a custom homepage, a Services page template, and a styled blog with E-E-A-T author boxes and LocalBusiness + FAQ schema.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: firecuts
*/

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#070b18;margin:0;font-family:'Barlow',system-ui,sans-serif;color:#eef2fb;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
::selection{background:#3b82f6;color:#fff}
@keyframes flameflick{0%,100%{opacity:.85;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-4px) scale(1.03)}}
@keyframes pulseglow{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,.45)}50%{box-shadow:0 0 0 14px rgba(59,130,246,0)}}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:#070b18}
::-webkit-scrollbar-thumb{background:#27406e;border-radius:8px}

/* nav menu (wp_nav_menu output) */
.fc-nav ul{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0}
.fc-nav a{color:#c2cee4;font-family:'Barlow Semi Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:14px}
.fc-nav a:hover,.fc-nav .current-menu-item>a{color:#3b82f6}

/* article typography */
.fc-article p{color:#cdd8ec;font-size:18px;line-height:1.75;margin-bottom:22px}
.fc-article h2{font-family:'Anton',sans-serif;text-transform:uppercase;font-size:30px;line-height:1;margin:40px 0 16px;color:#eef2fb}
.fc-article h3{font-family:'Barlow Semi Condensed',sans-serif;text-transform:uppercase;font-size:22px;margin:28px 0 12px;color:#eef2fb}
.fc-article ul,.fc-article ol{margin:0 0 22px 0;padding-left:22px}
.fc-article li{color:#cdd8ec;font-size:18px;line-height:1.7;margin-bottom:10px}
.fc-article strong{color:#fff}
.fc-article img{border-radius:14px;margin:8px 0 26px}
.fc-article a{color:#3b82f6;text-decoration:underline}

/* faq details */
.fc-faq details{border:1px solid #1a2c54;border-radius:12px;overflow:hidden;background:#0e1730;margin-bottom:12px}
.fc-faq summary{list-style:none;cursor:pointer;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Barlow Semi Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-size:18px;color:#eef2fb}
.fc-faq summary::-webkit-details-marker{display:none}
.fc-faq summary::after{content:'+';color:#3b82f6;font-size:24px;transition:transform .2s}
.fc-faq details[open] summary::after{transform:rotate(45deg)}
.fc-faq .fc-ans{padding:0 22px 22px;color:#aab7d0;font-size:16px;line-height:1.65}

@media(max-width:900px){
  .fc-nav,.fc-phone{display:none !important}
  .fc-hero{grid-template-columns:1fr !important;gap:20px !important;padding-top:48px !important}
  .fc-stats{grid-template-columns:repeat(2,1fr) !important;gap:30px !important}
  .fc-svc,.fc-reviews,.fc-loc,.fc-footer,.fc-grid2,.fc-grid3,.fc-grid4,.fc-feat,.fc-related,.fc-posts,.fc-about{grid-template-columns:1fr !important}
  .fc-barbers,.fc-gallery{grid-template-columns:repeat(2,1fr) !important}
  .fc-author{flex-direction:column}
  .fc-sticky{display:flex !important}
}
@media(max-width:560px){
  .fc-barbers,.fc-gallery,.fc-grid3{grid-template-columns:1fr !important}
}
