/* Arizona Heritage Cabinetry — static rebuild stylesheet (no WordPress) */
:root{
  --text:#543A2A; --accent:#D8392C; --accent2:#DA392E; --nav:#302414; --nav-hover:#5D412E;
  --contact:#433320; --font:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{background:#000 url(../assets/background.jpg) no-repeat center center fixed;background-size:cover}
body{margin:0;font-family:var(--font);color:var(--text);font-size:14px;line-height:19px}
img{border:0;max-width:100%;height:auto}
a{color:var(--accent)}
hr{border:0;border-bottom:1px dotted #cdcdcd}
li{padding:5px 0;line-height:22px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Wrapper */
#wrapper{max-width:1024px;margin:28px auto;padding:20px 20px 0;background:rgba(68,53,32,.6) url(../assets/wrapper-bg.png) repeat}

/* Header */
#header{background:#fff;min-height:200px;display:flex;align-items:flex-start;justify-content:space-between;padding:0 48px 0 55px}
#header .logo{display:block;margin-top:16px;width:279px;height:154px}
#header .logo img{display:block;width:279px;height:154px}
.phone-box{margin-top:52px;text-align:right;font-size:38px;line-height:1.1;color:#302413}
.phone-box .phone-number{display:block;color:var(--accent);font-size:44px;text-decoration:none;margin-top:4px}
.phone-box .phone-number:hover{color:var(--text)}

/* Nav */
#navbar{background:var(--nav);position:relative;z-index:100}
.nav-toggle{display:none;background:none;border:0;color:#fff;font:15px/53px var(--font);text-transform:uppercase;padding:0 23px;cursor:pointer;width:100%;text-align:left}
#menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;text-transform:uppercase}
#menu li{position:relative;padding:0;margin:0;line-height:53px}
#menu > li > a{display:block;padding:0 16px;color:#fff;text-decoration:none;font-size:15px;line-height:53px}
#menu > li:hover > a,#menu > li:focus-within > a,#menu > li.current > a{color:var(--accent);background:var(--nav-hover)}
#menu ul{display:none;position:absolute;top:53px;left:0;min-width:240px;list-style:none;margin:0;padding:0;background:var(--nav)}
#menu li:hover > ul,#menu li:focus-within > ul{display:block}
#menu ul li{line-height:44px}
#menu ul a{display:block;padding:0 23px;color:#fff;text-decoration:none;font-size:14px;white-space:nowrap}
#menu ul a:hover,#menu ul a:focus,#menu ul li.current a{color:var(--accent);background:var(--nav-hover)}

/* Slider */
#slider{position:relative;height:485px;background:#553B2A url(../assets/slider-bg.png) top center no-repeat;overflow:hidden}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;display:flex;justify-content:space-between;pointer-events:none}
.slide.active{opacity:1;pointer-events:auto}
.slide .featured-description{margin:65px 0 0 45px;width:270px;color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:right;font-size:16px;line-height:18px}
.slide h2{font-family:var(--font);font-weight:100;font-size:44px;line-height:44px;margin:0 0 14px;color:#fff}
.slide .button{padding-top:40px}
.readmore{display:inline-block;padding:9px 25px;background:var(--accent2);border-radius:5px;color:#fff;font-size:18px;line-height:23px;text-decoration:none;text-transform:uppercase}
.readmore:hover{background:#443520;color:#fff}
.slide img{margin:17px 19px 0 0;width:635px;height:433px;max-width:none}
.slider-dots{position:absolute;bottom:18px;right:19px;width:635px;text-align:center;z-index:5}
.slider-dots button{width:11px;height:11px;padding:0;margin:0 2px;border:0;background:#fff;cursor:pointer;vertical-align:middle}
.slider-dots button.active,.slider-dots button:hover{background:var(--accent)}

/* Content */
#content{background:#fff;display:flex;justify-content:space-between;align-items:flex-start}
#content h1{color:var(--accent);font-size:44px;line-height:44px;font-weight:100;margin:0 0 15px}
#content h2{color:var(--text);font-size:20px;line-height:22px;margin:15px 0}
#content h3{color:var(--text);font-size:16px;line-height:22px;margin:15px 0}
#content-left{flex:0 1 633px;padding:43px 0 23px 33px;min-width:0}
#content-left a{color:var(--accent);text-decoration:underline}
#content-left a:hover{color:var(--text)}
#content-left .bold{color:var(--accent);font-weight:bold}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.two-col ul{margin:0}
.testimonial{margin:20px auto;padding:25px;background:#f5f5f5;border:1px solid #f1f1f1}
.testimonial p{margin:0}
.testimonial .name{display:block;text-align:right;margin-top:10px;font-style:italic}

/* Contact box */
.contact-box{margin:30px 0 0;padding:10px 13px 13px 20px;background:var(--contact);color:#fff}
.contact-box .cb-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0}
#content .contact-box h1,#content .contact-box .cb-title{color:#fff;font-size:24px;line-height:24px;font-weight:100;margin:4px 0 0}
.contact-box .spacer{width:1px;height:32px;background:#fff;margin:0 14px;opacity:.9}
.contact-box .white-text{color:#fff}
.contact-box form{display:flex;gap:12px;align-items:flex-end;margin-top:2px}
.contact-fields{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.contact-fields .full{grid-column:1/-1}
.contact-fields{margin-top:12px}
.contact-fields input,.contact-fields textarea{width:100%;height:34px;margin:0;padding:5px 5px 5px 8px;font:14px var(--font);color:#333;border:0;border-radius:5px;box-shadow:inset 5px 5px 5px #cfcfcf}
.contact-fields textarea{height:71px;resize:vertical}
.contact-button{width:71px;height:71px;flex:0 0 71px;background:var(--accent2);border:0;border-radius:5px;color:#fff;font:18px/23px var(--font);text-transform:uppercase;cursor:pointer}
.contact-button:hover{background:#b72c22}
.honey{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Sidebar */
#sidebar{flex:0 0 270px;padding:43px 27px 23px 0;box-sizing:content-box}
#content #sidebar h1,#content #sidebar .side-title{color:var(--accent);font-size:22px;line-height:26px;font-weight:100;margin:0 0 15px}
.gallery-box{display:flex;align-items:flex-start;height:86px;margin:0 0 11px}
.gallery-box img{width:86px;height:86px;display:block}
.gallery-box .text{margin:0 0 0 7px;padding-top:24px;font-style:italic;line-height:18px}
.gallery-box .text a{color:var(--text);text-decoration:none}
.gallery-box .text a:hover{text-decoration:underline}
.gallery-box .text strong{display:block;font-style:normal;font-size:16px}
#sidebar .find-us{margin-top:64px}
#sidebar .google{display:block;margin-top:10px}
#sidebar .address{font-family:"Myriad Pro",Georgia,serif;margin-top:19px;line-height:18px}
#sidebar .phone{display:block;margin-top:21px}

/* Gallery pages */
#content.gallery-page{display:block;padding:43px 33px 40px}
.gallery-inner{max-width:600px;margin:0 auto}
#content .gallery-inner h2{font-size:18px;margin:10px 0 25px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 30px;justify-items:center}
.gallery-grid figure{margin:0;text-align:center;width:162px}
.gallery-grid img{display:block;width:162px;height:162px;object-fit:cover;padding:5px;border:1px solid var(--text);background:#fff;transition:border-color .2s}
.gallery-grid a:hover img,.gallery-grid img:hover{border-color:var(--accent)}
.gallery-grid figcaption{font-size:12px;line-height:15px;margin-top:6px;color:var(--text)}
.gallery-cats{margin:35px 0 0;padding:15px 0 0;border-top:1px dotted #cdcdcd;text-align:center;line-height:24px}
.gallery-cats a{color:var(--accent);margin:0 6px}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
.cat-grid a{display:block;text-align:center;color:var(--text);text-decoration:none;font-size:16px}
.cat-grid img{display:block;margin:0 auto 8px;width:162px;height:162px;object-fit:cover;padding:5px;border:1px solid var(--text)}
.cat-grid a:hover img{border-color:var(--accent)}
.cat-grid a:hover{color:var(--accent)}

/* Lightbox */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:88vh;border:6px solid #fff;box-shadow:0 0 50px #222}

/* Footer */
#footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:26px 16px 26px 28px;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:22px}
#footer a{color:#fff;text-decoration:none}
#footer a:hover{color:var(--accent)}
.footer-spacer{padding:0 10px}

/* Responsive */
@media (max-width:1040px){#wrapper{margin:0 auto;padding:12px 12px 0}}
@media (max-width:900px){
  #slider{height:auto;padding-bottom:36px}
  .slide{position:absolute}
  .slide img{width:58vw;height:auto}
}
@media (max-width:800px){
  #header{flex-direction:column;align-items:center;padding:10px 15px 20px;min-height:0}
  .phone-box{margin-top:10px;text-align:center;font-size:26px}
  .phone-box .phone-number{font-size:32px}
  .nav-toggle{display:block}
  #menu{display:none;flex-direction:column}
  #navbar.open #menu{display:flex}
  #menu > li > a{line-height:44px}
  #menu ul{display:block;position:static;background:#3d2e1a}
  #menu ul a{padding-left:40px}
  #slider{height:auto;padding:0 0 36px}
  .slide{position:relative;display:none;flex-direction:column-reverse;align-items:center}
  .slide.active{display:flex}
  .slide .featured-description{margin:16px;text-align:center;width:auto}
  .slide h2{font-size:30px;line-height:32px}
  .slide .button{padding-top:16px}
  .slide img{margin:12px auto 0;width:94%;height:auto}
  .slider-dots{width:100%;right:0;bottom:12px}
  #content{flex-direction:column}
  #content-left{flex:none;width:100%;padding:25px 18px}
  #sidebar{flex:none;width:auto;padding:0 18px 25px;box-sizing:border-box}
  #content h1{font-size:34px;line-height:36px}
  .contact-box form{flex-direction:column;align-items:stretch}
  .contact-fields{grid-template-columns:1fr}
  .contact-button{width:100%;height:46px;flex:none}
  .gallery-grid,.cat-grid{grid-template-columns:repeat(2,1fr)}
  #content.gallery-page{padding:25px 15px}
  #footer{flex-direction:column;padding:20px 15px}
}
@media (max-width:420px){.two-col{grid-template-columns:1fr}.gallery-grid,.cat-grid{grid-template-columns:1fr 1fr;gap:14px}.gallery-grid figure,.gallery-grid img{width:100%;height:auto}}