/* Theme shell overrides for classes introduced by the blue redesign.
   Keep navigation + dashboard hero fully aligned with the selected user theme. */

/* Sidebar/mobile shell uses an arbitrary color with opacity, which does not match
   the simpler compatibility selectors in index.css. */
[data-theme="lori"] [class*="bg-[#0F1628]/95"],
[data-theme="lori"] [class*="bg-[#0f1628]/95"] {
  background-color: rgba(21, 7, 12, 0.97) !important;
}

[data-theme="chris"] [class*="bg-[#0F1628]/95"],
[data-theme="chris"] [class*="bg-[#0f1628]/95"] {
  background-color: rgba(11, 16, 23, 0.97) !important;
}

[data-theme="blue"] [class*="bg-[#0F1628]/95"],
[data-theme="blue"] [class*="bg-[#0f1628]/95"] {
  background-color: rgba(15, 22, 40, 0.97) !important;
}

/* Hover/elevated arbitrary blue classes must also follow the active theme. */
[data-theme="lori"] [class*="hover:bg-[#1A2238]"]:hover,
[data-theme="lori"] [class*="hover:bg-[#1a2238]"]:hover {
  background-color: #260f18 !important;
}
[data-theme="chris"] [class*="hover:bg-[#1A2238]"]:hover,
[data-theme="chris"] [class*="hover:bg-[#1a2238]"]:hover {
  background-color: #1b232e !important;
}
[data-theme="blue"] [class*="hover:bg-[#1A2238]"]:hover,
[data-theme="blue"] [class*="hover:bg-[#1a2238]"]:hover {
  background-color: #1a2238 !important;
}

/* The Financial Freedom Hub banner previously used hard-coded navy gradient stops. */
[data-theme="lori"] [class*="from-[#18213A]"][class*="via-[#141B2D]"][class*="to-[#0F1628]"],
[data-theme="lori"] [class*="from-[#18213a]"][class*="via-[#141b2d]"][class*="to-[#0f1628]"] {
  background-image: linear-gradient(135deg, #260f18 0%, #1a0a10 52%, #15070c 100%) !important;
}

[data-theme="chris"] [class*="from-[#18213A]"][class*="via-[#141B2D]"][class*="to-[#0F1628]"],
[data-theme="chris"] [class*="from-[#18213a]"][class*="via-[#141b2d]"][class*="to-[#0f1628]"] {
  background-image: linear-gradient(135deg, #171e28 0%, #10151d 52%, #0b1017 100%) !important;
}

[data-theme="blue"] [class*="from-[#18213A]"][class*="via-[#141B2D]"][class*="to-[#0F1628]"],
[data-theme="blue"] [class*="from-[#18213a]"][class*="via-[#141b2d]"][class*="to-[#0f1628]"] {
  background-image: linear-gradient(135deg, #18213a 0%, #141b2d 52%, #0f1628 100%) !important;
}

/* Pink theme should read as the original burgundy/pink UI, without blue glow. */
[data-theme="lori"] [class*="bg-indigo-600/10"] {
  background-color: rgba(219, 39, 119, 0.10) !important;
}

/* Keep the sidebar border in the selected theme instead of navy. */
[data-theme="lori"] aside[class*="border-indigo"],
[data-theme="lori"] header[class*="border-indigo"] {
  border-color: rgba(131, 24, 67, 0.45) !important;
}
[data-theme="chris"] aside[class*="border-indigo"],
[data-theme="chris"] header[class*="border-indigo"] {
  border-color: #2b3542 !important;
}