/* ============================================
   COMEXIM HEADER — GOLD GRADIENT (5 VISIBLE + DROPDOWN)
   ============================================ */

/* Header bar — dark maroon to gold gradient */
.wp-site-blocks > header,
header.wp-block-template-part,
.site-header,
body > header {
  background: linear-gradient(135deg, #370023 0%, #6a0043 50%, #8a3a20 100%) !important;
  border-bottom: 2px solid transparent !important;
  border-image: linear-gradient(90deg, #b99a45, #f5e6a3, #C7AE6A, #f0d060, #b99a45) 1 !important;
  padding: 14px 0 !important;
}

.wp-block-site-logo img,
header .custom-logo {
  max-width: 60px !important;
  max-height: 60px !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 12px !important;
  margin-right: 14px !important;
  object-fit: cover !important;
  border: 1px solid rgba(199, 174, 106, 0.3) !important;
}

/* Site title / logo */
.wp-block-site-title a,
.wp-block-site-title,
header .site-title a {
  color: #C7AE6A !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

/* SITE TITLE — stylish font, proper size */
.wp-block-site-title,
.wp-block-site-title a,
header .site-title,
header .site-title a,
header h1,
header h1 a {
  font-size: 26px !important;
  line-height: 1 !important;
  font-family: 'Playfair Display', 'Georgia', serif !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  color: transparent !important;
  background: linear-gradient(90deg, #b99a45 0%, #f5e6a3 30%, #C7AE6A 60%, #f0d060 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
  text-transform: uppercase !important;
}

.wp-block-site-title a:hover {
  opacity: 0.85 !important;
  letter-spacing: 4px !important;
}

.wp-block-site-title a:hover {
  background: linear-gradient(90deg, #b99a45, #f5e6a3, #C7AE6A, #f0d060) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Navigation container */
header .wp-block-navigation,
.wp-block-navigation__container {
  display: flex !important;
  gap: 8px !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

/* Nav items — button pills */
header .wp-block-navigation-item,
header .wp-block-navigation__container > li {
  background: linear-gradient(135deg, rgba(55, 0, 35, 0.6), rgba(106, 0, 67, 0.4)) !important;
  border: 1px solid rgba(199, 174, 106, 0.35) !important;
  border-radius: 8px !important;
  padding: 0 !important;
  transition: all 0.3s ease !important;
  margin: 0 3px !important;
  position: relative !important;
}

header .wp-block-navigation-item:hover,
header .wp-block-navigation__container > li:hover {
  background: linear-gradient(135deg, #370023, #6a0043, #8a3a20) !important;
  border-color: #C7AE6A !important;
  transform: translateY(-1px) !important;
}

/* Nav links */
header .wp-block-navigation-item__content,
header .wp-block-navigation a {
  color: #C7AE6A !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 9px 16px !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  transition: color 0.3s ease !important;
}

header .wp-block-navigation-item:hover .wp-block-navigation-item__content,
header .wp-block-navigation-item:hover a {
  color: #f5e6a3 !important;
}

/* Show 5 items, hide the rest */
header .wp-block-navigation__container > li:nth-child(n+6) {
  display: none !important;
}

/* === CUSTOM "MORE" DROPDOWN TRIGGER === */
header .wp-block-navigation__container::after {
  content: ' More ▾';
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: linear-gradient(135deg, #b99a45, #f5e6a3, #C7AE6A, #f0d060) !important;
  color: #370023 !important;
  border-radius: 8px !important;
  padding: 9px 14px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  margin-left: 4px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

/* Dropdown container — HTML approach recommended for interactivity */

/* === EXPORT/CONTAINER DROPDOWN (when using HTML block) === */
.cxm-more-menu {
  position: relative;
  display: inline-bl