/* KIWI_UNIFIED_HOME_SHELL_V2:START */

:root{
  --kiwi-dark:#0b3b2e;
  --kiwi-green:#3bb273;
  --kiwi-light:#eafaf2;
  --kiwi-accent:#ffd166;
}

.kiwi-navbar.kiwi-unified-home-shell-v2{
  z-index:3000 !important;
  min-height:78px !important;
  padding:8px 0 !important;
  background:linear-gradient(90deg,var(--kiwi-dark),#145c42) !important;
  box-shadow:0 10px 28px rgba(3,25,18,.45) !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-shell{
  min-height:60px !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-top-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .navbar-brand{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  color:#fff !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .brand-logo-circle{
  width:38px !important;
  height:38px !important;
  flex:0 0 38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:50% !important;
  background:var(--kiwi-light) !important;
  box-shadow:0 4px 12px rgba(0,0,0,.16) !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .brand-logo-circle img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .brand-text{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  min-width:0 !important;
  color:#fff !important;
  font-size:.92rem !important;
  font-weight:700 !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-brand-subtitle-v2{
  display:block !important;
  max-width:430px !important;
  overflow:hidden !important;
  margin-top:2px !important;
  color:rgba(255,255,255,.73) !important;
  font-size:.67rem !important;
  font-weight:500 !important;
  line-height:1.45 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .navbar-nav{
  align-items:center !important;
  gap:3px !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-item{
  display:flex !important;
  align-items:center !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:38px !important;
  padding:8px 10px !important;
  border-radius:10px !important;
  color:rgba(255,255,255,.9) !important;
  font-size:.88rem !important;
  font-weight:700 !important;
  text-decoration:none !important;
  transition:background .18s ease,color .18s ease,transform .18s ease !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link:hover,
.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link.active{
  color:#fff !important;
  background:rgba(255,255,255,.15) !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-shell-shop-link-v2{
  color:#fff !important;
  background:rgba(255,255,255,.14) !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-shell-shop-link-v2:hover,
.kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-shell-shop-link-v2.active{
  color:#fff !important;
  background:rgba(255,255,255,.27) !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .custom-toggler{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:43px !important;
  height:41px !important;
  border:1px solid rgba(255,255,255,.35) !important;
  border-radius:11px !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .custom-toggler:focus{
  box-shadow:0 0 0 3px rgba(255,255,255,.15) !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .custom-toggler i{
  color:#fff !important;
  font-size:1.3rem !important;
}

body[data-kiwi-page="shop"] .kiwi-shop-main{
  padding-top:126px !important;
}

@media (max-width:991.98px){
  .kiwi-navbar.kiwi-unified-home-shell-v2 .navbar-collapse{
    margin-top:10px !important;
    padding:12px !important;
    border-radius:16px !important;
    background:rgba(7,82,49,.98) !important;
    box-shadow:0 16px 30px rgba(0,0,0,.18) !important;
  }

  .kiwi-navbar.kiwi-unified-home-shell-v2 .navbar-nav{
    align-items:stretch !important;
  }

  .kiwi-navbar.kiwi-unified-home-shell-v2 .nav-item{
    display:block !important;
  }

  .kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link{
    justify-content:flex-start !important;
    width:100% !important;
  }
}

@media (max-width:767.98px){
  .kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-brand-subtitle-v2{
    display:none !important;
  }

  body[data-kiwi-page="shop"] .kiwi-shop-main{
    padding-top:106px !important;
  }
}

/* KIWI_UNIFIED_HOME_SHELL_V2:END */

/* KIWI_NAV_ACTIVE_BRAND_POLISH_V3:START */

/* رنگ اصلی سایت برای Hover و Active */
.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link{
  position:relative !important;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

/* هاور با رنگ اصلی KiwiAI */
.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link:hover,
.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link:focus-visible{
  color:#083c2c !important;
  background:#3bb273 !important;
  box-shadow:0 8px 18px rgba(59,178,115,.25) !important;
  transform:translateY(-1px) !important;
}

/* آیتم صفحه فعال */
.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link.active,
.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link[aria-current="page"]{
  color:#083c2c !important;
  background:#3bb273 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.42),
    0 8px 18px rgba(59,178,115,.24) !important;
  font-weight:900 !important;
  transform:none !important;
}

/* فروشگاه در حالت Active نیز همان تم اصلی را بگیرد */
.kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-shell-shop-link-v2.active,
.kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-shell-shop-link-v2[aria-current="page"]{
  color:#083c2c !important;
  background:#3bb273 !important;
}

/* فقط یک عنوان و فقط یک زیرعنوان زیر لوگو */
.kiwi-navbar.kiwi-unified-home-shell-v2 .brand-text{
  line-height:1.25 !important;
}

.kiwi-navbar.kiwi-unified-home-shell-v2 .kiwi-brand-subtitle-v2{
  display:block !important;
  margin-top:3px !important;
  color:rgba(255,255,255,.73) !important;
  font-size:.67rem !important;
  font-weight:500 !important;
  line-height:1.45 !important;
}

@media (max-width:991.98px){
  .kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link:hover,
  .kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link.active,
  .kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link[aria-current="page"]{
    transform:none !important;
  }
}

/* KIWI_NAV_ACTIVE_BRAND_POLISH_V3:END */

/* KIWI_HOME_SECTION_SCROLLSPY_V1:START */

/* فاصله صحیح بخش‌ها از نوبار ثابت */
#app,
#about_content,
#contact_content{
  scroll-margin-top:104px !important;
}

/* هنگام رسیدن به لینک بخش، تمرکز بصری مرتب بماند */
.kiwi-navbar.kiwi-unified-home-shell-v2 .nav-link[data-kiwi-home-section]{
  scroll-margin-top:104px !important;
}

/* حالت Active برای لینک‌های بخش‌های صفحه اصلی */
.kiwi-navbar.kiwi-unified-home-shell-v2
.nav-link[data-kiwi-home-section].active,
.kiwi-navbar.kiwi-unified-home-shell-v2
.nav-link[data-kiwi-home-section][aria-current="location"]{
  color:#083c2c !important;
  background:#3bb273 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.44),
    0 8px 18px rgba(59,178,115,.24) !important;
  font-weight:900 !important;
}

/* فوتر هم در خانه به همان بخش‌ها اسکرول می‌کند */
#kiwiDynamicFooterV2 .kiwi-footer-links-v2 a[data-kiwi-home-section]{
  scroll-margin-top:104px !important;
}

/* KIWI_HOME_SECTION_SCROLLSPY_V1:END */


/* KIWI_STABLE_BRAND_RENDER_V2:START */

.kiwi-navbar .brand-text{
  --kiwi-stable-brand-title:"KiwiAI";
  --kiwi-stable-brand-subtitle:"سامانه هوشمند تشخیص بیماری برگ کیوی";
  position:relative !important;
  min-width:0 !important;
}

.kiwi-navbar .brand-text > :is(
  .kiwi-brand-subtitle-v2,
  .kiwi-unified-brand-subtitle,
  [data-kiwi-brand-subtitle-v2],
  [data-kiwi-unified-brand-subtitle],
  small
){
  display:none !important;
}

@media (min-width:768px){
  .kiwi-navbar .brand-text > .d-none.d-md-inline{
    display:inline-block !important;
    min-width:0 !important;
    color:transparent !important;
    font-size:0 !important;
    line-height:0 !important;
    white-space:nowrap !important;
  }

  .kiwi-navbar .brand-text > .d-none.d-md-inline::after{
    content:var(--kiwi-stable-brand-title) !important;
    display:inline-block !important;
    color:#fff !important;
    font-size:.93rem !important;
    font-weight:800 !important;
    line-height:1.28 !important;
    white-space:nowrap !important;
  }

  .kiwi-navbar .brand-text::after{
    content:var(--kiwi-stable-brand-subtitle) !important;
    display:block !important;
    max-width:min(430px,58vw) !important;
    margin-top:2px !important;
    overflow:hidden !important;
    color:rgba(255,255,255,.73) !important;
    font-size:.67rem !important;
    font-weight:500 !important;
    line-height:1.45 !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
  }
}

@media (max-width:767.98px){
  .kiwi-navbar .brand-text::after{
    display:none !important;
  }
}

/* KIWI_STABLE_BRAND_RENDER_V2:END */

/* KIWI_FINAL_STATIC_NAVBAR_V4_START */
/* =========================================================
   KiwiAI — One visual navbar system for all public pages
   Static state only: no delayed style or menu rewrites
   ========================================================= */

:root {
  --kiwi-nav-idle-bg: rgba(255, 255, 255, 0.075);
  --kiwi-nav-idle-border: rgba(255, 255, 255, 0.13);
  --kiwi-nav-idle-text: rgba(255, 255, 255, 0.96);

  --kiwi-nav-hover-a: #14774f;
  --kiwi-nav-hover-b: #3dbb78;
  --kiwi-nav-hover-border: rgba(222, 255, 234, 0.80);
  --kiwi-nav-hover-text: #ffffff;

  --kiwi-nav-active-a: #f2fff6;
  --kiwi-nav-active-b: #d8f8e4;
  --kiwi-nav-active-border: #86d6a6;
  --kiwi-nav-active-text: #075238;
}

/* دکمه‌های اصلی نوبار */
html body .kiwi-navbar .navbar-nav > .nav-item > .nav-link,
html body .kiwi-navbar .kiwi-lang-btn,
html body .kiwi-navbar #user-not-logged > .btn,
html body .kiwi-navbar .navbar-toggler,
html body .kiwi-navbar .kiwi-user-trigger {
  appearance: none !important;
  background: var(--kiwi-nav-idle-bg) !important;
  border: 1px solid var(--kiwi-nav-idle-border) !important;
  border-radius: 14px !important;
  color: var(--kiwi-nav-idle-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 5px 14px rgba(0,0,0,.09) !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transform: none !important;
  animation: none !important;
  transition:
    background .18s ease,
    border-color .18s ease,
    color .18s ease,
    box-shadow .18s ease !important;
}

/* تمام Hoverها یکسان */
html body .kiwi-navbar .navbar-nav > .nav-item > .nav-link:hover,
html body .kiwi-navbar .navbar-nav > .nav-item > .nav-link:focus-visible,
html body .kiwi-navbar .kiwi-lang-btn:hover,
html body .kiwi-navbar .kiwi-lang-btn:focus-visible,
html body .kiwi-navbar #user-not-logged > .btn:hover,
html body .kiwi-navbar #user-not-logged > .btn:focus-visible,
html body .kiwi-navbar .navbar-toggler:hover,
html body .kiwi-navbar .navbar-toggler:focus-visible,
html body .kiwi-navbar .kiwi-user-trigger:hover,
html body .kiwi-navbar .kiwi-user-trigger:focus-visible {
  background: linear-gradient(
    135deg,
    var(--kiwi-nav-hover-a),
    var(--kiwi-nav-hover-b)
  ) !important;
  border-color: var(--kiwi-nav-hover-border) !important;
  color: var(--kiwi-nav-hover-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 9px 22px rgba(3, 62, 39, .26) !important;
  outline: none !important;
  transform: none !important;
}

/* رنگ ثابت دکمه‌های Active در تمام صفحات */
html body[data-kiwi-nav-page="home"]
.kiwi-navbar [data-kiwi-nav-key="diagnosis"],

html body[data-kiwi-nav-page="articles"]
.kiwi-navbar [data-kiwi-nav-key="articles"],

html body[data-kiwi-nav-page="shop"]
.kiwi-navbar [data-kiwi-nav-key="shop"],

html body[data-kiwi-nav-page="login"]
.kiwi-navbar [data-kiwi-nav-key="login"],

html body .kiwi-navbar .kiwi-lang-btn.active,
html body .kiwi-navbar .kiwi-lang-btn[aria-pressed="true"],
html body .kiwi-navbar .navbar-toggler[aria-expanded="true"] {
  background: linear-gradient(
    135deg,
    var(--kiwi-nav-active-a),
    var(--kiwi-nav-active-b)
  ) !important;
  border-color: var(--kiwi-nav-active-border) !important;
  color: var(--kiwi-nav-active-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 7px 18px rgba(7, 82, 55, .18) !important;
}

/* صفحه اصلی: About / Contact با hash نیز Active درست دارند */
html body[data-kiwi-nav-page="home"]:has(#about_content:target)
.kiwi-navbar [data-kiwi-nav-key="diagnosis"],

html body[data-kiwi-nav-page="home"]:has(#contact_content:target)
.kiwi-navbar [data-kiwi-nav-key="diagnosis"] {
  background: var(--kiwi-nav-idle-bg) !important;
  border-color: var(--kiwi-nav-idle-border) !important;
  color: var(--kiwi-nav-idle-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 5px 14px rgba(0,0,0,.09) !important;
}

html body[data-kiwi-nav-page="home"]:has(#about_content:target)
.kiwi-navbar [data-kiwi-nav-key="about"],

html body[data-kiwi-nav-page="home"]:has(#contact_content:target)
.kiwi-navbar [data-kiwi-nav-key="contact"] {
  background: linear-gradient(
    135deg,
    var(--kiwi-nav-active-a),
    var(--kiwi-nav-active-b)
  ) !important;
  border-color: var(--kiwi-nav-active-border) !important;
  color: var(--kiwi-nav-active-text) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 7px 18px rgba(7, 82, 55, .18) !important;
}

/* دکمه Active در Hover نیز فرم یکدست خود را نگه می‌دارد */
html body .kiwi-navbar [data-kiwi-nav-key]:is(
  [data-kiwi-nav-key="diagnosis"],
  [data-kiwi-nav-key="articles"],
  [data-kiwi-nav-key="about"],
  [data-kiwi-nav-key="contact"],
  [data-kiwi-nav-key="shop"],
  [data-kiwi-nav-key="login"]
):active,
html body .kiwi-navbar .kiwi-lang-btn:active,
html body .kiwi-navbar .navbar-toggler:active {
  transform: none !important;
}

/* موبایل */
@media (max-width: 991.98px) {
  html body .kiwi-navbar .navbar-collapse {
    margin-top: 12px !important;
    padding: 12px !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 18px !important;
    background: rgba(5, 65, 42, .98) !important;
  }

  html body .kiwi-navbar .navbar-nav > .nav-item > .nav-link {
    min-height: 45px !important;
    margin: 4px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* KIWI_FINAL_STATIC_NAVBAR_V4_END */
