/* _content/ScopeKit/Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

/* Enhanced Layout Styles for ScopeKit Marketing Website */

/* ===== MODERN HEADER ===== */
.header-modern .navbar[b-ywu7oy2959] {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--gray-200);
  box-shadow: var(--shadow-sm);
  padding: 1rem 0;
  transition: all 0.3s ease;
}

.header-modern .navbar.scrolled[b-ywu7oy2959] {
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: var(--shadow-md);
  padding: 0.5rem 0;
}

/* ===== ENHANCED NAVBAR BRAND WITH BIGGER LOGO ===== */
a.navbar-brand[b-ywu7oy2959] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
  font-weight: 700 !important;
  color: var(--primary-600) !important;
  transition: all 0.2s ease;
  text-decoration: none;
  padding: 0.5rem 0; /* Add padding for better click area */
}

a.navbar-brand:hover[b-ywu7oy2959] {
  color: var(--primary-700) !important;
  text-decoration: none;
  transform: scale(1.02); /* Subtle hover scale effect */
}

.navbar-logo[b-ywu7oy2959] {
  border-radius: var(--radius-lg);
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.1);
}

.navbar-brand:hover .navbar-logo[b-ywu7oy2959] {
  box-shadow: 0 4px 16px rgba(37, 99, 235, 0.2);
  transform: scale(1.05);
}

/* ===== NAVIGATION LINKS ===== */
.navbar-nav .nav-link[b-ywu7oy2959] {
  font-weight: 500;
  color: var(--gray-700) !important;
  transition: color 0.2s ease;
  padding: 0.5rem 1rem !important;
  position: relative;
}

.navbar-nav .nav-link:hover[b-ywu7oy2959] {
  color: var(--primary-600) !important;
}

.navbar-nav .nav-link.active[b-ywu7oy2959] {
  color: var(--primary-600) !important;
}

/* Remove persistent underlines - only show on hover */
.navbar-nav .nav-link[b-ywu7oy2959]::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: var(--primary-600);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.navbar-nav .nav-link:hover[b-ywu7oy2959]::after {
  width: 80%;
}

/* Only show underline for active page, not dropdown */
.navbar-nav .nav-link.active:not(.dropdown-toggle)[b-ywu7oy2959]::after {
  width: 80%;
}

/* Remove underlines from dropdown toggles completely */
.navbar-nav .dropdown-toggle[b-ywu7oy2959]::after {
  display: none !important;
}

.navbar-nav .dropdown-toggle:hover[b-ywu7oy2959]::after {
  display: none !important;
}

/* ===== DROPDOWN MENUS ===== */
.dropdown-menu[b-ywu7oy2959] {
  border: none;
  box-shadow: var(--shadow-xl);
  border-radius: var(--radius-xl);
  padding: 1rem;
  margin-top: 0.5rem;
}

.dropdown-item[b-ywu7oy2959] {
  border-radius: var(--radius-lg);
  padding: 0.75rem 1rem;
  transition: all 0.2s ease;
  border: none;
}

.dropdown-item:hover[b-ywu7oy2959] {
  background: var(--gray-50);
  transform: translateX(2px);
}

.dropdown-icon[b-ywu7oy2959] {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-lg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
}

.dropdown-divider[b-ywu7oy2959] {
  margin: 0.5rem 0;
  border-color: var(--gray-200);
}

/* ===== MAIN CONTENT ===== */
.main-content[b-ywu7oy2959] {
  padding-top: 80px; /* Account for fixed navbar */
}

/* Remove container width restrictions for full-width sections */
.main-content .container-fluid[b-ywu7oy2959] {
  padding: 0;
}

/* ===== CTA SECTIONS - IMPROVED CONTRAST ===== */
.cta-section[b-ywu7oy2959], .bg-primary.text-white[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--primary-700), var(--primary-800)) !important;
  color: var(--white) !important;
}

/* Dark gradient alternative for better readability */
.cta-section-dark[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--gray-800), var(--gray-900)) !important;
  color: var(--white) !important;
}

/* Softer blue background option */
.cta-section-soft[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--primary-50), var(--primary-100)) !important;
  color: var(--gray-800) !important;
}

/* ===== BUTTONS IN NAVBAR ===== */
.navbar .btn[b-ywu7oy2959] {
  font-weight: 500;
  border-radius: var(--radius-lg);
  padding: 0.5rem 1rem;
  transition: all 0.2s ease;
  font-size: 0.9rem;
}

.navbar .btn-primary[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--primary-600), var(--primary-700)) !important;
  border: none !important;
  box-shadow: var(--shadow-sm);
}

.navbar .btn-primary:hover[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--primary-700), var(--primary-800)) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.navbar .btn-outline-primary[b-ywu7oy2959] {
  border: 1px solid var(--primary-600) !important;
  color: var(--primary-600) !important;
  background: transparent !important;
}

.navbar .btn-outline-primary:hover[b-ywu7oy2959] {
  background: var(--primary-600) !important;
  color: var(--white) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

/* ===== MODERN FOOTER ===== */
.footer-modern[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--gray-900), var(--gray-800)) !important;
  margin-top: 0; /* Remove any top margin that might cause spacing issues */
}

.footer-brand[b-ywu7oy2959] {
  display: flex;
  align-items: center;
  color: var(--white);
  text-decoration: none;
}

.footer-brand img[b-ywu7oy2959] {
  border-radius: var(--radius-lg);
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1);
}

/* ===== ENHANCED FOOTER COLUMN HEADERS ===== */
.footer-modern h6[b-ywu7oy2959] {
  color: var(--white) !important; /* Changed from default to white for visibility */
  font-weight: 600 !important;
  font-size: 1rem !important;
  margin-bottom: 1rem !important;
  letter-spacing: 0.5px;
}

.footer-link[b-ywu7oy2959] {
  color: var(--gray-100) !important; /* Changed from var(--gray-300) to var(--gray-100) for better visibility */
  text-decoration: none;
  transition: color 0.2s ease;
  font-size: 0.9rem;
  font-weight: 400;
}

.footer-link:hover[b-ywu7oy2959] {
  color: var(--white) !important;
  text-decoration: none;
}

.social-link[b-ywu7oy2959] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: var(--gray-700);
  color: var(--gray-300);
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-link:hover[b-ywu7oy2959] {
  background: var(--primary-600);
  color: var(--white);
  transform: translateY(-2px);
}

/* ===== ENHANCED LINKS ===== */
a[b-ywu7oy2959] {
  color: var(--primary-600);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover[b-ywu7oy2959] {
  color: var(--primary-700);
  text-decoration: underline;
}

/* ===== ENHANCED BUTTONS ===== */
.btn-primary[b-ywu7oy2959] {
  color: var(--white) !important;
  background: linear-gradient(135deg, var(--primary-600), var(--primary-700)) !important;
  border: none !important;
  box-shadow: var(--shadow-md);
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-primary:hover[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--primary-700), var(--primary-800)) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-lg);
  color: var(--white) !important;
}

.btn-primary:focus[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--primary-700), var(--primary-800)) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);
  color: var(--white) !important;
}

.btn-secondary[b-ywu7oy2959] {
  color: var(--white) !important;
  background: linear-gradient(135deg, var(--gray-600), var(--gray-700)) !important;
  border: none !important;
  box-shadow: var(--shadow-md);
  font-weight: 500;
  transition: all 0.2s ease;
}

.btn-secondary:hover[b-ywu7oy2959] {
  background: linear-gradient(135deg, var(--gray-700), var(--gray-800)) !important;
  transform: translateY(-1px);
  box-shadow: var(--shadow-lg);
  color: var(--white) !important;
}

/* ===== MUCH MORE VISIBLE OUTLINE SECONDARY BUTTON ===== */
.btn-outline-secondary[b-ywu7oy2959] {
  border: 2px solid var(--primary-600) !important; /* Strong blue border */
  color: var(--primary-600) !important; /* Blue text */
  background: var(--white) !important; /* White background for contrast */
  font-weight: 600 !important; /* Bolder font weight */
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(37, 99, 235, 0.1) !important; /* Subtle shadow */
}

.btn-outline-secondary:hover[b-ywu7oy2959] {
  background: var(--primary-600) !important; /* Blue background on hover */
  color: var(--white) !important; /* White text on hover */
  border-color: var(--primary-600) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3) !important; /* Stronger shadow on hover */
}

.btn-outline-secondary:focus[b-ywu7oy2959] {
  background: var(--primary-600) !important;
  color: var(--white) !important;
  border-color: var(--primary-600) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3) !important; /* Focus ring */
}

.btn-outline-secondary:active[b-ywu7oy2959] {
  background: var(--primary-700) !important;
  border-color: var(--primary-700) !important;
  color: var(--white) !important;
}

/* ===== NAVIGATION PILLS ===== */
.nav-pills .nav-link.active[b-ywu7oy2959], 
.nav-pills .show > .nav-link[b-ywu7oy2959] {
  color: var(--white) !important;
  background: linear-gradient(135deg, var(--primary-600), var(--primary-700)) !important;
  border: none !important;
  font-weight: 500;
  box-shadow: var(--shadow-md);
}

/* ===== BORDERS ===== */
.border-top[b-ywu7oy2959] {
  border-top: 1px solid var(--gray-200) !important;
}

.border-bottom[b-ywu7oy2959] {
  border-bottom: 1px solid var(--gray-200) !important;
}

/* ===== ENHANCED SHADOWS ===== */
.box-shadow[b-ywu7oy2959] {
  box-shadow: var(--shadow-lg);
}

.shadow[b-ywu7oy2959] {
  box-shadow: var(--shadow-md) !important;
}

.shadow-sm[b-ywu7oy2959] {
  box-shadow: var(--shadow-sm) !important;
}

.shadow-lg[b-ywu7oy2959] {
  box-shadow: var(--shadow-lg) !important;
}

/* ===== POLICY BUTTON ===== */
button.accept-policy[b-ywu7oy2959] {
  font-size: 1rem;
  line-height: inherit;
  background: linear-gradient(135deg, var(--accent-emerald), #059669);
  color: var(--white);
  border: none;
  border-radius: var(--radius-lg);
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

button.accept-policy:hover[b-ywu7oy2959] {
  background: linear-gradient(135deg, #059669, #047857);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* ===== FOOTER STYLES ===== */
.footer[b-ywu7oy2959] {
  position: relative;
  bottom: auto;
  width: 100%;
  white-space: normal;
  line-height: 1.5;
  background: var(--gray-50);
  border-top: 1px solid var(--gray-200);
  color: var(--gray-600);
}

/* ===== ENHANCED FORM CONTROLS ===== */
.form-control:focus[b-ywu7oy2959] {
  border-color: var(--primary-500) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.form-select:focus[b-ywu7oy2959] {
  border-color: var(--primary-500) !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* ===== ENHANCED BADGES ===== */
.badge[b-ywu7oy2959] {
  border-radius: var(--radius-lg);
  font-weight: 500;
  padding: 0.375rem 0.75rem;
  font-size: 0.75rem;
}

.badge-primary[b-ywu7oy2959] {
  background: var(--primary-600);
  color: var(--white);
}

.badge-secondary[b-ywu7oy2959] {
  background: var(--gray-500);
  color: var(--white);
}

.badge.bg-success[b-ywu7oy2959] {
  background: var(--accent-emerald) !important;
}

.badge.bg-warning[b-ywu7oy2959] {
  background: var(--accent-amber) !important;
  color: var(--gray-800) !important;
}

/* ===== LIST GROUPS ===== */
.list-group-item[b-ywu7oy2959] {
  border-radius: var(--radius-lg);
  margin-bottom: 0.5rem;
  border: 1px solid var(--gray-200);
  transition: all 0.2s ease;
}

.list-group-item:hover[b-ywu7oy2959] {
  background: var(--gray-50);
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

/* ===== NAVBAR TOGGLER ===== */
.navbar-toggler[b-ywu7oy2959] {
  border: none;
  padding: 0.25rem 0.5rem;
}

.navbar-toggler:focus[b-ywu7oy2959] {
  box-shadow: none;
}

/* ===== RESPONSIVE ADJUSTMENTS ===== */
@media (max-width: 991.98px) {
  .main-content[b-ywu7oy2959] {
    padding-top: 70px;
  }
  
  .navbar-nav[b-ywu7oy2959] {
    padding-top: 1rem;
  }
  
  .navbar-nav .nav-link[b-ywu7oy2959]::after {
    display: none;
  }
  
  .navbar .btn[b-ywu7oy2959] {
    margin-top: 1rem;
    width: 100%;
  }
  
  .footer-modern .row > div[b-ywu7oy2959] {
    margin-bottom: 2rem;
  }

  /* Make logo slightly smaller on mobile */
  .navbar-logo[b-ywu7oy2959] {
    width: 40px !important;
    height: 40px !important;
  }
  
  .navbar-brand span[b-ywu7oy2959] {
    font-size: 1.25rem !important;
  }
  
  .footer-brand img[b-ywu7oy2959] {
    width: 40px !important;
    height: 40px !important;
  }
  
  .footer-brand span[b-ywu7oy2959] {
    font-size: 1.25rem !important;
  }
}

@media (max-width: 576px) {
  .main-content[b-ywu7oy2959] {
    padding-top: 60px;
  }
  
  .navbar[b-ywu7oy2959] {
    padding: 0.5rem 0;
  }
}