/*
 * AANRY Maison 3.0 — Elementor layout unlock
 * Loaded after the theme stylesheet so Elementor's own CSS variables can control sizing.
 */

/* Let boxed containers respect Elementor's own configured width. */
body.aanry-site .e-con-boxed > .e-con-inner {
  width: min(100%, var(--content-width, var(--container-max-width, 1280px))) !important;
  max-width: var(--content-width, var(--container-max-width, 1280px)) !important;
  margin-inline: auto !important;
}

/* Reconnect common AANRY cards to Elementor container controls. */
body.aanry-site :is(
  .aanry-benefit,
  .aanry-advantage,
  .aanry-universe-card,
  .aanry-feature-card,
  .aanry-product-benefit,
  .aanry-mini-benefit,
  .aanry-need-card,
  .aanry-blush-panel,
  .aanry-split-copy,
  .aanry-contact-form-col,
  .aanry-contact-info-col
) {
  width: var(--width, 100%) !important;
  max-width: var(--max-width, none) !important;
  min-width: var(--min-width, 0) !important;
  min-height: var(--min-height, auto) !important;
  height: var(--height, auto) !important;
  padding-block-start: var(--padding-block-start, var(--padding-top, 24px)) !important;
  padding-block-end: var(--padding-block-end, var(--padding-bottom, 24px)) !important;
  padding-inline-start: var(--padding-inline-start, var(--padding-left, 22px)) !important;
  padding-inline-end: var(--padding-inline-end, var(--padding-right, 22px)) !important;
  margin-block-start: var(--margin-block-start, var(--margin-top, 0px)) !important;
  margin-block-end: var(--margin-block-end, var(--margin-bottom, 0px)) !important;
  margin-inline-start: var(--margin-inline-start, var(--margin-left, 0px)) !important;
  margin-inline-end: var(--margin-inline-end, var(--margin-right, 0px)) !important;
  gap: var(--gap, var(--row-gap, 0px)) var(--column-gap, var(--gap, 0px)) !important;
  flex-direction: var(--flex-direction, row) !important;
  justify-content: var(--justify-content, flex-start) !important;
  align-items: var(--align-items, center) !important;
}

/* Let grid and section wrappers use Elementor's responsive gap and column settings. */
body.aanry-site :is(
  .aanry-benefit-strip > .e-con-inner,
  .aanry-advantages-grid,
  .aanry-universe-grid,
  .aanry-feature-grid,
  .aanry-product-benefits > .e-con-inner,
  .aanry-needs-grid,
  .aanry-values-grid
) {
  gap: var(--gap, var(--row-gap, 24px)) var(--column-gap, var(--gap, 24px)) !important;
  min-height: var(--min-height, auto) !important;
  padding-block-start: var(--padding-block-start, var(--padding-top, 0px)) !important;
  padding-block-end: var(--padding-block-end, var(--padding-bottom, 0px)) !important;
  padding-inline-start: var(--padding-inline-start, var(--padding-left, 0px)) !important;
  padding-inline-end: var(--padding-inline-end, var(--padding-right, 0px)) !important;
}

/* Individual feature-card widgets: allow Elementor spacing and icon controls to win. */
body.aanry-site :is(
  .aanry-benefit-icon img,
  .aanry-advantage-icon img,
  .aanry-universe-icon img,
  .aanry-mini-benefit img,
  .aanry-product-benefit img
) {
  width: var(--aanry-editable-icon-size, 31px) !important;
  height: var(--aanry-editable-icon-size, 31px) !important;
}

/* Desktop defaults remain visually close to Maison AANRY when no local setting exists. */
@media (min-width: 1025px) {
  body.aanry-site .aanry-benefit {
    --min-height: 105px;
  }
}

/* On tablet and mobile, do not force old theme heights or padding. */
@media (max-width: 1024px) {
  body.aanry-site :is(
    .aanry-benefit,
    .aanry-advantage,
    .aanry-universe-card,
    .aanry-feature-card,
    .aanry-product-benefit,
    .aanry-mini-benefit
  ) {
    min-height: var(--min-height, auto) !important;
  }
}