/* Southend FDA Clarifications page — southend-fda v1.2.0 */

/* ── Eyebrow pill (dark hero) ── */
.sfda-eyebrow-dark{
  display:inline-flex;align-items:center;padding:4px 14px;
  border-radius:50px;background:rgba(0,144,206,0.25);
  border:1px solid rgba(255,255,255,0.25);
  font-size:13px;font-weight:400;color:#C5DDF0;letter-spacing:0.5px;
  text-transform:uppercase;
}

/* ── Buttons: all variants ── */
.sfda-btn.elementor-button-wrapper a.elementor-button,
.sfda-btn .elementor-button{
  background-color:#0090CE !important;
  color:#ffffff !important;
  border-color:#02010100 !important;
}
.sfda-btn.elementor-button-wrapper a.elementor-button:hover,
.sfda-btn .elementor-button:hover{
  background-color:#FFFFFF00 !important;
  color:#000000 !important;
  border-color:#000000 !important;
}

/* ── Hero icon-list white text ── */
.sfda-hero-list .elementor-icon-list-icon svg{ color:#3AAB8A !important; }
.sfda-hero-list .elementor-icon-list-text{ color:#ffffff !important; }

/* ── Impact cards ── */
.sfda-impact-card{
  background:#ffffff;border:1px solid #E3EDF6;border-radius:16px;
  padding:28px 24px;
}
.sfda-impact-card .elementor-icon-box-title{ font-size:17px !important;font-weight:600 !important;color:#101A20 !important;margin-bottom:10px !important; }
.sfda-impact-card .elementor-icon-box-description p{ font-size:15px !important;color:#48525D !important;line-height:1.6 !important; }

/* ── Numbered cards ── */
.sfda-num-card{ background:#0D1B2A;border-radius:16px; }

/* ── Difference stacked rows ── */
.sfda-diff-row{
  background:rgba(0,0,0,0.2);border-radius:14px;
  padding:24px 28px;
}
.sfda-diff-row .elementor-icon-box-wrapper{ align-items:center; }
.sfda-diff-row .elementor-icon-box-icon{ margin-right:20px !important;margin-bottom:0 !important; }
.sfda-diff-row .elementor-icon-box-title{ font-size:18px !important;font-weight:600 !important;color:#F5F7FF !important;margin-bottom:6px !important; }
.sfda-diff-row .elementor-icon-box-description p{ font-size:15px !important;color:rgba(245,247,255,0.85) !important;line-height:1.6 !important; }

/* ── FAQ ── */
.sfda-faq .elementor-accordion-item{
  border:1px solid #C5D1DC !important;border-radius:10px !important;
  margin-bottom:10px !important;overflow:hidden;
}
.sfda-faq .elementor-tab-title{ font-size:15px !important;font-weight:500 !important;color:#101A20 !important;padding:16px 20px !important; }
.sfda-faq .elementor-tab-content{ font-size:15px !important;color:#48525D !important;line-height:1.7 !important;padding:0 20px 16px !important; }

/* ════════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════════ */

/* ── Tablet ≤1024px ── */
@media(max-width:1024px){
  /* Impact: 3 col → 2 col */
  .sfda-s-impact .elementor-inner > .elementor-container > .elementor-row > .elementor-column{ width:50% !important; }
  .sfda-s-impact .elementor-inner > .elementor-container > .elementor-row > .elementor-column:last-child{ width:100% !important; }

  /* What Changed: reduce padding gap */
  .sfda-s-changed-text > .elementor-container > .elementor-row > .elementor-column{ padding-right:0 !important; }

  /* Numbered cards: text size */
  .sfda-num-card .elementor-heading-title{ font-size:15px !important; }

  /* Headings */
  .elementor-section.sfda-s-impact .elementor-heading-title,
  .elementor-section.sfda-s-changed-text .elementor-heading-title,
  .elementor-section.sfda-s-diff .elementor-heading-title,
  .elementor-section.sfda-s-faq .elementor-heading-title,
  .elementor-section.sfda-s-map .elementor-heading-title{ font-size:34px !important; }
}

/* ── Mobile ≤768px ── */
@media(max-width:768px){

  /* All sections: reduce padding */
  .elementor-section.sfda-s-impact,
  .elementor-section.sfda-s-changed-text,
  .elementor-section.sfda-s-changed-cards,
  .elementor-section.sfda-s-diff,
  .elementor-section.sfda-s-faq,
  .elementor-section.sfda-s-map{ padding-left:20px !important; padding-right:20px !important; padding-top:40px !important; padding-bottom:40px !important; }

  /* Hero */
  .elementor-section.sfda-s-hero{ padding-left:20px !important;padding-right:20px !important;padding-top:48px !important;padding-bottom:48px !important; }
  .sfda-s-hero .elementor-heading-title{ font-size:40px !important; }

  /* Impact: stack to 1 col */
  .sfda-s-impact .elementor-inner > .elementor-container > .elementor-row{ flex-direction:column !important; }
  .sfda-s-impact .elementor-inner > .elementor-container > .elementor-row > .elementor-column{ width:100% !important; }
  .sfda-impact-card{ margin-bottom:16px; }

  /* What Changed: stack columns */
  .sfda-s-changed-text > .elementor-container > .elementor-row{ flex-direction:column !important; }
  .sfda-s-changed-text > .elementor-container > .elementor-row > .elementor-column{ width:100% !important;padding:0 !important; }

  /* Numbered cards: stack to 1 col */
  .sfda-s-changed-cards .elementor-inner > .elementor-container > .elementor-row{ flex-direction:column !important; }
  .sfda-s-changed-cards .elementor-inner > .elementor-container > .elementor-row > .elementor-column{ width:100% !important;margin-bottom:16px; }

  /* Difference rows */
  .sfda-diff-row .elementor-icon-box-wrapper{ flex-direction:column !important; }
  .sfda-diff-row .elementor-icon-box-icon{ margin-right:0 !important;margin-bottom:12px !important; }

  /* Headings: scale down */
  .elementor-section.sfda-s-impact .elementor-heading-title,
  .elementor-section.sfda-s-changed-text .elementor-heading-title,
  .elementor-section.sfda-s-diff .elementor-heading-title,
  .elementor-section.sfda-s-faq .elementor-heading-title,
  .elementor-section.sfda-s-map .elementor-heading-title{ font-size:28px !important; }
}

/* ── Small mobile ≤480px ── */
@media(max-width:480px){
  .sfda-s-hero .elementor-heading-title{ font-size:32px !important; }
  .elementor-section.sfda-s-impact .elementor-heading-title,
  .elementor-section.sfda-s-changed-text .elementor-heading-title,
  .elementor-section.sfda-s-diff .elementor-heading-title,
  .elementor-section.sfda-s-faq .elementor-heading-title,
  .elementor-section.sfda-s-map .elementor-heading-title{ font-size:24px !important; }
  .sfda-btn .elementor-button{ padding:11px 24px !important; font-size:13px !important; }
}