/* ==========================================================================
  OCTOPLAN BRAND COLOR SCHEME
  ========================================================================== */ 

/* Brand Colors:
   Deep Purple: #47266E (main brand accent)
   Lavender: #9B80B4 (secondary accents, hover states)
   Light Blue: #9CB9D9 (buttons, highlights, links)
   Light Gray: #F2F2EF (background fills, cards)
   White: #FFFFFF (primary background)
*/

.bg--theme,
.shape--blue-400:after { 
  background-color: #47266E; 
}

.btn--theme {
  color: #fff!important;
  border-color: #47266E!important;
  background-color: #47266E!important;
}

.hover--theme:hover,
.white-scroll .scroll .hover--theme:hover,
.black-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #9B80B4!important;
  background-color: #9B80B4!important;
}

.theme--dark .white-scroll .scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #9B80B4!important;
  background-color: #9B80B4!important;
}

.theme--dark .white-scroll .hover--theme:hover {
  color: #fff!important;
  border-color: #9B80B4!important;
  background-color: #9B80B4!important;
}

.color--theme, 
.color--theme h1, 
.color--theme h2, 
.color--theme h3, 
.color--theme h4, 
.color--theme h5, 
.color--theme h6, 
.color--theme p, 
.color--theme a, 
.color--theme li, 
.color--theme i, 
.color--theme span,
.color--white .color--theme { color: #47266E!important; }

.loading--theme .loader { 
  border-color: transparent #47266E; 
}

.loading--theme .loader::after {
  border-color: transparent rgba(71, 38, 110, .15); 
}

.nav-theme .sm-info { 
  background-color: #47266E; 
}

.wsmenu > .wsmenu-list.nav-theme > li > ul.sub-menu > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.w-75 ul.link-list > li > a:hover,
.wsmenu > .wsmenu-list.nav-theme > li > .wsmegamenu.halfmenu ul.link-list > li > a:hover {
  color: #47266E!important;
}

.hero-section .quick-form .form-control:focus {
  border-color: #47266E;
}

.cbox-2:hover .cbox-2-ico.bg--theme { 
  color: #47266E; 
  border-color: #47266E; 
}

.tabs-1.tabs--theme, 
.tabs-1.tabs--theme li.current:hover { 
  color: #47266E; 
  border-color: #47266E; 
}

.faqs-section .tabs--theme .tabs-1 li.current,
.faqs-section .tabs--theme .tabs-1 li.current:hover {
  background-color: #47266E;
  border-color: #47266E!important;
}

.switch-wrap input:checked + .switcher.switcher--theme { 
  background-color: #47266E; 
  border-color: #47266E; 
}

.shape-ico.color--theme path,
.shape-ico.color--theme path,
.shape-ico.color--theme path {
  fill: #f1edff;
}

.newsletter-section .form-control:focus {
  background-color: #fff;
  border-color: #353f4f;
}

.theme-pagination .page-item.active .page-link {
  color: #fff!important;
  background-color: #47266E;
  border: 2px solid #47266E;
}

/* Additional Octoplan-specific styles */

/* Links - Light Blue default, Deep Purple on hover */
a {
  color: #9CB9D9!important;
}

a:hover {
  color: #47266E!important;
}

/* Button hover states - Lavender background */
.btn--theme:hover {
  background-color: #9B80B4!important;
  border-color: #9B80B4!important;
}

/* Light Gray backgrounds for cards and sections */
.bg--light-gray {
  background-color: #F2F2EF!important;
}

/* Lavender accents for section backgrounds */
.bg--lavender {
  background-color: #9B80B4!important;
}

/* Light Blue for highlights and charts */
.bg--light-blue {
  background-color: #9CB9D9!important;
}

/* Text colors */
.text--deep-purple {
  color: #47266E!important;
}

.text--lavender {
  color: #9B80B4!important;
}

.text--light-blue {
  color: #9CB9D9!important;
}

/* Form focus states */
.form-control:focus {
  border-color: #9CB9D9!important;
  box-shadow: 0 0 0 0.2rem rgba(156, 185, 217, 0.25)!important;
}

/* Secondary buttons with Light Blue */
.btn--secondary-theme {
  color: #fff!important;
  background-color: #9CB9D9!important;
  border-color: #9CB9D9!important;
}

.btn--secondary-theme:hover {
  background-color: #47266E!important;
  border-color: #47266E!important;
}