/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/products/lotus-dy/lotus-branding.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
/* Lotus-DY Page Branding - Green Theme Override */
/* Applied only to /products/lotus-dy page */

/* When on Lotus page, apply green branding globally to header, footer, chat */
body:has(.lotus-page) header button.bg-primary,
body:has(.lotus-page) header button[class*="bg-primary"],
body:has(.lotus-page) header .bg-primary {
  background-color: hsl(var(--lotus)) !important;
}

body:has(.lotus-page) header button.bg-primary:hover,
body:has(.lotus-page) header button[class*="bg-primary"]:hover,
body:has(.lotus-page) header .bg-primary:hover {
  background-color: var(--lotus-dark) !important;
}

/* Header LotusDY menu link - green only when active (on Lotus page) */
body:has(.lotus-page) header a[href="/products/lotus-dy"],
body:has(.lotus-page) header a[href*="lotus-dy"] {
  color: hsl(var(--lotus)) !important;
}

/* Theme toggle border - Lotus green */
body:has(.lotus-page) header button[aria-label="Toggle theme"] {
  border-color: hsl(var(--lotus)) !important;
}

/* Chat widget button background - Lotus green gradient */
body:has(.lotus-page) .fixed.bottom-6.right-6 button,
body:has(.lotus-page) div[class*="fixed bottom-6 right-6"] button {
  background: linear-gradient(135deg, hsl(var(--lotus)) 0%, var(--lotus-dark) 100%) !important;
  box-shadow: 0 0 30px hsla(var(--lotus), 0.4), 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

/* Chat widget header - Lotus green */
body:has(.lotus-page) .fixed.bottom-24 .bg-primary,
body:has(.lotus-page) div[class*="fixed bottom-24"] .bg-primary,
body:has(.lotus-page) div[class*="fixed bottom-24"] div[class*="bg-primary"] {
  background-color: hsl(var(--lotus)) !important;
}

/* Footer TipaTech title - Lotus green */
body:has(.lotus-page) footer a.text-primary,
body:has(.lotus-page) footer a[class*="text-primary"] {
  color: hsl(var(--lotus)) !important;
}

/* Page content - CTA Banner, buttons, etc */
.lotus-page .bg-primary {
  background-color: hsl(var(--lotus)) !important;
}

.lotus-page .bg-primary:hover {
  background-color: var(--lotus-dark) !important;
}

.lotus-page .text-primary {
  color: hsl(var(--lotus)) !important;
}

/* Consultation form CTA button - Lotus green */
.lotus-page form button[class*="bg-primary"],
body:has(.lotus-page) form button[class*="bg-primary"] {
  background-color: hsl(var(--lotus)) !important;
}

.lotus-page form button[class*="bg-primary"]:hover,
body:has(.lotus-page) form button[class*="bg-primary"]:hover {
  background-color: var(--lotus-dark) !important;
}