/* ===== FORCE COLOR SCHEME OVERRIDE ===== */
/* This file loads after all others and forces color scheme application */

/* Force all header elements with maximum specificity */
html body .navbar-top,
html body .navbar-top-4,
html body .osahan-menu-top-4,
html body .osahan-menu-4 {
  background: var(--light-color) !important;
  background-color: var(--light-color) !important;
  color: var(--text-color) !important;
}

/* Force main navigation to use primary color */
html body .osahan-menu-4 {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}

/* Force navigation text to be white */
html body .osahan-menu-4 .nav-link,
html body .osahan-menu-4 .navbar-text,
html body .osahan-menu-4 .text-warning {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* Force top navigation to use background color */
html body .osahan-menu-top-4 {
  background: var(--background-color) !important;
  background-color: var(--background-color) !important;
}

/* Force top bar to use light color */
html body .navbar-top,
html body .navbar-top-4 {
  background: var(--light-color) !important;
  background-color: var(--light-color) !important;
  color: var(--text-color) !important;
}

/* Force all header text to use proper colors */
html body .navbar-top p,
html body .navbar-top .text-right,
html body .navbar-top .text-right a,
html body .navbar-top .text-right i {
  color: var(--text-light) !important;
}

html body .navbar-top strong {
  color: var(--danger-color) !important;
}

/* Additional overrides for any remaining elements */
.navbar-top {
  background: var(--light-color) !important;
  background-color: var(--light-color) !important;
  color: var(--text-color) !important;
}

.osahan-menu-top-4 {
  background: var(--background-color) !important;
  background-color: var(--background-color) !important;
}

.osahan-menu-4 {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
}

.osahan-menu-4 .nav-link,
.osahan-menu-4 .navbar-text,
.osahan-menu-4 .text-warning {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
}

/* ===== FOOTER COLOR SCHEME FORCE ===== */
/* Force footer to use color scheme */
html body footer,
html body .footer-Content,
html body .footer {
  background: var(--footer-background, var(--dark-color)) !important;
  background-color: var(--footer-background, var(--dark-color)) !important;
  color: var(--footer-text, var(--background-color)) !important;
}

html body .footer-widget {
  color: var(--footer-text, var(--background-color)) !important;
}

html body .footer-widget h3,
html body .footer-widget .block-title {
  color: var(--footer-headings, var(--background-color)) !important;
}

html body .footer-widget a {
  color: var(--footer-links, var(--light-color)) !important;
}

html body .footer-widget a:hover {
  color: var(--footer-links-hover, var(--primary-color)) !important;
}

/* ===== BUTTON COLOR SCHEME FORCE ===== */
/* Force all buttons to use color scheme */
html body .btn-primary {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

html body .btn-primary:hover,
html body .btn-primary:focus {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  opacity: 0.9 !important;
}

html body .btn-secondary {
  background: var(--secondary-color) !important;
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: #fff !important;
}

html body .btn-success {
  background: var(--success-color) !important;
  background-color: var(--success-color) !important;
  border-color: var(--success-color) !important;
  color: #fff !important;
}

html body .btn-warning {
  background: var(--warning-color) !important;
  background-color: var(--warning-color) !important;
  border-color: var(--warning-color) !important;
  color: #000 !important;
}

html body .btn-danger {
  background: var(--danger-color) !important;
  background-color: var(--danger-color) !important;
  border-color: var(--danger-color) !important;
  color: #fff !important;
}

html body .btn-info {
  background: var(--info-color) !important;
  background-color: var(--info-color) !important;
  border-color: var(--info-color) !important;
  color: #fff !important;
}

/* ===== FLOATING WHATSAPP BUTTON FORCE ===== */
/* Force floating WhatsApp button to use color scheme */
html body .whatsapp-button {
  background: var(--whatsapp-bg, var(--primary-color)) !important;
  background-color: var(--whatsapp-bg, var(--primary-color)) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

html body .whatsapp-button:hover {
  background: var(--whatsapp-hover, var(--secondary-color)) !important;
  background-color: var(--whatsapp-hover, var(--secondary-color)) !important;
  transform: scale(1.05) !important;
}

html body .whatsapp-icon {
  color: var(--whatsapp-text, #fff) !important;
}

html body .whatsapp-tooltip {
  background: var(--dark-color) !important;
  background-color: var(--dark-color) !important;
  color: var(--background-color) !important;
}

html body .whatsapp-tooltip .tooltip-arrow {
  border-left-color: var(--dark-color) !important;
}

/* ===== SOCIAL LINKS FORCE ===== */
/* Force social links section to use color scheme */
html body .social-links {
  background: var(--light-color) !important;
  background-color: var(--light-color) !important;
  color: var(--text-color) !important;
}

/* ===== ADDITIONAL BUTTON TYPES FORCE ===== */
/* Force theme round buttons */
html body .btn-theme-round {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

html body .btn-theme-round:hover {
  background: var(--secondary-color) !important;
  background-color: var(--secondary-color) !important;
  color: #fff !important;
}

/* Force outline buttons */
html body .btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  background: transparent !important;
}

html body .btn-outline-primary:hover {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

html body .btn-outline-secondary {
  color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  background: transparent !important;
}

html body .btn-outline-secondary:hover {
  background: var(--secondary-color) !important;
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: #fff !important;
}

/* Force card buttons */
html body .pc-btn {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
}

html body .pc-btn:hover {
  background: var(--secondary-color) !important;
  background-color: var(--secondary-color) !important;
  color: #fff !important;
}

/* Force category buttons */
html body .category-buttons .btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

html body .category-buttons .btn-outline-primary:hover,
html body .category-buttons .btn-outline-primary.active {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: #fff !important;
}

html body .category-buttons .btn-outline-secondary {
  color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
}

html body .category-buttons .btn-outline-secondary:hover {
  background: var(--secondary-color) !important;
  background-color: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: #fff !important;
}

/* Force any remaining buttons */
html body button:not(.btn-close):not(.btn-link) {
  background: var(--primary-color) !important;
  background-color: var(--primary-color) !important;
  color: #fff !important;
  border-color: var(--primary-color) !important;
}

html body button:not(.btn-close):not(.btn-link):hover {
  background: var(--secondary-color) !important;
  background-color: var(--secondary-color) !important;
  color: #fff !important;
  border-color: var(--secondary-color) !important;
}