.v2-gap {
    gap: 5px;
}

.gap-0 {
    gap: 0 !important;
}

.wp-block-columns.v2-gap .wp-block-columns {
    gap: 15px;
}

.v2-container {
    max-width: 1132px;
    margin-left: auto;
    margin-right: auto;
}

/* Front-end: Hide only on small screens (<= 640px) */
@media screen and (max-width: 640px) {
  .hide-for-small-only {
    display: none !important;
  }
}

/* Admin/editor: Don't hide it — show a "hidden on mobile" preview instead */
@media screen and (max-width: 640px) {
  body.wp-admin .hide-for-small-only {
    display: block !important;           /* override the hide */
    opacity: 0.45;
    position: relative;
    outline: 1px dashed rgba(0,0,0,0.35);
  }

  body.wp-admin .hide-for-small-only::before {
    content: "Hidden on small screens (≤ 640px)";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.2;
    background: repeating-linear-gradient(
      135deg,
      rgba(255, 200, 0, 0.25),
      rgba(255, 200, 0, 0.25) 10px,
      rgba(0, 0, 0, 0.06) 10px,
      rgba(0, 0, 0, 0.06) 20px
    );
    color: #111;
    pointer-events: none;
    z-index: 1;
  }
}
