/* oxford-accordion-fix.css
 * Force accordion SVG icons to 15x15px (matching --n-accordion-icon-size)
 * Local Elementor 4.1.4 frontend.min.css sets:
 *   .e-font-icon-svg { height: 1em; }
 * The e-opened/e-closed spans get width from --n-accordion-icon-size (15px)
 * but the SVG inside is 1em = 15px... however the parent <span> has
 * width:auto which makes the icon expand to 1200px+.
 *
 * The fix: cap the icon's max-width and max-height to 15px so it
 * stays a small + / - regardless of the parent flex container.
 */

.elementor-1723 .e-n-accordion-item-title-icon,
.elementor-1723 .e-n-accordion-item-title-icon span {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.elementor-1723 .e-n-accordion-item-title-icon svg {
  width: 15px !important;
  height: 15px !important;
  max-width: 15px !important;
  max-height: 15px !important;
  flex-shrink: 0 !important;
}

/* Force the title bar to its expected compact height */
.elementor-1723 .e-n-accordion-item-title {
  min-height: 50px !important;
  padding: 10px 15px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

.elementor-1723 .e-n-accordion-item {
  margin-bottom: 2px !important;
}

/* Hide the giant SVG that breaks layout when widget is broken */
.elementor-1723 .e-n-accordion-item-title-icon .e-opened,
.elementor-1723 .e-n-accordion-item-title-icon .e-closed {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 15px !important;
  height: 15px !important;
}