/* =========================================================
   YOOtheme Global Custom CSS — CLEAN & STABLE
========================================================= */


/* =========================
   Navigation — Sub-menu level 2
========================= */
.uk-nav-secondary > li > a {
  color: #aec971;
  font-family: "Comic Sans MS", "Comic Neue", cursive;
  font-size: 16px;
  font-weight: 700;
  padding: 8px 14px;
  border-radius: 6px;
  transition: background-color .2s ease,
              color .2s ease,
              transform .2s ease,
              box-shadow .2s ease;
}

.uk-nav-secondary > li > a:hover {
  background-color: #aec971;
  color: #000;
  transform: translateX(2px);
  box-shadow: 0 4px 8px rgba(0,0,0,.2);
}


/* =========================
   Navigation — Sub-menu level 3
========================= */
.tm-header .uk-navbar-dropdown ul.uk-nav.uk-nav-secondary
li.uk-parent > ul.uk-nav-sub > li > a {
  position: relative;
  display: block;
  padding-left: 26px;
  color: #aec971;
  font-family: "Comic Sans MS","Comic Neue",cursive;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  border-radius: 4px;
  transition: background-color .2s ease,
              color .2s ease,
              transform .2s ease,
              box-shadow .2s ease;
}

/* Square marker */
.tm-header .uk-navbar-dropdown ul.uk-nav.uk-nav-secondary
li.uk-parent > ul.uk-nav-sub > li > a::before {
  content: "■";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #aec971;
}

/* Hover / active */
.tm-header .uk-navbar-dropdown ul.uk-nav.uk-nav-secondary
li.uk-parent > ul.uk-nav-sub > li > a:hover,
.tm-header .uk-navbar-dropdown ul.uk-nav.uk-nav-secondary
li.uk-parent > ul.uk-nav-sub > li.uk-active > a {
  background-color: #aec971;
  color: #000;
  transform: translateX(4px);
  box-shadow: 0 3px 6px rgba(0,0,0,.3);
}

.tm-header .uk-navbar-dropdown ul.uk-nav.uk-nav-secondary
li.uk-parent > ul.uk-nav-sub > li > a:hover::before,
.tm-header .uk-navbar-dropdown ul.uk-nav.uk-nav-secondary
li.uk-parent > ul.uk-nav-sub > li.uk-active > a::before {
  color: #000;
}


/* =========================
   Global anchor offset
========================= */
:target {
  scroll-margin-top: 120px;
}


/* =========================
   TEMP FIX — Invisible images (YOOtheme / UIkit)
   NOTE: to be removed later after builder cleanup
========================= */
#tm-main img.el-image,
#tm-main img.uk-transition-opaque,
#tm-main .uk-inline-clip > img,
#tm-main .uk-inline-clip > picture {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

#tm-main .el-image::before,
#tm-main .el-image::after {
  content: none !important;
}


/* =========================
   TELECONSULTATION (TEMP)
========================= */
.div_service_details,
#maincontentdiv,
#cartdiv,
.sub_header {
  color: #fff;
}