/* /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. */

/* ================================================================
   LAYOUT-SPECIFIC STYLES FOR INKANYEZI CREATIONS
   ================================================================ */

/* ================================================================
   LOGO STYLES
   ================================================================ */
/* Navbar Logo */
.brand-logo[b-qoszn9v79a] {
  height: 28px;
  width: auto;
  transition: all var(--transition-fast);
}

.brand-logo:hover[b-qoszn9v79a] {
  opacity: 0.85;
  transform: scale(1.02);
}

/* Responsive logo sizing */
@media (max-width: 576px) {
  .brand-logo[b-qoszn9v79a] {
    height: 26px;
  }
}

/* Footer Logo */
.footer-logo[b-qoszn9v79a] {
  height: 80px;
  width: auto;
  max-width: 200px;
}

@media (max-width: 768px) {
  .footer-logo[b-qoszn9v79a] {
    height: 60px;
  }
}

/* Logo variants for different contexts */
.logo-white[b-qoszn9v79a] {
  content: url('/images/system/WhiteLogo.png');
}

.logo-black[b-qoszn9v79a] {
  content: url('/images/system/BlackLogo.png');
}

.logo-gold[b-qoszn9v79a] {
  content: url('/images/system/GoldLogo.png');
}

.logo-full-color[b-qoszn9v79a] {
  content: url('/images/system/FullColourLogo.png');
}

/* Navbar Brand Specific Styling */
a.navbar-brand[b-qoszn9v79a] {
  white-space: normal;
  text-align: left;
  word-break: keep-all;
  line-height: 1.2;
  padding: 0.25rem 0;
  display: flex;
  align-items: center;
}

a.navbar-brand:hover[b-qoszn9v79a] {
  opacity: 1;
}

/* Dropdown Menus */
.dropdown-menu[b-qoszn9v79a] {
  border: none;
  box-shadow: var(--shadow-md);
  border-radius: var(--radius-md);
  padding: var(--spacing-sm);
}

.dropdown-item[b-qoszn9v79a] {
  font-family: var(--font-secondary);
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--radius-sm);
  transition: all var(--transition-fast);
}

.dropdown-item:hover[b-qoszn9v79a] {
  background-color: var(--brand-gold-10);
  color: var(--brand-gold);
}

.dropdown-item:active[b-qoszn9v79a] {
  background-color: var(--brand-gold);
  color: var(--brand-white);
}

/* Navbar Sticky Behavior */
.navbar.sticky-top[b-qoszn9v79a] {
  transition: all var(--transition-normal);
}

.navbar.scrolled[b-qoszn9v79a] {
  box-shadow: var(--shadow-md);
  background-color: var(--brand-white) !important;
}

/* Scrolled navbar logo adjustment */
.navbar.scrolled .brand-logo[b-qoszn9v79a] {
  height: 26px;
}

/* Social Links in Footer */
.social-links a[b-qoszn9v79a] {
  font-size: 1.5rem;
  transition: all var(--transition-fast);
  display: inline-block;
}

.social-links a:hover[b-qoszn9v79a] {
  color: var(--brand-gold) !important;
  transform: translateY(-3px);
}

/* Footer List Styling */
.footer ul[b-qoszn9v79a] {
  list-style: none;
  padding: 0;
}

.footer ul li a[b-qoszn9v79a] {
  transition: all var(--transition-fast);
  text-decoration: none;
}

.footer ul li a:hover[b-qoszn9v79a] {
  color: var(--brand-gold) !important;
  padding-left: 5px;
}

/* Footer Horizontal Rule */
.footer hr[b-qoszn9v79a] {
  opacity: 0.2;
}

/* Text Utilities for Footer */
.text-white-50[b-qoszn9v79a] {
  color: rgba(255, 255, 255, 0.6) !important;
}

.bg-white-50[b-qoszn9v79a] {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

/* Bootstrap Icon Support (if using Bootstrap Icons) */
.bi[b-qoszn9v79a] {
  display: inline-block;
  vertical-align: -0.125em;
}

/* Navbar Toggler Custom Colors */
.navbar-toggler[b-qoszn9v79a] {
  border-color: var(--brand-gold-30);
}

.navbar-toggler:focus[b-qoszn9v79a] {
  box-shadow: 0 0 0 0.2rem var(--brand-gold-30);
}

.navbar-toggler-icon[b-qoszn9v79a] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(201, 161, 79, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Responsive Navbar Adjustments */
@media (max-width: 991.98px) {
  .navbar-collapse[b-qoszn9v79a] {
    background-color: var(--brand-white);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    margin-top: var(--spacing-sm);
    box-shadow: var(--shadow-md);
  }

  .nav-item[b-qoszn9v79a] {
    margin-bottom: var(--spacing-xs);
  }

  .navbar-nav .btn[b-qoszn9v79a] {
    width: 100%;
    margin-top: var(--spacing-sm);
  }
}

/* Active Page Indicator */
.nav-link.active[b-qoszn9v79a] {
  font-weight: var(--font-weight-bold);
}

/* Footer Responsive Adjustments */
@media (max-width: 768px) {
  .footer .col-md-6[b-qoszn9v79a] {
    text-align: center !important;
    margin-bottom: var(--spacing-sm);
  }

  .footer .social-links[b-qoszn9v79a] {
    justify-content: center;
    display: flex;
  }
  
  .footer-logo[b-qoszn9v79a] {
    display: block;
    margin: 0 auto var(--spacing-md);
  }
}

/* Smooth Scroll Padding for Sticky Header */
html[b-qoszn9v79a] {
  scroll-padding-top: 70px;
}

/* Box Shadow Utilities */
.shadow-sm[b-qoszn9v79a] {
  box-shadow: var(--shadow-sm) !important;
}

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

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

/* Border Utilities Aligned with Brand */
.border-top[b-qoszn9v79a] {
  border-top: 1px solid var(--brand-grey-30) !important;
}

.border-bottom[b-qoszn9v79a] {
  border-bottom: 1px solid var(--brand-grey-30) !important;
}

.border[b-qoszn9v79a] {
  border: 1px solid var(--brand-grey-30) !important;
}

/* Main Content Spacing */
main[b-qoszn9v79a] {
  min-height: calc(100vh - 400px);
}