/* ==========================================================================
   Barigroup Official Brand Identity Stylesheet
   Palette harmonized with the official logo:
   - Primary Green: #00DA75 (Left coding bracket)
   - Accent Cyan:   #2596BE (Right coding bracket)
   - Deep Midnight: #0B0F17 (Modern Agency Dark Base)
   - Card Surface:  #131B2E (Clean Dark Surface)
   ========================================================================== */

/* 1. Global Dark Mode & Body Background */
html,
body,
body.home,
body.elementor-page {
  background-color: #0B0F17 !important;
  color: #E2E8F0 !important;
}

/* Override default gray/slate backgrounds */
body.elementor-page-1771:not(.elementor-motion-effects-element-type-background),
body.elementor-page-1771 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-section.elementor-top-section:not(.has-custom-bg) {
  background-color: transparent !important;
}

/* 2. Header & Navigation */
.elementor-1771 {
  background: rgba(11, 15, 23, 0.95) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(37, 150, 190, 0.18) !important;
}

.wpr-logo-title {
  color: #2596BE !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
}

.elementor-1771 .wpr-nav-menu .wpr-menu-item {
  color: #F1F5F9 !important;
  font-weight: 500 !important;
  transition: color 0.3s ease !important;
}

.elementor-1771 .wpr-nav-menu .wpr-menu-item:hover,
.elementor-1771 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item,
.elementor-1771 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon {
  color: #00DA75 !important;
}

.elementor-1771.wpr-pointer-line-fx .wpr-menu-item:before,
.elementor-1771.wpr-pointer-line-fx .wpr-menu-item:after {
  background-color: #00DA75 !important;
}

/* Sub-Menu Dropdowns */
.wpr-sub-menu {
  background-color: #131B2E !important;
  border: 1px solid rgba(37, 150, 190, 0.28) !important;
  border-radius: 12px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6) !important;
  padding: 8px !important;
}

.wpr-sub-menu .wpr-sub-menu-item {
  background-color: transparent !important;
  color: #E2E8F0 !important;
  border-radius: 6px !important;
  transition: all 0.25s ease !important;
  padding: 10px 16px !important;
}

.wpr-sub-menu .wpr-sub-menu-item:hover,
.wpr-sub-menu .wpr-sub-menu-item.wpr-active-menu-item {
  background-color: rgba(37, 150, 190, 0.18) !important;
  color: #00DA75 !important;
  transform: translateX(4px);
}

.wpr-sub-icon {
  color: #2596BE !important;
}

/* 3. High-Impact CTA Buttons & Forms */
.wpr-offcanvas-trigger,
.wpr-button[type="submit"],
.wpr-step-next,
.elementor-button,
a.elementor-button,
.wp-block-button__link {
  background: linear-gradient(135deg, #00DA75 0%, #2596BE 100%) !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 18px rgba(0, 218, 117, 0.28) !important;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.wpr-offcanvas-trigger:hover,
.wpr-button[type="submit"]:hover,
.wpr-step-next:hover,
.elementor-button:hover,
a.elementor-button:hover,
.wp-block-button__link:hover {
  background: linear-gradient(135deg, #00C86A 0%, #1D83A8 100%) !important;
  box-shadow: 0 8px 25px rgba(37, 150, 190, 0.45) !important;
  transform: translateY(-2px) !important;
  color: #FFFFFF !important;
}

/* 4. Off-Canvas Drawer (Request a Call) */
.wpr-offcanvas-content,
.wpr-offcanvas-wrap-fbd0ccc .wpr-offcanvas-content {
  background-color: #131B2E !important;
  border-left: 2px solid #2596BE !important;
  box-shadow: -10px 0 40px rgba(0, 0, 0, 0.8) !important;
}

.wpr-close-offcanvas {
  color: #00DA75 !important;
  transition: color 0.2s ease !important;
}

.wpr-close-offcanvas:hover {
  color: #2596BE !important;
}

/* Form Inputs */
.wpr-field-group:not(.wpr-form-field-type-upload) .wpr-form-field:not(.wpr-select-wrap),
.wpr-field-group .wpr-select-wrap select {
  background-color: #0B0F17 !important;
  border: 1px solid rgba(37, 150, 190, 0.35) !important;
  color: #F8FAFC !important;
  border-radius: 8px !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.wpr-field-group:not(.wpr-form-field-type-upload) .wpr-form-field:not(.wpr-select-wrap):focus,
.wpr-field-group .wpr-select-wrap select:focus {
  border-color: #00DA75 !important;
  box-shadow: 0 0 12px rgba(0, 218, 117, 0.35) !important;
  outline: none !important;
}

/* Form Steps (Replacing old #605BE5 purple with #2596BE / #00DA75) */
.wpr-step {
  border-color: #2596BE !important;
  border-radius: 8px !important;
}

.wpr-step-content {
  background-color: #2596BE !important;
  border-color: #2596BE !important;
  color: #FFFFFF !important;
}

.wpr-step.wpr-step-active .wpr-step-content {
  background-color: #00DA75 !important;
  border-color: #00DA75 !important;
  color: #0B0F17 !important;
}

.wpr-step.wpr-step-finish .wpr-step-content {
  background-color: #2596BE !important;
  border-color: #2596BE !important;
  color: #FFFFFF !important;
}

.wpr-step-prev {
  background-color: #1E293B !important;
  color: #94A3B8 !important;
  border-radius: 8px !important;
}

.wpr-step-prev:hover {
  background-color: #2596BE !important;
  color: #FFFFFF !important;
}

/* 5. Typography & Links */
a {
  color: #2596BE;
  transition: color 0.2s ease;
}

a:hover {
  color: #00DA75;
}

/* 6. Feature Cards & Icon Boxes */
.elementor-widget-icon-box .elementor-icon,
.wpr-icon-box-icon {
  color: #00DA75 !important;
  fill: #00DA75 !important;
}

.elementor-widget-icon-box .elementor-widget-container,
.wpr-icon-box {
  background: rgba(19, 27, 46, 0.6) !important;
  border: 1px solid rgba(37, 150, 190, 0.15) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  backdrop-filter: blur(8px) !important;
  transition: all 0.35s ease !important;
}

.elementor-widget-icon-box .elementor-widget-container:hover,
.wpr-icon-box:hover {
  border-color: rgba(0, 218, 117, 0.45) !important;
  box-shadow: 0 10px 30px rgba(0, 218, 117, 0.12) !important;
  transform: translateY(-4px) !important;
}

/* 7. Footer Styling */
footer,
.elementor-1777 {
  background-color: #070A10 !important;
  border-top: 1px solid rgba(37, 150, 190, 0.22) !important;
}

/* 8. Selection & Custom Scrollbar */
::selection {
  background-color: #00DA75 !important;
  color: #0B0F17 !important;
}

::-webkit-scrollbar {
  width: 9px;
}

::-webkit-scrollbar-track {
  background: #0B0F17;
}

::-webkit-scrollbar-thumb {
  background: #2596BE;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #00DA75;
}