/* Begin Additional CSS Styles */
.art-blockheader .t, .art-vmenublockheader .t {white-space: nowrap;}
/* End Additional CSS Styles */

/* ============================================================
   FIXES for Joomla 4 – side menu look (Artisteer original)
   ============================================================ */

/* 1. Remove ugly bullets / dots */
.art-sidebar1 ul,
.art-sidebar2 ul,
.art-vmenublock ul,
.art-vmenublockcontent ul,
.art-blockcontent ul,
ul.art-vmenu,
ul.art-vmenu ul,
ul.art-vmenu li,
.art-sidebar1 li,
.art-sidebar2 li,
.art-vmenublock li {
  list-style: none !important;
  list-style-type: none !important;
  list-style-image: none !important;
  background-image: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
}

.art-sidebar1 ul li::before,
.art-sidebar2 ul li::before,
.art-vmenublock ul li::before,
.art-vmenublockcontent ul li::before,
ul.art-vmenu li::before,
ul.art-vmenu li::marker {
  content: none !important;
  display: none !important;
}

/* 2. Force original Artisteer vertical menu button colors & size */
ul.art-vmenu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

ul.art-vmenu > li {
  display: block !important;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
  line-height: normal !important;
  list-style: none !important;
}

ul.art-vmenu > li:first-child {
  margin-top: 0 !important;
}

ul.art-vmenu > li > a,
ul.art-vmenu > li > a:link,
ul.art-vmenu > li > a:visited {
  display: block !important;
  background: #614838 !important;
  background: linear-gradient(to bottom, #574132 0%, #7E5E49 20%, #684D3C 50%, #543F30 80%, #614838 100%) !important;
  border-radius: 9px !important;
  border: 1px solid #2E3D4C !important;
  padding: 0 12px !important;
  margin: 0 auto !important;
  font-size: 13px !important;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif !important;
  font-weight: normal !important;
  text-decoration: none !important;
  color: #D0BCAE !important;
  min-height: 32px !important;
  line-height: 32px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

ul.art-vmenu > li > a:hover,
ul.art-vmenu > li > a.active:hover,
ul.art-vmenu > li > a:focus {
  background: #A67559 !important;
  background: linear-gradient(to bottom, #9F7156 0%, #A67559 4%, #B68E77 20%, #A97B60 50%, #A67559 62%, #9C6E54 80%, #A67559 100%) !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}

ul.art-vmenu > li > a.active,
ul.art-vmenu > li.current > a,
ul.art-vmenu > li.active > a {
  background: #A67559 !important;
  background: linear-gradient(to bottom, #9F7156 0%, #A67559 4%, #B68E77 20%, #A97B60 50%, #A67559 62%, #9C6E54 80%, #A67559 100%) !important;
  color: #FFFFFF !important;
}

/* Submenu items */
ul.art-vmenu ul {
  display: none;
  list-style: none !important;
  margin: 4px 0 !important;
  padding: 0 !important;
}

ul.art-vmenu ul.active,
ul.art-vmenu li.active > ul,
ul.art-vmenu li.deeper.parent > ul {
  display: block !important;
}

ul.art-vmenu ul > li > a {
  display: block !important;
  padding: 4px 10px 4px 20px !important;
  color: #533B2D !important;
  font-size: 13px !important;
  line-height: 22px !important;
  background: transparent !important;
  border: none !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

ul.art-vmenu ul > li > a:hover,
ul.art-vmenu ul > li > a.active {
  background: #EFF2F5 !important;
  color: #9F7156 !important;
}

/* 3. VMenu block container */
.art-vmenublock {
  border: 1px solid transparent !important;
  margin: 7px 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.art-vmenublockheader {
  background: #3E2E23 !important;
  background: linear-gradient(to bottom, #5B4434 0%, #241B14 100%) !important;
  border-radius: 6px !important;
  padding: 10px 0 !important;
  margin: 0 auto 7px !important;
}

.art-vmenublockheader .t {
  color: #FA6114 !important;
  font-size: 22px !important;
  font-family: Arial, Helvetica, Sans-Serif !important;
  font-weight: normal !important;
  margin: 0 10px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.art-vmenublockcontent {
  margin: 0 auto !important;
  padding: 0 !important;
  border: none !important;
}

/* 4. Override Bootstrap / Joomla 4 defaults that break the look */
.art-sidebar1 .nav,
.art-sidebar2 .nav,
.art-sidebar1 .mod-menu,
.art-sidebar2 .mod-menu,
.art-vmenublockcontent .nav,
.art-vmenublockcontent .mod-menu {
  display: block !important;
  flex-direction: column !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.art-sidebar1 .nav-item,
.art-sidebar2 .nav-item,
.art-sidebar1 .nav-link,
.art-sidebar2 .nav-link {
  display: block !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* If menu still outputs as .mod-list / .nav – force button style on links */
.art-vmenublockcontent > ul > li > a,
.art-sidebar1 .art-vmenublockcontent a,
.art-sidebar2 .art-vmenublockcontent a {
  /* inherited from ul.art-vmenu > li > a when class is present */
}

/* Fallback: style any direct ul in vmenublockcontent as vmenu */
.art-vmenublockcontent > ul > li {
  list-style: none !important;
  margin: 4px 0 0 0 !important;
  padding: 0 !important;
}

.art-vmenublockcontent > ul > li:first-child {
  margin-top: 0 !important;
}

.art-vmenublockcontent > ul > li > a {
  display: block !important;
  background: #614838 !important;
  background: linear-gradient(to bottom, #574132 0%, #7E5E49 20%, #684D3C 50%, #543F30 80%, #614838 100%) !important;
  border-radius: 9px !important;
  border: 1px solid #2E3D4C !important;
  padding: 0 12px !important;
  color: #D0BCAE !important;
  font-size: 13px !important;
  line-height: 32px !important;
  min-height: 32px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

.art-vmenublockcontent > ul > li > a:hover,
.art-vmenublockcontent > ul > li.active > a,
.art-vmenublockcontent > ul > li.current > a {
  background: #A67559 !important;
  background: linear-gradient(to bottom, #9F7156 0%, #A67559 4%, #B68E77 20%, #A97B60 50%, #A67559 62%, #9C6E54 80%, #A67559 100%) !important;
  color: #FFFFFF !important;
}