/* ==========================================================================
   WPMC Columns Keeper (v1.3)
   Дружні контролі для core/columns: nowrap, gap, min-width, freeze, auto-fit, mobile overrides
   ========================================================================== */

/* ----------------------------- */
/* 1) Базове "тримати разом"     */
/* ----------------------------- */
.wp-block-columns.wpmc-nowrap-enabled {
  display: flex;
  flex-wrap: nowrap !important;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  touch-action: pan-x;

  /* Відступ керується змінною */
  gap: var(--wpmc-gap, 0px) !important;
  --wp--style--block-gap: var(--wpmc-gap, 0px) !important;

  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.wp-block-columns.wpmc-nowrap-enabled > .wp-block-column {
  min-width: var(--wpmc-col-min-width, 200px);
  flex: 1 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* Мобільні оверрайди через змінні */
@media (max-width: 768px) {
  .wp-block-columns.wpmc-nowrap-enabled {
    gap: var(--wpmc-gap-mobile, var(--wpmc-gap, 0px)) !important;
    --wp--style--block-gap: var(--wpmc-gap-mobile, var(--wpmc-gap, 0px)) !important;
  }
  .wp-block-columns.wpmc-nowrap-enabled > .wp-block-column {
    min-width: var(--wpmc-col-min-width-mobile, var(--wpmc-col-min-width, 200px));
  }
}

/* Вертикальне центрування за бажанням */
.wp-block-columns.wpmc-align-center { align-items: center; }

/* ------------------------------------------------------------------ */
/* 2) FREEZE: "все стоїть як вкопане"                                 */
/* ------------------------------------------------------------------ */
.wp-block-columns.wpmc-freeze-layout {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
}
.wp-block-columns.wpmc-freeze-layout * {
  transform: none !important;
  transform-origin: center !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;

  /* щоб нічого не їхало поверх одне одного */
  position: static !important;
  z-index: auto !important;
}
.wp-block-columns.wpmc-freeze-layout > .wp-block-column,
.wp-block-columns.wpmc-freeze-layout > .wp-block-column * {
  flex-shrink: 0 !important;   /* не стискати */
}

/* Медійні елементи: не менше контенту, але не виходити за межі */
.wp-block-columns.wpmc-freeze-layout .wp-block-column > .wp-block-image,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > .wp-block-gallery,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > .wp-block-buttons,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > figure,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > img,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > svg,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > canvas,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > video {
  min-width: max-content;
  max-width: 100%;
  height: auto;
}

/* Текст — переноситься без перекриттів */
.wp-block-columns.wpmc-freeze-layout .wp-block-column > p,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > h1,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > h2,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > h3,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > h4,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > h5,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > h6,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > ul,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > ol,
.wp-block-columns.wpmc-freeze-layout .wp-block-column > .wp-block-group {
  word-wrap: break-word;
  overflow: visible;
}

/* Щоб гаттери були контрольовані лише gap'ом */
.wp-block-columns.wpmc-freeze-layout > .wp-block-column > * { margin: 0 !important; }

/* --------------------------------------------------------------- */
/* 3) AUTO-FIT LOGO ROW — фікс для рядка "Лого + Зображення/Слово" */
/* --------------------------------------------------------------- */
.wp-block-columns.wpmc-auto-fit-logo {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: var(--wpmc-gap, 0px);
}
.wp-block-columns.wpmc-auto-fit-logo > .wp-block-column { flex: 0 1 auto; } /* контентний розмір + дозволити стискання */
.wp-block-columns.wpmc-auto-fit-logo img { height: auto; max-height: 60px; width: auto; }

/* Критично: коли одночасно freeze + auto-fit, дозволяємо локально стискатися,
   і скасовуємо min-width:max-content, щоб не виникали "порожні місця" на мобільному */
.wp-block-columns.wpmc-freeze-layout.wpmc-auto-fit-logo { overflow: visible; }
.wp-block-columns.wpmc-freeze-layout.wpmc-auto-fit-logo > .wp-block-column,
.wp-block-columns.wpmc-freeze-layout.wpmc-auto-fit-logo > .wp-block-column * {
  flex-shrink: 1 !important;
  min-width: 0 !important;
}
.wp-block-columns.wpmc-freeze-layout.wpmc-auto-fit-logo .wp-block-column > .wp-block-image,
.wp-block-columns.wpmc-freeze-layout.wpmc-auto-fit-logo .wp-block-column > figure,
.wp-block-columns.wpmc-freeze-layout.wpmc-auto-fit-logo .wp-block-column > img,
.wp-block-columns.wpmc-freeze-layout.wpmc-auto-fit-logo .wp-block-column > svg {
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
}

/* Дрібний твік для логотипа, щоб не дублювати gap власними відступами */
.wpmc-nowrap-enabled .wp-block-column:first-child .custom-logo-link,
.wpmc-nowrap-enabled .wp-block-column:first-child img.custom-logo {
  margin-left: 0 !important;
  padding-left: 0 !important;
  display: block;
}