/* HARAÇ LAW FIRM — MASTER BRAND SYSTEM */
:root{
  --brand-navy:#081520;
  --brand-gold:#b98845;
  --brand-white:#f6f3ed;
}

/* Identical header across every page */
.site-header{
  height:86px !important;
  padding:0 3.2vw !important;
  display:grid !important;
  grid-template-columns:1fr auto 1fr !important;
  align-items:center !important;
  gap:24px !important;
  background:var(--brand-navy) !important;
  border-bottom:1px solid rgba(255,255,255,.05) !important;
  color:var(--brand-white) !important;
  position:relative !important;
  z-index:50 !important;
}
.site-header .brand,
.site-footer .brand{
  display:flex !important;
  align-items:flex-end !important;
  gap:14px !important;
  text-decoration:none !important;
  width:max-content !important;
}
.site-header .brand-main,
.site-footer .brand-main{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:44px !important;
  line-height:.86 !important;
  font-weight:400 !important;
  color:#fff !important;
  letter-spacing:0 !important;
}
.site-header .brand-sub,
.site-footer .brand-sub{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.28em !important;
  margin:0 0 4px !important;
  color:#fff !important;
  font-weight:400 !important;
  white-space:nowrap !important;
}
.main-nav{
  display:flex !important;
  gap:34px !important;
  align-items:center !important;
}
.main-nav a{
  color:#fff !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  text-decoration:none !important;
  padding:33px 0 29px !important;
  border-bottom:2px solid transparent !important;
  white-space:nowrap !important;
}
.main-nav a.active{border-bottom-color:var(--brand-gold) !important}
.header-actions{
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}
.langs{
  display:flex !important;
  gap:8px !important;
  color:#d4dade !important;
  font:400 12px/1 Arial,Helvetica,sans-serif !important;
}
.active-lang{color:var(--brand-gold) !important}
.lang-pending{opacity:.55;cursor:default}

/* Shared mobile menu */
.menu-toggle{
  display:none;
  width:44px !important;height:44px !important;padding:10px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:transparent !important;
}
.menu-toggle span{
  display:block !important;width:21px !important;height:1.5px !important;
  background:#fff !important;
}
.mobile-menu{display:none}
body.menu-open{overflow:hidden}

/* Identical footer branding */
.site-footer{
  background:#061019 !important;
  color:#fff !important;
}
.site-footer .footer-brand .brand-main{font-size:40px !important}
.site-footer .footer-brand p,
.site-footer .footer-col p,
.site-footer .footer-col a{
  color:#cbd2d6 !important;
}
.site-footer .footer-col h3,
.site-footer .footer-col h4{
  color:#fff !important;
  font:600 11px/1.2 Arial,Helvetica,sans-serif !important;
  letter-spacing:.10em !important;
}
.site-footer .mini-rule{
  width:28px !important;height:2px !important;background:var(--brand-gold) !important;
}
.site-footer .footer-bottom{
  color:#76838c !important;
  font:400 10px/1.4 Arial,Helvetica,sans-serif !important;
}

/* Responsive branding consistency */
@media(max-width:1199px){
  .site-header{padding-left:28px !important;padding-right:28px !important}
  .main-nav{gap:24px !important}
  .main-nav a{font-size:12px !important}
}
@media(max-width:1024px){
  .site-header{grid-template-columns:auto 1fr auto !important;gap:18px !important}
  .site-header .brand-main{font-size:40px !important}
  .main-nav{gap:18px !important}
  .main-nav a{font-size:11px !important}
}
@media(max-width:900px){
  .site-header{
    grid-template-columns:1fr auto !important;
    height:86px !important;
    padding:0 22px !important;
    gap:16px !important;
  }
  .main-nav{display:none !important}
  .site-header .brand-main{font-size:38px !important}
  .site-header .brand-sub{font-size:9px !important;letter-spacing:.25em !important}
  .langs{display:none !important}
  .menu-toggle{
    display:flex !important;align-items:center !important;justify-content:center !important;
    flex-direction:column !important;gap:5px !important;
  }
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
  .mobile-menu{
    position:fixed !important;
    inset:86px 0 0 0 !important;
    z-index:100 !important;
    display:block !important;
    background:rgba(5,14,22,.985) !important;
    border-top:1px solid rgba(255,255,255,.07) !important;
    padding:30px 22px calc(30px + env(safe-area-inset-bottom)) !important;
    overflow-y:auto !important;
  }
  .mobile-menu[hidden]{display:none !important}
  .mobile-menu nav{display:flex !important;flex-direction:column !important}
  .mobile-menu nav a{
    color:#fff !important;text-decoration:none !important;
    font-family:Georgia,"Times New Roman",serif !important;
    font-size:30px !important;line-height:1.15 !important;
    padding:18px 2px !important;border-bottom:1px solid rgba(255,255,255,.09) !important;
  }
  .mobile-menu nav a.active{color:var(--brand-gold) !important}
  .mobile-langs{
    display:flex !important;gap:10px !important;margin-top:28px !important;
    color:#d4dade !important;font-size:13px !important;letter-spacing:.08em !important;
  }
  .site-footer .footer-brand .brand-main{font-size:36px !important}
}
@media(max-width:600px){
  .site-header{height:80px !important;padding:0 18px !important}
  .site-header .brand-main{font-size:34px !important}
  .site-header .brand-sub{font-size:8px !important}
  .mobile-menu{inset:80px 0 0 0 !important}
  .mobile-menu nav a{font-size:28px !important}
}
@media(max-width:390px){
  .site-header{padding:0 14px !important}
  .site-header .brand-main{font-size:31px !important}
  .site-header .brand-sub{font-size:7.5px !important}
  .mobile-menu nav a{font-size:26px !important;padding:16px 2px !important}
}
@supports(padding:max(0px)){
  @media(max-width:900px){
    .site-header{
      padding-left:max(22px,env(safe-area-inset-left)) !important;
      padding-right:max(22px,env(safe-area-inset-right)) !important;
    }
  }
  @media(max-width:600px){
    .site-header{
      padding-left:max(18px,env(safe-area-inset-left)) !important;
      padding-right:max(18px,env(safe-area-inset-right)) !important;
    }
  }
}


/* FINAL desktop consistency hardening */
html body .site-header .brand .brand-main,
html body .site-footer .brand .brand-main{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:44px !important;
  font-weight:400 !important;
  line-height:.86 !important;
  letter-spacing:0 !important;
}
html body .site-header .brand .brand-sub,
html body .site-footer .brand .brand-sub{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:.28em !important;
  margin-bottom:4px !important;
}
html body .site-header .main-nav a{
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
@media(max-width:1199px){
  html body .site-header .main-nav a{font-size:12px !important}
}
@media(max-width:1024px){
  html body .site-header .brand .brand-main{font-size:40px !important}
  html body .site-header .main-nav a{font-size:11px !important}
}
@media(max-width:900px){
  html body .site-header .brand .brand-main{font-size:38px !important}
  html body .site-header .brand .brand-sub{font-size:9px !important}
}
@media(max-width:600px){
  html body .site-header .brand .brand-main{font-size:34px !important}
  html body .site-header .brand .brand-sub{font-size:8px !important}
}
@media(max-width:390px){
  html body .site-header .brand .brand-main{font-size:31px !important}
  html body .site-header .brand .brand-sub{font-size:7.5px !important}
}


/* FINAL v6 — Turkish brand lockup */
.site-header .brand,
.site-footer .brand{
  align-items:center !important;
  gap:12px !important;
}

.site-header .brand-main,
.site-footer .brand-main{
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:44px !important;
  line-height:.86 !important;
  font-weight:400 !important;
  color:#fff !important;
  letter-spacing:0 !important;
}

.brand-turkish{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  color:#fff !important;
  line-height:1 !important;
  transform:translateY(1px);
  white-space:nowrap;
}

.brand-line1,
.brand-line2{
  font-family:Arial,Helvetica,sans-serif !important;
  font-weight:400 !important;
  color:#fff !important;
  text-transform:uppercase !important;
}

.brand-line1{
  font-size:10px !important;
  letter-spacing:.24em !important;
  margin-bottom:4px !important;
}

.brand-line2{
  font-size:10px !important;
  letter-spacing:.18em !important;
}

/* Hide obsolete English sub-brand if any stale markup survives */
.brand-sub{display:none !important}

/* Footer email icon */
.footer-mail-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
}
.footer-mail-icon{
  width:18px !important;
  height:18px !important;
  color:var(--brand-gold) !important;
  flex:0 0 auto !important;
}
.footer-mail-wrap a{
  line-height:1.2 !important;
}

/* Responsive brand lockup */
@media(max-width:1024px){
  .site-header .brand-main{font-size:40px !important}
  .brand-line1,.brand-line2{font-size:9px !important}
}
@media(max-width:900px){
  .site-header .brand-main{font-size:38px !important}
  .brand-line1,.brand-line2{font-size:8.5px !important}
  .site-header .brand{gap:10px !important}
}
@media(max-width:600px){
  .site-header .brand-main{font-size:34px !important}
  .brand-line1,.brand-line2{font-size:7.5px !important}
  .brand-line1{letter-spacing:.20em !important}
  .brand-line2{letter-spacing:.14em !important}
  .site-header .brand{gap:8px !important}
}
@media(max-width:390px){
  .site-header .brand-main{font-size:31px !important}
  .brand-line1,.brand-line2{font-size:7px !important}
  .site-header .brand{gap:7px !important}
}

/* Footer can keep slightly roomier lockup */
.site-footer .brand-main{font-size:40px !important}
.site-footer .brand-line1,
.site-footer .brand-line2{font-size:9px !important}

/* FINAL v7 — whole footer mail control is clickable */
a.footer-mail-wrap{
  text-decoration:none !important;
  cursor:pointer !important;
}
a.footer-mail-wrap:hover .footer-mail-icon{
  transform:translateY(-1px) !important;
  opacity:.82 !important;
}

/* FINAL v10 — consistent copyright/privacy alignment on every page */
.site-footer .footer-bottom{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  width:100%!important;
  gap:16px!important;
}
.site-footer .footer-bottom .privacy-policy{
  margin-left:auto!important;
  text-align:right!important;
  white-space:nowrap!important;
}
@media(max-width:600px){
  .site-footer .footer-bottom{
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  .site-footer .footer-bottom .privacy-policy{
    margin-left:auto!important;
  }
}

.site-footer .privacy-policy{color:inherit;text-decoration:none}
.site-footer .privacy-policy:hover{color:#b98845}


/* FINAL v16 — footer directions */
.site-footer .footer-directions{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  margin-top:10px !important;
  color:#b98845 !important;
  text-decoration:none !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:11px !important;
  font-weight:600 !important;
  letter-spacing:.08em !important;
}
.site-footer .footer-directions:hover{
  text-decoration:underline !important;
}
.site-footer .footer-directions span{
  transition:transform .18s ease;
}
.site-footer .footer-directions:hover span{
  transform:translateX(2px);
}

/* FINAL v17 — footer directions same gold accent as Contact */
.site-footer .footer-directions{
  color:#b98845 !important;
  border-color:#b98845 !important;
}
.site-footer .footer-directions:hover{
  color:#d4a15a !important;
}


/* FINAL v18 — directions are always gold */
.site-footer .footer-directions,
.site-footer .footer-directions:visited,
.site-footer .footer-directions:focus,
.site-footer .footer-directions:active{
  color:#b98845 !important;
  border-color:#b98845 !important;
}
.site-footer .footer-directions:hover{
  color:#d4a15a !important;
}

/* FINAL v18 — clickable gold mail icon in privacy/KVKK footer */
.site-footer a.footer-mail-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  color:inherit !important;
  text-decoration:none !important;
}
.site-footer .footer-mail-icon{
  width:18px !important;
  height:18px !important;
  color:#b98845 !important;
  flex:0 0 auto !important;
}
.site-footer a.footer-mail-wrap:hover .footer-mail-icon{
  color:#d4a15a !important;
  transform:translateY(-1px) !important;
}

/* FINAL v19 — directions always visible in gold */
.site-footer .footer-directions,
.site-footer .footer-directions:link,
.site-footer .footer-directions:visited,
.site-footer .footer-directions:focus,
.site-footer .footer-directions:active,
.site-footer .footer-directions:hover{
  color:#b98845 !important;
  border-color:#b98845 !important;
  opacity:1 !important;
}

.site-footer a.footer-mail-wrap{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  text-decoration:none !important;
}
.site-footer .footer-mail-icon{
  width:18px !important;height:18px !important;
  color:#b98845 !important;flex:0 0 auto !important;
}

/* FINAL v23 — positioning statements */
.practice-positioning,
.about-positioning{
  max-width:760px;
  margin:14px 0 34px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(16px,1.45vw,20px);
  line-height:1.55;
  font-style:italic;
  font-weight:400;
  letter-spacing:.01em;
}
@media (max-width:1024px){
  .practice-positioning,
  .about-positioning{
    max-width:680px;
    margin-bottom:30px;
  }
}
@media (max-width:768px){
  .practice-positioning,
  .about-positioning{
    max-width:100%;
    margin:10px 0 26px;
    font-size:16px;
    line-height:1.5;
  }
}
@media (max-width:480px){
  .practice-positioning,
  .about-positioning{
    margin:9px 0 22px;
    font-size:15px;
    line-height:1.5;
  }
}

/* FINAL v24 — more breathing room below Practice Areas heading */
.practice-positioning{
  margin-top:26px !important;
}
@media (max-width:1024px){
  .practice-positioning{
    margin-top:23px !important;
  }
}
@media (max-width:768px){
  .practice-positioning{
    margin-top:20px !important;
  }
}
@media (max-width:480px){
  .practice-positioning{
    margin-top:18px !important;
  }
}