/**
 * FAQ UI – match SafeLynk smartwatch (section#faq / #sl-faq)
 * Applied to Bootstrap accordions and custom dsc-faq / dsc-nri-faq blocks.
 */

/* ----- Section background ----- */
section.faq,
section#faq,
section.lightblue2.faq,
section.dsc-faq-section,
.dsc-faq-section,
.dsc-nri-faq,
section.whitebg:has(#accordionflta),
section.whitebg:has(.faqsubheading) {
   background-color: #F3FBFF !important;
   padding-top: 40px;
   padding-bottom: 50px;
}

section#faq .faqheading,
section.faq .faqheading,
.dsc-faq-section .faqheading,
.dsc-nri-faq-title,
section.lightblue2.faq .faqheading {
   color: #0C1E80;
   text-transform: uppercase;
}

/* ----- Bootstrap accordion (smartwatch card look) ----- */
section.faq .accordion-item,
section#faq .accordion-item,
section.lightblue2.faq .accordion-item,
#accordionflta .accordion-item,
#vs360-faq .accordion-item,
#sl-faq .accordion-item,
#sih-faq .accordion-item {
   border: 1.5px solid #d5eefb !important;
   border-radius: 7px !important;
   margin-bottom: 8px !important;
   overflow: hidden;
   background: #fff !important;
}

section.faq .accordion-button,
section#faq .accordion-button,
section.lightblue2.faq .accordion-button,
#accordionflta .accordion-button,
#vs360-faq .accordion-button,
#sl-faq .accordion-button,
#sih-faq .accordion-button {
   font-size: 1.05rem !important;
   font-weight: 600 !important;
   color: #002d72 !important;
   background: #fff !important;
   padding: 16px 18px !important;
   box-shadow: none !important;
}

section.faq .accordion-button:not(.collapsed),
section#faq .accordion-button:not(.collapsed),
section.lightblue2.faq .accordion-button:not(.collapsed),
#accordionflta .accordion-button:not(.collapsed),
#vs360-faq .accordion-button:not(.collapsed),
#sl-faq .accordion-button:not(.collapsed),
#sih-faq .accordion-button:not(.collapsed) {
   background-color: #f3fbff !important;
   color: #002d72 !important;
   box-shadow: none !important;
}

section.faq .accordion-button:focus,
section#faq .accordion-button:focus,
section.lightblue2.faq .accordion-button:focus,
#accordionflta .accordion-button:focus,
#vs360-faq .accordion-button:focus,
#sl-faq .accordion-button:focus,
#sih-faq .accordion-button:focus {
   box-shadow: none !important;
   border-color: #d5eefb !important;
}

section.faq .accordion-body,
section#faq .accordion-body,
section.lightblue2.faq .accordion-body,
#accordionflta .accordion-body,
#vs360-faq .accordion-body,
#sl-faq .accordion-body,
#sih-faq .accordion-body {
   padding: 10px 18px 16px !important;
   font-size: 1rem !important;
   color: #000 !important;
}

/* ----- Custom JS accordion (family check-in / medication / daily safety) ----- */
.dsc-faq-item,
.dsc-nri-faq-item {
   background-color: #fff !important;
   border: 1.5px solid #d5eefb !important;
   border-radius: 7px !important;
   margin-bottom: 8px !important;
   overflow: hidden;
}

.dsc-faq-header,
.dsc-nri-faq-header {
   width: 100%;
   padding: 16px 18px !important;
   background-color: #fff !important;
   border: none !important;
   outline: none;
   text-align: left;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}

.dsc-faq-item.active .dsc-faq-header,
.dsc-nri-faq-item.active .dsc-nri-faq-header {
   background-color: #f3fbff !important;
}

.dsc-faq-question,
.dsc-nri-faq-question {
   font-size: 1.05rem !important;
   font-weight: 600 !important;
   color: #002d72 !important;
   margin: 0;
   padding-right: 10px;
}

.dsc-faq-toggle,
.dsc-nri-faq-toggle {
   color: #002d72 !important;
   flex-shrink: 0;
}

.dsc-faq-body,
.dsc-nri-faq-body {
   background-color: #fff !important;
   padding-left: 18px !important;
   padding-right: 18px !important;
}

.dsc-faq-body-inner,
.dsc-nri-faq-body-inner {
   padding: 10px 0 16px !important;
   font-size: 1rem !important;
   color: #000 !important;
}

/* Living-abroad toggle: keep chevron simple like smartwatch (no filled circle required) */
.dsc-nri-faq-item.active .dsc-nri-faq-toggle {
   background: #002d72;
   color: #fff !important;
}

@media (max-width: 991.98px) {
   section#faq .faqheading,
   section.faq .faqheading,
   .dsc-faq-section .faqheading,
   .dsc-nri-faq-title,
   section.lightblue2.faq .faqheading {
      font-size: 1.5rem !important;
      line-height: 1.25;
   }
}

@media (max-width: 767px) {
   section.faq,
   section#faq,
   section.lightblue2.faq,
   section.dsc-faq-section,
   .dsc-faq-section,
   .dsc-nri-faq,
   section.whitebg:has(#accordionflta) {
      padding-top: 24px;
      padding-bottom: 36px;
   }

   section.faq .accordion-button,
   section#faq .accordion-button,
   section.lightblue2.faq .accordion-button,
   #accordionflta .accordion-button,
   .dsc-faq-header,
   .dsc-nri-faq-header {
      padding: 14px 14px !important;
      font-size: 0.98rem !important;
   }

   .dsc-faq-question,
   .dsc-nri-faq-question {
      font-size: 0.98rem !important;
   }
}