/*
Theme Name: Ararat Kitchens & Joinery (Astra Child)
Template: astra
Version: 2.0.0
Description: Astra child theme
Text Domain: ararat-astra-child
*/

/* ---- Base (Weebly main_style.css + theme overrides) ---- */
body.ak-body{margin:0;background:#fff;color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.ak-site{width:100%;min-height:100vh;background:#fff}
.ak-site a{color:inherit;text-decoration:none}
.ak-site img{border:0;max-width:100%;height:auto}
.ak-site h2{color:#000;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:18px;font-weight:300;line-height:1.1em;letter-spacing:0;text-transform:uppercase;margin:0 auto 20px;padding:0}
.ak-site p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.75;letter-spacing:.02em;color:#626262;margin:0 auto 30px;padding:0}
.ak-site p a[href]{color:inherit;opacity:.7;border-bottom:1px solid rgba(0,0,0,.5);transition:opacity .2s ease-in-out}
.ak-site p a[href]:hover{opacity:.4}
@media(min-width:767px){.ak-site p{font-size:18px}}

/* ---- Header ---- */
.unite-header{position:fixed;top:0;left:0;z-index:12;width:100%;padding:20px 40px;color:#000;background:#fff;box-sizing:border-box;transition:padding .24s ease}
body.admin-bar .unite-header{top:32px}
.ak-site{padding-top:120px}
body.collapse .unite-header{padding:5px 40px;border-bottom:1px solid rgba(0,0,0,.05)}
body.collapse .unite-header .container{min-height:50px;max-height:50px}
.unite-header .container{display:flex;align-items:center;width:100%;min-height:80px;max-height:80px;overflow:visible}
.unite-header .logo{flex:0 0 25%;text-align:left;max-height:80px;overflow:hidden}
.unite-header .logo a{display:block;margin-right:30px}
.unite-header .logo a:hover{opacity:.6;transition:opacity .2s ease}
.unite-header #wsite-title{display:block;font-family:"Montserrat",sans-serif;font-size:18px;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.08em}
.nav{vertical-align:middle}
.desktop-nav{flex:0 0 50%;text-align:center}
.mobile-nav,.unite-header .hamburger{display:none}
.nav ul{list-style:none;margin:0;padding:0}
.nav li{display:inline-block;margin:5px 0;position:relative}
.nav a{display:block;padding:10px 20px;font-family:"Josefin Sans",sans-serif;font-size:17px;font-weight:500;line-height:1;letter-spacing:.05em;text-transform:uppercase}
.nav a:hover{opacity:.6;transition:opacity .2s ease}
.nav li>a:after{content:'';position:absolute;height:1px;width:0;left:15px;bottom:5px;background:transparent;transition:width .28s ease-in-out}
.nav li.current-menu-item>a:after,.nav li.current_page_item>a:after{background:rgba(0,0,0,.4);width:calc(100% - 30px)}

/* ---- Main / footer ---- */
.main-wrap{width:100%;background:#fff}
.main-wrap .container{position:relative;width:100%;max-width:1366px;margin:0 auto;padding:60px 40px;box-sizing:border-box}
.footer-wrap{width:100%;font-size:14px;border-top:1px solid rgba(0,0,0,.1)}
.footer-wrap .wsite-footer{max-width:1366px;margin:0 auto;padding:120px 40px 60px;box-sizing:border-box;text-align:right}

/* ---- Page components ---- */
.ak-tagline{text-align:center;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700;font-size:18px;line-height:1.75;letter-spacing:.02em;color:#626262;margin:0 0 30px}

/* ---- Lightbox (fancyBox 2 look) ---- */
.ak-lightbox{display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.8);align-items:center;justify-content:center}
.ak-lightbox.open{display:flex}
.ak-frame{position:relative;background:#f9f9f9;padding:15px;border-radius:4px;box-shadow:0 10px 25px rgba(0,0,0,.5);line-height:0}
.ak-frame img{max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);width:auto;height:auto;display:block}
.ak-close{z-index:3;position:absolute;top:-18px;right:-18px;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.5);cursor:pointer;line-height:36px;text-align:center;font:28px/34px Arial,sans-serif;color:#444}
.ak-close:before{content:"\00d7"}
.ak-prev,.ak-next{z-index:1;position:absolute;top:0;width:40%;height:100%;cursor:pointer;font:48px/1 Arial,sans-serif;color:transparent;display:flex;align-items:center}
.ak-prev{left:0;padding-left:20px}.ak-next{right:0;justify-content:flex-end;padding-right:20px}
.ak-prev:before{content:"\2039"}.ak-next:before{content:"\203A"}
.ak-prev:hover,.ak-next:hover{color:#fff;text-shadow:0 0 6px rgba(0,0,0,.7)}

/* ---- Responsive (Weebly breakpoints 1200 / 1024) ---- */
@media(max-width:1024px){
 .ak-site{padding-top:50px}
 .unite-header{padding:5px 20px!important;min-height:50px}
 .unite-header .container{min-height:40px;max-height:none;justify-content:space-between}
 .unite-header .logo{flex:1 1 auto;text-align:center;max-height:40px}
 .unite-header .logo a{margin:0}
 .unite-header #wsite-title{font-size:1.1em;line-height:1.4em}
 .unite-header .hamburger{display:block;position:absolute;left:20px;top:50%;margin-top:-15px;width:30px;height:30px;cursor:pointer}
 .desktop-nav{display:none}
 .hamburger span,.hamburger span:before,.hamburger span:after{position:relative;display:block;width:22px;height:2px;background:#000;content:'';transition:all .2s ease-in-out}
 .hamburger span{margin:14px 0 0}.hamburger span:before{top:-8px}.hamburger span:after{bottom:-6px}
 .mobile-nav{position:fixed;top:0;left:0;z-index:12;display:block;overflow:auto;width:100%;height:100%;max-height:0;padding:0;background:#fff;box-sizing:border-box;transition:all .3s cubic-bezier(0,.085,.68,.53)}
 body.nav-open .mobile-nav{padding:50px 0;max-height:100vh}
 .mobile-nav .hamburger{display:block;position:absolute;top:18px;left:20px;margin:0}
 .mobile-nav .hamburger span{background:transparent}
 .mobile-nav .hamburger span:before{top:1px;background:#000;transform:rotate(45deg)}
 .mobile-nav .hamburger span:after{top:-1px;background:#000;transform:rotate(135deg)}
 .mobile-nav li{display:block}.mobile-nav a{padding:10px 0}
 .main-wrap .container{padding:30px 20px}
 .footer-wrap .wsite-footer{padding:30px 20px}
}
@media(max-width:1200px){.unite-header #wsite-title{font-size:18px}}

/* ---- Home / About layout (matched to live-site screenshots) ---- */
.footer-wrap .wsite-footer p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;color:#000;letter-spacing:0;line-height:1.4;margin:0}

/* ---- Block-editor content (v2) ---- */
body.ak-body{overflow-x:clip}
body.home .main-wrap .container{padding-top:0}
.ak-site .wp-block-image{margin:0 0 30px}
.ak-site .wp-block-image.aligncenter{display:block;text-align:center}
.ak-site .wp-block-image img{max-width:100%;height:auto}
.ak-site .wp-block-image.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:0}
.ak-site .ak-band{margin-top:0;margin-bottom:60px}
.ak-site .ak-band:not(:first-child){margin-top:30px}
.ak-site .ak-band img{display:block;width:100%;height:504px;object-fit:cover;object-position:center center}
@media(max-width:767px){.ak-site .ak-band img{height:300px}}
.ak-site .wp-block-columns{gap:0;margin:0 0 30px;align-items:flex-start}
.ak-site .wp-block-column{margin:0}
.ak-site .wp-block-column .wp-block-image{margin:0}
.ak-site .ak-textcol{padding-top:20px}
.ak-site .ak-textcol p{margin:0}
.ak-site .ak-logos{margin:30px 0 25px;align-items:center}
.ak-site .ak-formica img{width:114px}
.ak-site .ak-row{margin:0 -18px 30px}
.ak-site p.ak-about-text{margin-bottom:40px}
.ak-site .ak-logo-framed{margin:0 auto 30px}
.ak-site .ak-logo-framed img{box-sizing:content-box;border:1px solid #e3e3e3;padding:3px}
.ak-site .wp-block-html iframe,.ak-site iframe{display:block;width:100%;border:0}
.ak-site .wp-block-gallery.has-nested-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0}
.ak-site .wp-block-gallery.has-nested-images figure.wp-block-image{width:auto!important;margin:0!important;flex:none}
.ak-site .wp-block-gallery figure a{display:block;aspect-ratio:1/1;overflow:hidden;background:#eee}
.ak-site .wp-block-gallery figure img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}
.ak-site .wp-block-gallery figure a:hover img{opacity:.85}

/* Social icons */
.ak-social{display:flex;align-items:center;gap:10px}
.ak-social a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#b9b9b9;color:#fff;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.ak-social a::before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s ease}
.ak-social .ak-fb::before{background:#1877f2}
.ak-social .ak-ig::before{background:linear-gradient(45deg,#f9ce34,#ee2a7b 55%,#6228d7)}
.ak-social a:hover,.ak-social a:focus-visible{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.18)}
.ak-social a:hover::before,.ak-social a:focus-visible::before{opacity:1}
.ak-social svg{position:relative;z-index:1;display:block}
.ak-social-header{flex:0 0 25%;justify-content:flex-end}
.ak-social-footer{justify-content:flex-end;margin-bottom:16px}
@media(max-width:1024px){
 .ak-social-header{position:absolute;right:20px;top:50%;transform:translateY(-50%);flex:none;gap:8px}
 .ak-social-header{display:none;}
 .ak-social-header a{width:30px;height:30px}
 .ak-social-header svg{width:15px;height:15px}
}
/* Mobile: roomier header + centred menu */
@media(max-width:1024px){
  /* Header: give the title room and stop it being clipped */
  .unite-header{padding:10px 20px!important}
  .unite-header .container{min-height:44px;max-height:none}
  body.collapse .unite-header .container{min-height:44px;max-height:none}
  .unite-header .logo{max-height:none;overflow:visible;padding:0 84px}
  .unite-header #wsite-title{font-size:15px;line-height:1.35;letter-spacing:.07em}
  .ak-site{padding-top:64px}

  /* Open menu: centred, with breathing room */
  .mobile-nav{text-align:center}
  .mobile-nav ul{padding:0;margin:0}
  .mobile-nav li{display:block;margin:0}
  .mobile-nav li>a{display:inline-block;position:relative;padding:14px 20px;font-size:20px}
  .mobile-nav li>a:after{left:20px;bottom:8px}
  .mobile-nav li.current-menu-item>a:after,
  .mobile-nav li.current_page_item>a:after{width:calc(100% - 40px)}
}