/* ═══════════════════════════════════════════════════════════════════════════
   PHYSICAL ME - DESIGN OVERRIDES
   Updated: 2026-06-20 15:56 UTC
   ═══════════════════════════════════════════════════════════════════════════ */

/* LOGO - SMALL AND ROUND */
.site-logo {
  width: 50px !important;
  height: 50px !important;
}

.site-logo img.custom-logo {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: 3px solid #5B6E32 !important;
  object-fit: cover !important;
  display: block !important;
}

/* HEADER - DARK GRAY */
#site-header {
  background: #3e4346 !important;
  border-bottom: 1px solid rgba(91, 110, 50, 0.2) !important;
  padding: 10px 20px !important;
}

/* FOOTER - DARK GRAY MATCHING HEADER */
#site-footer,
.site-footer {
  background: #3e4346 !important;
  border-top: 1px solid rgba(91, 110, 50, 0.2) !important;
  color: #fff !important;
}

#site-footer a,
.site-footer a {
  color: #fff !important;
}

/* FOOTER LOGO - SAME AS HEADER */
.site-footer .site-logo,
.site-footer .site-logo a,
.site-footer .site-logo img {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  display: block !important;
}

.site-footer .site-logo img.custom-logo {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  border: 3px solid #5B6E32 !important;
  object-fit: cover !important;
}

/* NAVIGATION - CLEANER, LESS WIDE */
.site-navigation {
  max-width: 800px !important;
}

.site-navigation ul.menu {
  gap: 0 !important;
}

.site-header .site-title,
.site-header .site-title a,
.site-header .site-description {
  color: #fff !important;
}

/* MENU ITEMS - TEXT COLOR WHITE */
.site-navigation ul.menu li.menu-item > a,
.site-navigation ul.menu li a {
  padding: 8px 12px !important;
  font-size: 12px !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}

/* MENU HOVER STATE */
.site-navigation ul.menu li.menu-item > a:hover,
.site-navigation ul.menu li a:hover {
  color: #FFD700 !important;
  background: rgba(255, 215, 0, 0.1) !important;
}

/* SUBMENU TEXT */
.site-navigation ul.menu ul li a,
.site-navigation ul.menu ul.sub-menu li a {
  color: #333333 !important;
  background: #ffffff !important;
  padding: 10px 16px !important;
  display: block !important;
  border-bottom: 1px solid #f0f0f0 !important;
}

/* SUBMENU TEXT HOVER */
.site-navigation ul.menu ul li a:hover,
.site-navigation ul.menu ul.sub-menu li a:hover {
  color: #5B6E32 !important;
  background: #f9f9f9 !important;
}

/* HIDE DROPDOWN ARROWS - ALL VARIANTS */
.site-navigation ul.menu li.menu-item-has-children:after,
.site-navigation ul.menu li.menu-item-has-children > a::after {
  display: none !important;
  content: "" !important;
}

/* SUBMENU - RTL POSITIONING & Z-INDEX & STYLING */
.site-navigation ul.menu li ul,
.site-navigation ul.menu li ul.sub-menu {
  right: 0 !important;
  left: auto !important;
  z-index: 9999 !important;
  background: #ffffff !important;
  border: 1px solid #ddd !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
  padding: 8px 0 !important;
}

/* SUBMENU NESTED - RTL POSITIONING */
.site-navigation ul.menu li ul ul,
.site-navigation ul.menu li ul ul.sub-menu {
  right: 100% !important;
  left: auto !important;
  z-index: 9999 !important;
}

/* ENSURE HEADER IS ABOVE EVERYTHING */
#site-header,
.site-header {
  z-index: 1000 !important;
}

/* APP SECTION STYLING */
.pm-app-section {
  background: linear-gradient(135deg, #FBF6E3 0%, #F8F0CC 100%) !important;
  border-top: 2px solid rgba(91, 110, 50, 0.3) !important;
}

.pm-app-box {
  background: white !important;
  border-radius: 12px !important;
}

.app-link {
  background: #5B6E32 !important;
  color: white !important;
  transition: all 0.3s ease !important;
}

.app-link:hover {
  background: #3d4620 !important;
  transform: translateY(-2px) !important;
}

/* Mobile hamburger toggle — only the icon lines colored (#faf5df), no button box */
.site-header .site-navigation-toggle {
  background-color: transparent !important;
  border: 0 !important;
  color: #faf5df !important;
}
.site-header .site-navigation-toggle-icon,
.site-header .site-navigation-toggle-icon:before,
.site-header .site-navigation-toggle-icon:after {
  background-color: #faf5df !important;
}