/* Logo Position Control CSS */

/* Force logo to extreme left */
.site-branding[data-position="left"] {
  margin-left: -300px !important;
  margin-right: auto !important;
  transform: translateX(-100px) !important;
  position: relative !important;
  left: -100px !important;
  z-index: 9999 !important;
}

/* Force logo to extreme right */
.site-branding[data-position="right"] {
  margin-left: auto !important;
  margin-right: -300px !important;
  transform: translateX(100px) !important;
  position: absolute !important;
  right: -100px !important;
  z-index: 9999 !important;
}

/* Force logo to center */
.site-branding[data-position="center"] {
  margin-left: auto !important;
  margin-right: auto !important;
  transform: translateX(0) !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999 !important;
}

/* ========================================
   ULTIMATE FORCE POSITIONING
   ======================================== */

/* Override all existing styles for left position */
.site-branding[data-position="left"] {
  /* Extreme left positioning */
  margin-left: -500px !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  /* Transform positioning */
  transform: translateX(-200px) !important;
  
  /* Position override */
  position: absolute !important;
  left: -200px !important;
  right: auto !important;
  
  /* Z-index to ensure visibility */
  z-index: 99999 !important;
  
  /* Flex properties */
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  order: 1 !important;
  
  /* Force display */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Override all existing styles for right position */
.site-branding[data-position="right"] {
  /* Extreme right positioning */
  margin-left: auto !important;
  margin-right: -500px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  
  /* Transform positioning */
  transform: translateX(200px) !important;
  
  /* Position override */
  position: absolute !important;
  right: -200px !important;
  left: auto !important;
  
  /* Z-index to ensure visibility */
  z-index: 99999 !important;
  
  /* Flex properties */
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  order: 3 !important;
  
  /* Force display */
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ========================================
   CONTAINER OVERRIDES
   ======================================== */

/* Force container to start from left edge */
.header-navigation .container-fluid {
  padding-left: 0 !important;
  margin-left: 0 !important;
  overflow: visible !important;
}

/* Ensure primary menu starts from left */
.primary-menu {
  justify-content: flex-start !important;
  align-items: center !important;
  overflow: visible !important;
  position: relative !important;
}

/* ========================================
   RESPONSIVE OVERRIDES
   ======================================== */

@media (max-width: 1200px) {
  .site-branding[data-position="left"] {
    margin-left: -400px !important;
    transform: translateX(-150px) !important;
    left: -150px !important;
  }
  
  .site-branding[data-position="right"] {
    margin-right: -400px !important;
    transform: translateX(150px) !important;
    right: -150px !important;
  }
}

@media (max-width: 992px) {
  .site-branding[data-position="left"] {
    margin-left: -350px !important;
    transform: translateX(-120px) !important;
    left: -120px !important;
  }
  
  .site-branding[data-position="right"] {
    margin-right: -350px !important;
    transform: translateX(120px) !important;
    right: -120px !important;
  }
}

@media (max-width: 768px) {
  .site-branding[data-position="left"],
  .site-branding[data-position="right"],
  .site-branding[data-position="center"] {
    margin: 10px auto !important;
    transform: none !important;
    left: 0 !important;
    right: 0 !important;
    order: 1 !important;
    position: relative !important;
  }
}

/* ========================================
   ADDITIONAL FORCE OVERRIDES
   ======================================== */

/* Force logo container positioning */
.site-branding[data-position="left"] .brand-logo,
.site-branding[data-position="right"] .brand-logo,
.site-branding[data-position="center"] .brand-logo {
  position: relative !important;
  display: block !important;
}

/* Override any conflicting flexbox properties */
.primary-menu .site-branding[data-position="left"] {
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  justify-self: flex-start !important;
}

.primary-menu .site-branding[data-position="right"] {
  flex: 0 0 auto !important;
  align-self: flex-end !important;
  justify-self: flex-end !important;
}

.primary-menu .site-branding[data-position="center"] {
  flex: 0 0 auto !important;
  align-self: center !important;
  justify-self: center !important;
}