/*
Theme Name: Haar Studios
Theme URI: https://haarstudios.com
Author: Haareke Ltd
Description: Official Haar Studios theme — photography, videography, content creation and social media management studio based in Abuja, Nigeria.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: haar-studios
Tags: photography, dark, full-width-template, custom-colors, portfolio
*/

/* ════════════════════════════════════════════
   FULL RESET — override ALL WordPress defaults
════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html{scroll-behavior:smooth;}

body{
  background:#0a0a0a !important;
  color:#f0ece6;
  font-family:'Jost',sans-serif;
  font-weight:300;
  -webkit-font-smoothing:antialiased;
  line-height:1.7;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden;
}

/* Kill every WordPress layout container */
.wp-site-blocks,
.wp-site-blocks > *,
.is-layout-flow,
.is-layout-constrained,
.entry-content,
.wp-block-post-content,
.page-content,
.post-content,
main#primary,
main.site-main,
.site-main,
.content-area,
#content,
#page,
.site,
.wp-block-group,
.wp-block-group__inner-container,
.has-global-padding,
.alignfull,
.alignwide {
  max-width:100% !important;
  width:100% !important;
  padding:0 !important;
  margin:0 !important;
}

/* Hide WP page title */
.wp-block-post-title,
h1.wp-block-post-title,
.entry-title,
.page-title,
.screen-reader-text+.wp-block-post-title {
  display:none !important;
}

/* Kill old theme header/footer if present */
.site-header:not(.haar-header),
.site-footer:not(.haar-footer),
.wp-block-template-part:not([class*="haar"]) {
  display:none !important;
}

a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;}

/* ════════════════════════════════════════════
   HAAR HEADER
════════════════════════════════════════════ */
.haar-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:9999;
  height:78px;
  background:rgba(10,10,10,0.97);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid #1e1e1e;
  width:100%;
}
.haar-header-inner{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:0 40px;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.haar-logo-link{display:flex;align-items:center;flex-shrink:0;text-decoration:none;}
.haar-logo{height:62px;width:auto;display:block;object-fit:contain;}

.haar-nav{display:flex;align-items:center;gap:4px;flex-shrink:0;}
.haar-nav-link{
  font-family:'Jost',sans-serif;
  font-weight:300;
  font-size:0.66rem;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:#888;
  text-decoration:none;
  padding:7px 14px;
  border:1px solid transparent;
  transition:color 0.25s,border-color 0.25s,background 0.25s;
  white-space:nowrap;
}
.haar-nav-link:hover,.haar-nav-link.active{color:#c9a96e;}
.haar-nav-cta{
  border-color:#8a6e43 !important;
  color:#c9a96e !important;
  margin-left:10px;
}
.haar-nav-cta:hover{background:#c9a96e !important;color:#0a0a0a !important;}

.haar-header-spacer{height:78px;width:100%;display:block;}

/* Admin bar offset */
.admin-bar .haar-header{top:32px;}
.admin-bar .haar-header-spacer{height:110px;}
@media screen and (max-width:782px){
  .admin-bar .haar-header{top:46px;}
  .admin-bar .haar-header-spacer{height:124px;}
}

/* Hamburger */
.haar-hamburger{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:8px 4px;
  flex-shrink:0;
}
.haar-hamburger span{
  display:block;width:24px;height:1.5px;
  background:#f0ece6;
  transition:all 0.3s ease;
  transform-origin:center;
}
.haar-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.haar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.haar-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

/* Mobile menu */
.haar-mobile-menu{
  display:none;
  flex-direction:column;
  background:#0d0d0d;
  border-top:1px solid #1e1e1e;
  overflow:hidden;
  max-height:0;
  transition:max-height 0.4s cubic-bezier(0.22,1,0.36,1);
  width:100%;
}
.haar-mobile-menu.open{max-height:500px;}
.haar-mobile-link{
  font-family:'Jost',sans-serif;
  font-size:0.8rem;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:#888;
  text-decoration:none;
  padding:16px 28px;
  border-bottom:1px solid #1a1a1a;
  display:block;
  transition:color 0.2s,background 0.2s;
}
.haar-mobile-link:last-child{border-bottom:none;}
.haar-mobile-link:hover{color:#c9a96e;background:#141414;}
.haar-mobile-link.gold{color:#c9a96e;}

/* ── Responsive header ── */
@media(max-width:900px){
  .haar-nav{gap:0;}
  .haar-nav-link{padding:7px 10px;font-size:0.62rem;}
}
@media(max-width:768px){
  .haar-header-inner{padding:0 20px;}
  .haar-nav{display:none;}
  .haar-hamburger{display:flex;}
  .haar-mobile-menu{display:flex;}
  .haar-logo{height:50px;}
}

/* ════════════════════════════════════════════
   HAAR FOOTER
════════════════════════════════════════════ */
.haar-footer{
  background:#0d0d0d;
  border-top:1px solid #1e1e1e;
  width:100%;
}
.haar-footer-inner{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:60px 40px 44px;
  display:grid;
  grid-template-columns:260px 1fr 1fr 1fr;
  gap:48px;
  align-items:start;
}
.haar-footer-logo{height:50px;width:auto;display:block;margin-bottom:18px;}
.haar-footer-tagline{
  font-family:'Jost',sans-serif;
  font-size:0.68rem;
  letter-spacing:0.12em;
  color:#444;
  margin-bottom:10px;
  line-height:1.6;
}
.haar-footer-social a{
  font-family:'Jost',sans-serif;
  font-size:0.72rem;
  letter-spacing:0.1em;
  color:#7fa882;
  text-decoration:none;
  font-style:italic;
  display:block;
  margin-bottom:6px;
}
.haar-footer-social a:hover{color:#a8c4aa;}

.haar-footer-col-title{
  font-family:'Jost',sans-serif;
  font-size:0.58rem;
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:#c9a96e;
  margin-bottom:18px;
  display:block;
}
.haar-footer-link{
  font-family:'Jost',sans-serif;
  font-size:0.78rem;
  color:#555;
  text-decoration:none;
  display:block;
  margin-bottom:12px;
  line-height:1.5;
  transition:color 0.2s;
}
.haar-footer-link:hover{color:#f0ece6;}
.haar-footer-note{
  font-family:'Jost',sans-serif;
  font-size:0.72rem;
  color:#3a3a3a;
  line-height:1.65;
  margin-top:16px;
}

.haar-footer-bottom{
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:18px 40px;
  border-top:1px solid #1a1a1a;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px;
}
.haar-footer-copy,
.haar-footer-disclaimer{
  font-family:'Jost',sans-serif;
  font-size:0.62rem;
  letter-spacing:0.08em;
  color:#3a3a3a;
}

@media(max-width:900px){
  .haar-footer-inner{grid-template-columns:1fr 1fr;gap:36px;padding:48px 28px 36px;}
  .haar-footer-logo-col{grid-column:1/-1;}
  .haar-footer-bottom{padding:16px 28px;flex-direction:column;text-align:center;}
}
@media(max-width:480px){
  .haar-footer-inner{grid-template-columns:1fr;padding:36px 20px 28px;}
  .haar-footer-bottom{padding:14px 20px;}
}