.elementor-18 .elementor-element.elementor-element-adc0bfa{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-18cdba9 *//* ================================================================
   شهر آجر حسنی | HEADER
   Luxury Black / Gold
   Prefix: sahd
================================================================ */


/* ================================================================
   FONT
================================================================ */

@font-face{

  font-family:"YekanBakh";

  src:url("wp-content/uploads/2026/08/YekanBakh-VF.ttf")
      format("truetype");

  font-weight:100 900;

  font-style:normal;

  font-display:swap;

}


/* ================================================================
   RESET
================================================================ */

.sahd,
.sahd *,
.sahd *::before,
.sahd *::after{

  box-sizing:border-box;

}


.sahd,
.sahd a,
.sahd b,
.sahd small,
.sahd span,
.sahd strong,
.sahd li,
.sahd summary{

  font-family:
    "YekanBakh",
    Tahoma,
    Arial,
    sans-serif !important;

}


/* ================================================================
   HEADER
================================================================ */

.sahd{

  --sahd-gold:#C89B5C;
  --sahd-gold-light:#DFBB7C;
  --sahd-gold-dark:#A87C42;

  --sahd-black:#080706;
  --sahd-black-2:#120E0A;

  direction:rtl;

  position:relative;

  z-index:9999;

  width:100%;

  color:#fff;

  isolation:isolate;

  background:

    radial-gradient(
      650px 250px at 90% 50%,
      rgba(223,187,124,.13),
      transparent 72%
    ),

    radial-gradient(
      500px 220px at 8% 50%,
      rgba(200,155,92,.07),
      transparent 72%
    ),

    linear-gradient(
      120deg,
      #050504 0%,
      #0B0907 30%,
      #17110B 52%,
      #0B0907 75%,
      #050504 100%
    );

  border-bottom:
    1px solid rgba(223,187,124,.22);

  box-shadow:
    0 10px 35px rgba(0,0,0,.32);

}


/* ================================================================
   DECORATIVE LIGHT
================================================================ */

.sahd::before{

  content:"";

  position:absolute;

  inset:0;

  z-index:-1;

  pointer-events:none;

  background:

    radial-gradient(
      ellipse 55% 100% at 50% 0%,
      rgba(255,218,155,.035),
      transparent 72%
    );

}


/* ================================================================
   SUBTLE BRICK TEXTURE
================================================================ */

.sahd::after{

  content:"";

  position:absolute;

  inset:0;

  z-index:-1;

  pointer-events:none;

  opacity:.07;

  background-image:

    linear-gradient(
      90deg,
      rgba(255,255,255,.07) 1px,
      transparent 1px
    ),

    linear-gradient(
      180deg,
      rgba(255,255,255,.05) 1px,
      transparent 1px
    );

  background-size:
    64px 32px,
    64px 32px;

  mask-image:
    radial-gradient(
      75% 100% at 50% 50%,
      #000 0%,
      transparent 100%
    );

  -webkit-mask-image:
    radial-gradient(
      75% 100% at 50% 50%,
      #000 0%,
      transparent 100%
    );

}


/* ================================================================
   INNER CONTAINER
================================================================ */

.sahd__in{

  position:relative;

  z-index:2;

  width:100%;

  max-width:1440px;

  min-height:78px;

  margin:0 auto;

  padding:
    12px
    clamp(18px,4vw,70px);

  display:flex;

  align-items:center;

  gap:clamp(14px,2vw,30px);

}


/* ================================================================
   LOGO
================================================================ */

.sahd__logo{

  flex:none;

  display:flex;

  align-items:center;

  gap:11px;

  color:inherit;

  text-decoration:none;

}


.sahd__logo svg{

  display:block;

  width:46px;

  height:46px;

  flex:none;

  filter:
    drop-shadow(
      0 4px 12px
      rgba(200,155,92,.15)
    );

}


.sahd__brand{

  display:flex;

  flex-direction:column;

  justify-content:center;

  line-height:1.2;

}


.sahd__brand b{

  color:var(--sahd-gold-light);

  font-size:
    clamp(18px,1.5vw,23px);

  font-weight:800;

  white-space:nowrap;

  text-shadow:
    0 2px 15px
    rgba(223,187,124,.16);

}


.sahd__brand small{

  margin-top:4px;

  color:
    rgba(255,255,255,.62);

  font-size:11px;

  font-weight:400;

  white-space:nowrap;

}


/* ================================================================
   DESKTOP MENU
================================================================ */

.sahd__menu{

  flex:1;

  display:flex;

  align-items:center;

  justify-content:center;

  gap:clamp(15px,2.2vw,34px);

  margin:0;

  padding:0;

  list-style:none;

}


.sahd__menu li{

  margin:0;

  padding:0;

}


.sahd__menu a{

  position:relative;

  display:inline-flex;

  align-items:center;

  padding:9px 2px;

  color:
    rgba(255,255,255,.87);

  text-decoration:none;

  font-size:15px;

  font-weight:500;

  transition:
    color .25s ease,
    transform .25s ease;

}


.sahd__menu a:hover{

  color:var(--sahd-gold-light);

  transform:translateY(-1px);

}


.sahd__menu a.on{

  color:var(--sahd-gold-light);

  font-weight:700;

}


.sahd__menu a.on::after{

  content:"";

  position:absolute;

  right:0;

  left:0;

  bottom:0;

  height:2px;

  border-radius:10px;

  background:
    linear-gradient(
      90deg,
      var(--sahd-gold-dark),
      var(--sahd-gold-light),
      var(--sahd-gold)
    );

  box-shadow:
    0 3px 10px
    rgba(200,155,92,.35);

}


/* ================================================================
   ACTIONS
================================================================ */

.sahd__acts{

  flex:none;

  display:flex;

  align-items:center;

  gap:8px;

}


/* ================================================================
   COMMON ACTION
================================================================ */

.sahd__loc,
.sahd__cta,
.sahd__ivr{

  text-decoration:none;

  transition:
    transform .25s ease,
    background .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;

}


/* ================================================================
   GOOGLE MAP
================================================================ */

.sahd__loc{

  width:42px;

  height:42px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  flex:none;

  border-radius:11px;

  color:var(--sahd-gold-light);

  background:
    rgba(200,155,92,.08);

  border:
    1px solid
    rgba(223,187,124,.30);

}


.sahd__loc:hover{

  color:#fff;

  background:
    rgba(200,155,92,.19);

  border-color:
    rgba(223,187,124,.58);

  transform:translateY(-2px);

}


.sahd__loc svg{

  width:19px;

  height:19px;

}


/* ================================================================
   IVR / TELEPHONE
================================================================ */

.sahd__ivr{

  min-height:42px;

  display:flex;

  align-items:center;

  gap:9px;

  padding:
    6px 12px;

  border-radius:11px;

  color:
    rgba(255,255,255,.92);

  background:
    rgba(255,255,255,.035);

  border:
    1px solid
    rgba(223,187,124,.20);

}


.sahd__ivr:hover{

  transform:translateY(-2px);

  background:
    rgba(200,155,92,.12);

  border-color:
    rgba(223,187,124,.45);

  box-shadow:
    0 8px 20px
    rgba(0,0,0,.22);

}


.sahd__ivr-icon{

  width:30px;

  height:30px;

  display:flex;

  align-items:center;

  justify-content:center;

  flex:none;

  color:var(--sahd-gold-light);

  border-radius:8px;

  background:
    rgba(200,155,92,.10);

}


.sahd__ivr-icon svg{

  width:18px;

  height:18px;

}


.sahd__ivr-text{

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  justify-content:center;

  line-height:1.1;

}


.sahd__ivr-text small{

  margin-bottom:3px;

  color:
    rgba(255,255,255,.56);

  font-size:9.5px;

  font-weight:400;

}


.sahd__ivr-text strong{

  direction:ltr;

  color:var(--sahd-gold-light);

  font-size:12px;

  font-weight:700;

  letter-spacing:.2px;

}


/* ================================================================
   DIRECT CALL BUTTON
================================================================ */

.sahd__cta{

  min-height:42px;

  display:inline-flex;

  align-items:center;

  justify-content:center;

  gap:8px;

  padding:
    9px 14px;

  border-radius:11px;

  color:#17110B;

  background:
    linear-gradient(
      135deg,
      #E3C181 0%,
      #C89B5C 52%,
      #A87C42 100%
    );

  box-shadow:
    0 7px 20px
    rgba(200,155,92,.24);

  font-size:13px;

  font-weight:800;

}


.sahd__cta svg{

  width:18px;

  height:18px;

  flex:none;

}


.sahd__cta span{

  direction:ltr;

}


.sahd__cta:hover{

  transform:translateY(-2px);

  color:#080706;

  box-shadow:
    0 12px 27px
    rgba(200,155,92,.38);

}


/* ================================================================
   MOBILE MENU BUTTON
================================================================ */

.sahd__mob{

  display:none;

  position:relative;

  margin-inline-start:auto;

}


.sahd__mob summary{

  width:42px;

  height:42px;

  display:flex;

  flex-direction:column;

  align-items:center;

  justify-content:center;

  gap:5px;

  cursor:pointer;

  list-style:none;

  border-radius:11px;

  background:
    rgba(200,155,92,.08);

  border:
    1px solid
    rgba(223,187,124,.30);

}


.sahd__mob summary::-webkit-details-marker{

  display:none;

}


.sahd__mob summary i{

  display:block;

  width:18px;

  height:2px;

  flex:none;

  border-radius:4px;

  background:var(--sahd-gold-light);

  transition:
    transform .25s ease,
    opacity .25s ease;

}


/* ================================================================
   MOBILE MENU OPEN STATE
================================================================ */

.sahd__mob[open] summary i:nth-child(1){

  transform:
    translateY(7px)
    rotate(45deg);

}


.sahd__mob[open] summary i:nth-child(2){

  opacity:0;

}


.sahd__mob[open] summary i:nth-child(3){

  transform:
    translateY(-7px)
    rotate(-45deg);

}


/* ================================================================
   MOBILE DROPDOWN
================================================================ */

.sahd__mob ul{

  position:absolute;

  top:calc(100% + 12px);

  left:0;

  right:auto;

  width:
    min(330px, calc(100vw - 30px));

  margin:0;

  padding:8px 14px;

  list-style:none;

  overflow:hidden;

  border-radius:16px;

  background:

    radial-gradient(
      450px 180px at 50% 0%,
      rgba(200,155,92,.10),
      transparent 70%
    ),

    linear-gradient(
      145deg,
      rgba(24,17,11,.98),
      rgba(7,6,5,.99)
    );

  border:
    1px solid
    rgba(223,187,124,.20);

  box-shadow:
    0 20px 45px
    rgba(0,0,0,.48);

  backdrop-filter:blur(16px);

  -webkit-backdrop-filter:blur(16px);

}


.sahd__mob li{

  margin:0;

  padding:0;

}


.sahd__mob li + li{

  border-top:
    1px solid
    rgba(255,255,255,.06);

}


.sahd__mob a{

  min-height:47px;

  display:flex;

  align-items:center;

  gap:9px;

  padding:11px 4px;

  color:
    rgba(255,255,255,.90);

  text-decoration:none;

  font-size:14px;

  font-weight:500;

  transition:
    color .2s ease,
    padding .2s ease;

}


.sahd__mob a:hover{

  color:var(--sahd-gold-light);

  padding-right:8px;

}


.sahd__mob a.on{

  color:var(--sahd-gold-light);

  font-weight:700;

}


.sahd__mob svg{

  width:18px;

  height:18px;

  flex:none;

}


/* ================================================================
   MOBILE SPECIAL LINKS
================================================================ */

.sahd__mob a.map{

  color:var(--sahd-gold-light);

}


.sahd__mob-ivr{

  justify-content:space-between;

  color:var(--sahd-gold-light) !important;

}


.sahd__mob-ivr strong,
.sahd__mob-direct strong{

  direction:ltr;

  font-size:13px;

  font-weight:700;

}


.sahd__mob-direct{

  justify-content:space-between;

  color:#fff !important;

}


/* ================================================================
   TABLET / MOBILE
================================================================ */

@media (max-width:1050px){

  .sahd__menu{

    gap:18px;

  }

  .sahd__menu a{

    font-size:14px;

  }

  .sahd__ivr-text strong{

    font-size:11px;

  }

  .sahd__cta{

    padding-left:11px;

    padding-right:11px;

  }

}


/* ================================================================
   MOBILE
================================================================ */

@media (max-width:900px){

  .sahd__menu,
  .sahd__acts{

    display:none;

  }


  .sahd__mob{

    display:block;

  }


  .sahd__in{

    min-height:70px;

    padding:
      10px
      clamp(15px,4vw,28px);

  }


  .sahd__brand small{

    display:none;

  }


  .sahd__logo{

    gap:9px;

  }


  .sahd__logo svg{

    width:42px;

    height:42px;

  }


  .sahd__brand b{

    font-size:
      clamp(17px,4.5vw,20px);

  }

}


/* ================================================================
   SMALL MOBILE
================================================================ */

@media (max-width:480px){

  .sahd__in{

    min-height:66px;

    padding-left:15px;

    padding-right:15px;

  }


  .sahd__logo svg{

    width:40px;

    height:40px;

  }


  .sahd__brand b{

    font-size:17px;

  }


  .sahd__mob ul{

    top:calc(100% + 8px);

    width:
      calc(100vw - 30px);

  }


  .sahd::after{

    opacity:.045;

  }

}


/* ================================================================
   VERY SMALL MOBILE
================================================================ */

@media (max-width:360px){

  .sahd__brand b{

    font-size:16px;

  }


  .sahd__logo{

    gap:7px;

  }


  .sahd__mob summary{

    width:40px;

    height:40px;

  }

}


/* ================================================================
   REDUCED MOTION
================================================================ */

@media (prefers-reduced-motion:reduce){

  .sahd *,
  .sahd *::before,
  .sahd *::after{

    transition:none !important;

    animation:none !important;

  }

}/* End custom CSS */