/**
 * XtreamOpsManager FO Metronic theme (consolidated production candidate).
 * Flat professional configurator: no gradients, no decorative colored borders,
 * neutral 1px separators, restrained radii/shadows, brand primary actions.
 * Primary #5E2EE6, accent #14B8B8 (informational), secondary #7149E9.
 * No markup/JS/behavior changes: override selectors mirror or exceed the
 * theme/module rules they replace; this file loads LAST.
 * Rollback: remove this file + its single registration.
 *
 * Consolidated from V2 (rail removal, flat sections, purple accents) +
 * V3 (borderless notices, density, compact pills) + V4 (duration coherence,
 * mobile width). Superseded intermediate declarations were removed; the
 * single justified !important below mirrors a per-product inline box that
 * itself uses !important. Nothing else in this file needs it.
 */

/* ---- 1. Remove the decorative purple rail (theme-owned rule lives in
   lglg-product-page.css). Scoped via :has() so ONLY configurator pages
   change; all other product pages keep their theme styling. ---- */
body#product .lglg-product-page:has(.lglg_xtreamopsmanager-customization) .product-information {
  border-left: 1px solid var(--lglg-color-border, #e5e7eb);
}

/* ---- 2. Flatten nested field cards into separated sections ---- */
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__field {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0.9rem 0;
  margin-top: 0;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__field + .lglg_xtreamopsmanager-customization__field {
  border-top: 1px solid var(--xops-border, #e5e7eb);
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__field:not(.lglg_xtreamopsmanager-customization__field + .lglg_xtreamopsmanager-customization__field) {
  padding-top: 0.25rem;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__field-head {
  margin-bottom: 0.5rem;
}

/* ---- 3. Segment group container: borderless, pills carry the chrome ---- */
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__segment-group {
  border: 0;
  background: transparent;
  padding: 0;
  gap: 0.5rem;
}

/* ---- 4. Notices: borderless information bands (never input-like).
   `html` prefix outranks the equal-specificity theme rule in
   euray-client-ui.css on live pages (same specificity loses by order). ---- */
html body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__notice:not(:empty) {
  background: #F6F3FF;
  border: 0;
  border-radius: 10px;
  color: #3B2E63;
  padding: 10px 14px;
  font-size: 0.78125rem;
  line-height: 1.5;
}

/* ---- 5. Selected states: primary ---- */
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__segment-input:checked + .lglg_xtreamopsmanager-customization__segment-label {
  border: 1.5px solid #5E2EE6;
  background: #F1EBFF;
  color: #5E2EE6;
  font-weight: 600;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__segment-label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M11.667 3.5L5.25 9.917 2.333 7' stroke='%235E2EE6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__choice input:checked ~ .lglg_xtreamopsmanager-customization__choice-label {
  color: #5E2EE6;
}

/* ---- 6. Focus rings: primary ---- */
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__segment-input:focus-visible + .lglg_xtreamopsmanager-customization__segment-label,
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__switch-input:focus-visible + .lglg_xtreamopsmanager-customization__switch-track,
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__choice input:focus-visible,
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__select:focus,
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__text:focus {
  border-color: #5E2EE6;
  box-shadow: 0 0 0 4px rgba(94, 46, 230, 0.12);
}

/* ---- 7. Switch + radios: explicit primary ---- */
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__switch-input:checked + .lglg_xtreamopsmanager-customization__switch-track {
  border-color: #5E2EE6;
  background: #5E2EE6;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__choice input {
  accent-color: #5E2EE6;
}

/* ---- 8. Price pill: primary tint ---- */
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__price {
  background: #F1EBFF;
  color: #5E2EE6;
}

/* ---- 9. Restrained 10-12px radii, compact pills and hierarchy ---- */
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__segment-label,
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__choice,
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__select,
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__text {
  border-radius: 10px;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__segment-label {
  min-height: 44px;
  padding: 8px 14px;
  font-size: 0.8125rem;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__choice {
  padding: 0.75rem 0.875rem;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__header {
  margin-bottom: 1rem;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__header h4 {
  font-size: 1.5rem;
  font-weight: 700;
}
body .lglg_xtreamopsmanager-customization .lglg_xtreamopsmanager-customization__label {
  font-weight: 600;
}

/* ---- 10. Native duration block: flat section coherent with fields.
   Scoped to the configurator page context; native markup/JS untouched. ---- */
body#product .lglg-product-page .product-actions form .product-variants {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0.9rem 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}
body#product .lglg-product-page .product-actions form .product-variants .control-label {
  font-size: 13px;
  font-weight: 600;
  color: #101828;
  text-transform: none;
  letter-spacing: 0;
}

/* ---- 11. Mobile usable width (module container only) ---- */
@media (max-width: 767px) {
  body .lglg_xtreamopsmanager-customization {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}