.elementor-8140 .elementor-element.elementor-element-4c2094e{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:95;}.elementor-8140 .elementor-element.elementor-element-4c2094e:not(.elementor-motion-effects-element-type-background), .elementor-8140 .elementor-element.elementor-element-4c2094e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#124CE2;}.elementor-8140 .elementor-element.elementor-element-4c2094e.e-con{--align-self:center;}.elementor-8140 .elementor-element.elementor-element-e819d88{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-8140 .elementor-element.elementor-element-e819d88.elementor-element{--align-self:center;--order:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-8140 .elementor-element.elementor-element-4c2094e{--width:100%;}}@media(max-width:1024px){.elementor-8140 .elementor-element.elementor-element-4c2094e{--min-height:85px;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-8140 .elementor-element.elementor-element-4c2094e{--min-height:65px;}}/* Start custom CSS for container, class: .elementor-element-4c2094e *//* CENTER logo + buttons as ONE GROUP */
.site-header,
.header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 10px 20px !important;
  width: 100% !important;
  max-width: 1600px !important;
  margin: 0 auto !important;
}

/* FORCE logo to left, above everything */
.logo-wrapper {
  display: flex !important;
  align-items: center !important;
  margin-right: 0px !important;
  z-index: 999 !important;
  position: relative !important;
  flex-shrink: 0 !important;
  order: 1 !important;
}

.logo-wrapper img {
  height: 160px !important;
  width: auto !important;
}

.prompt-menu-wrapper {
  order: 2 !important;
}

.prompt-menu-wrapper {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  z-index: 1 !important;
}

/* FIXED BUTTON CONTAINER - INCREASED GAP + ALIGNMENT */
.solo-basic-menu-buttons {
  display: flex !important;
  gap: 18px !important;
  align-items: center !important;
}

.prompt-menu-buttons {
  display: flex !important;
  gap: 18px !important;
  align-items: center !important;
}

/* ORIGINAL BUTTON STYLES - UNCHANGED */
.prompt-btn,
.prompt-shop-btn,
.prompt-logout-btn {
  padding: 3px 14px !important;
  font-size: 0.96rem !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  border: none !important;
  text-decoration: none !important;
  position: relative !important;
  color: #fff !important;
  display: inline-block !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  box-shadow: 0 3px 0 #331a00, 0 4px 8px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.35) !important;
  background: linear-gradient(135deg, #273FE7 0%, #273FE7 55%, #ffd700 95%) !important;
  transition: all 0.14s cubic-bezier(.21,.83,.68,.94) !important;
}

.prompt-shop-btn {
  background: linear-gradient(135deg, #521AEB 0%, #228B22 70%, #80c342 100%) !important;
  margin-right: 30px !important;
}

.prompt-logout-btn {
  background: linear-gradient(135deg, #521AEB 0%, #861830 70%, #ff4b5c 100%) !important;
  padding: 3px 18px !important;
  margin-left: 10px !important;
}

.prompt-btn:hover,
.prompt-logout-btn:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  color: #FFD600 !important;
}

/* TARGET BUTTONS ONLY - DEEPER BLUE #273FE7 / YELLOW */
header.site-header .prompt-btn[href*="home"],
header.site-header .prompt-btn[href*="curriculum"],
header.site-header .prompt-btn[href*="dashboard"],
header.site-header .prompt-btn[href*="certificate"],
header.site-header .prompt-btn[href*="support"] {
  background: linear-gradient(135deg, #273FE7 0%, #273FE7 50%, #ffd700 100%) !important;
}

header.site-header .prompt-btn[href*="home"]:hover,
header.site-header .prompt-btn[href*="curriculum"]:hover,
header.site-header .prompt-btn[href*="dashboard"]:hover,
header.site-header .prompt-btn[href*="certificate"]:hover,
header.site-header .prompt-btn[href*="support"]:hover {
  background: linear-gradient(135deg, #1e2fc5 0%, #ccac00 100%) !important;
}

/* CUSTOM CLASSES - UNCHANGED (Primer, Olivia) */
.prompt-btn.header-btn--primer {
  background: linear-gradient(135deg, #1f5c9a 0%, #2a6bb5 100%) !important;
}
.prompt-btn.header-btn--primer:hover {
  background: linear-gradient(135deg, #174573 0%, #1f5c9a 100%) !important;
}

.prompt-btn.header-btn--olivia {
  background: linear-gradient(135deg, #7b3fa3 0%, #9c4dbb 100%) !important;
}
.prompt-btn.header-btn--olivia:hover {
  background: linear-gradient(135deg, #5f2f7d 0%, #7b3fa3 100%) !important;
}

.header-inner {
  margin-left: 60px !important;
}

/* HTML WIDGET HOME BUTTON - FULL SOLO BASIC STYLING */
.elementor-widget-html .solo-basic-menu-buttons a[href*="solo-basic-home"],
header.site-header .solo-basic-menu-buttons a[href*="solo-basic-home"] {
  padding: 3px 14px !important;
  font-size: 0.96rem !important;
  font-weight: bold !important;
  border-radius: 4px !important;
  border: none !important;
  text-decoration: none !important;
  position: relative !important;
  color: #fff !important;
  display: inline-block !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  align-self: center !important;
  box-shadow: 0 3px 0 #331a00, 0 4px 8px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.35) !important;
  background: linear-gradient(135deg, #273FE7 0%, #273FE7 55%, #ffd700 95%) !important;
  transition: all 0.14s cubic-bezier(.21,.83,.68,.94) !important;
}

.elementor-widget-html .solo-basic-menu-buttons a[href*="solo-basic-home"]:hover,
header.site-header .solo-basic-menu-buttons a[href*="solo-basic-home"]:hover {
  filter: brightness(1.06) !important;
  transform: translateY(-1px) !important;
  color: #FFD600 !important;
}/* End custom CSS */