/*
Theme Name:   astra Child
Theme URI:    https://arsinsalamat/themes/astra/
Description:  astra child theme
Author:       nikapro.com
Author URI:   https://nikapro.com/
Template:     astra
Version:      1.0.0
Text Domain:  astrachild
*/
:root {
	--ft-top-back:#f0f0f0;
	--ft-bottom-back:#312a2a;
	--ast-global-color-0:#02745a;
}
@font-face {
    font-family: iransans;
    src: url(fonts/irsans.ttf);
}

@font-face {
  font-family:'arsin';
  src: url('fonts/arsin-icons.ttf?uoefnb') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'arsin' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-global:before {
  content: "\e900";
}
.icon-sphere:before {
  content: "\e9c9";
}

body,p,span,caption,td,button, input, select, textarea ,
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,.site-title a
{
    font-family:iransans !important;
}
.justify p {
    text-align:justify;
}
.main-postgrid img {
    border-radius: 25px;
}
.container-with-bg {
    aspect-ratio: 2 / 1;
}

.wp-block-uagb-container.catalogpage {
    margin:0;
    padding:0;
}

.wp-block-uagb-container.catalogpage  canvas {
background-color:#02745a;
} 
.wp-block-uagb-container.catalogpage h2{
    position: absolute;
    z-index: 100;
    top: 30px;
    right: 100px;
    color: #fff;
}
/*
/* حالت شفاف در صفحه اصلی */
.home .main-header-bar {
  background: transparent !important;
  position: absolute;
  width: 100%;
  z-index: 999; 
}


/* حالت معمولی در سایر صفحات */
body:not(.home) .main-header-bar {
  background-color: #ffffff; 
  position:fixed;
  top: 0;
  z-index: 999; 
  width: -webkit-fill-available;
  width: 100%
}
body:not(.home) .custom-logo {
    content:url("https://dev.arsinsalamat.com/wp-content/uploads/2025/12/ArsinLogo-green.png");
}

body:not(.home) .main-header-menu > 
.menu-item > 
.menu-link{
  color:#02745a;
}
body:not(.home) .menu-additions .shop {
    margin-right: 10px;
    padding: 5px;
    color: #02745a;
    font-family: iransans;
    border: 1px solid #02745a;
}
body:not(.home) .entry-content{
  margin-top:90px;
}

body:not(.home) .lang-icon{
    color: #000;
}
@media (min-width: 922px) {
    body:not(.home) .site-content .ast-container {
        /*margin-top: 130px;*/
    }
  }



/* پایه: کارت Spectra باید position:relative داشته باشه */
.post-custom-overlay.uagb-post-grid .uagb-post__title a {
    display: none;
}

.post-custom-overlay .uagb-post__inner-wrap {
  position: relative;
  overflow: hidden;
}

/* استایل نوار overlay */
.custom-overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0px;
  transform: translateY(100%);
  opacity: 0;
  background: rgba(2,112,90,0.9);
  color: #ffffff;
  padding: 0.6rem 0.8rem;
  text-align: center;
  font-size: 0.95rem;
  line-height: 1.2;
  transition: transform .28s ease, opacity .28s ease;
  cursor: pointer;
  z-index: 50;
  user-select: none;
}

/* وقتی موس روی کارت میره، نوار بالا میاد */
.post-custom-overlay .uagb-post__inner-wrap:hover .custom-overlay,
.post-custom-overlay .uagb-post__inner-wrap:focus-within .custom-post-overlay {
  transform: translateY(0);
  opacity: 1;
}

/* برای موبایل شاید بخوای اندازه و padding کمتر باشه */
@media (max-width: 768px) {
  .custom-overlay {
    font-size: 0.9rem;
    padding: 0.5rem 0.6rem;
  }
}

.custom-overlay span.icon:before {
    content: "+";
    left: 10px;
    position: absolute;
    font-size: 30px;
    top: 4px;
}
.right-list .uagb-icon-list__wrap {
    align-items: flex-start !important;

}

.filter-grayscale {
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    transform: scale3d(1.005, 1.005, 1.005);
    transition: filter 0.5s, transform 0.5s;

}
.filter-grayscale:hover {
  filter:none;
  transition: filter 0.5s, transform 0.5s;
  transform: scale3d(1.1, 1.1, 1.1);
}
ul.lang{
  display:flex
}

/*for language selector*/
  /* پایه */
  .lang-dropdown { position: relative; display: inline-block; font-family: system-ui, sans-serif; }
  .lang-toggle { display: flex; align-items: center; gap: .5rem; cursor: pointer; user-select: none; }


 /* استایل آیکون */
  .lang-icon {
    width: 28px;
    height: 28px;
    display: inline-grid;
    place-items: center;
    border-radius: 6px;
    /*background: transparent; 
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12); */
    font-size: 27px;
    color: #fff;
  }
  .lang-label { display: inline-flex; align-items: center; gap: .35rem; padding: .25rem .5rem; border-radius: 6px; background:transparent; }
  .caret { transition: transform .18s ease; font-size: .8rem; color: #334155; }

  /* لیست پنهان به طور پیش‌فرض */
  .lang-menu {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    min-width: 160px;
    padding: .25rem;
    margin: 0;
    list-style: none;
    background: #fff;
    border: 1px solid rgba(15,23,42,.06);
    box-shadow: 0 6px 18px rgba(2,6,23,.08);
    border-radius: 8px;
    opacity: 0;
    transform: translateY(-6px) scale(.98);
    pointer-events: none;
    transition: opacity .08s ease-out, transform .08s ease-out;
    z-index: 50;
  }

  .lang-menu li {
    margin: 0;
  }
  .lang-menu a {
    display: block;
    padding: .5rem .6rem;
    text-decoration: none;
    color: #0f172a;
    border-radius: 6px;
    font-size: .95rem;
  }
  .lang-menu a:hover,
  .lang-menu a:focus {
    background: #f1f5f9;
    outline: none;
  }


  /* گزینه‌ها با آیکون کوچک (اختیاری) */
  .flag {
    width: 18px;
    height: 12px;
    display: inline-block;
    margin-right: .5rem;
    vertical-align: middle;
    border-radius: 2px;
    background-size: cover;
  }

  /* نمونه رنگ برای flag(فقط برای نمایش) */
  .flag-en { background: linear-gradient(#fff,#fff), linear-gradient(#012169,#012169); background-color:#012169; }
  .flag-fa { background: linear-gradient(#239f40,#239f40); background-color:#239f40; }

  /* واکنش‌گرایی کوچک */
  @media (max-width:420px){
    .lang-label { padding: .2rem .4rem; }
    .lang-menu { right: auto; left: 0; min-width: 140px; }
  }

  .lang-dropdown:focus-within .lang-menu {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

  .lang-menu li a {
    display: block;
    padding: 8px 10px;
    text-decoration: none;
    color: #0f172a;
    border-radius: 6px;
  }

  .lang-menu li a:hover {
    background: #02745a;
    color:#fff;
  }

  /* این بخش جادویی است */
  .lang-dropdown:hover .lang-menu {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  /*end for language selector */

  .menu-additions{
    display: flex;
    flex-direction: row;
    margin-right: -20px;
  }
  .menu-additions .shop {
    margin-right: 10px;
    padding: 5px;
    color: #fff;
    font-family: iransans;
    border: 1px solid #fff;
  }
  
  .sub-menu .menu-item > .menu-link {color:#000;}
  .ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
    background-color: #ffffff;
    width: 180px;
    border: 0px solid #cacacd;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5);
  }