/* ===========================
   Mobile Full Width Rows CSS
   =========================== */

/* MOBILE: flatten corners when our script marks the row */
@media (max-width: 999px) {
  /* Don't rely on .span_12 or exact VC structure */
  .full_width_content_style .vc_column-inner,
  .full_width_content_style .vc_column-inner .column-bg-layer,
  .full_width_content_style .column-image-bg-wrap,
  .full_width_content_style .column-image-bg,
  .full_width_content_style .column-bg-overlay-wrap,
  /* Also catch anything that signals a radius */
  .full_width_content_style [data-border-radius],
  .full_width_content_style [style*="border-radius"],
  .full_width_content_style [class*="rounded"],
  .full_width_content_style [class*="_br_"],
  .full_width_content_style [class*="radius"] {
    border-radius: 0 !important;
    transition: border-radius 0.5s ease-in-out;
  }
}

/* (extra insurance for overlay variants on mobile) */
@media (max-width: 999px) {
  .full_width_content_style .column-bg-overlay-wrap.column-bg-layer,
  .full_width_content_style .vc_column-inner > .column-bg-overlay-wrap {
    border-radius: 0 !important;
  }
}

/* ===== DESKTOP (>= 1000px) =====
   Round ONLY the OUTER .header_rounded container; keep inner two-column seam square. */
@media (min-width: 1000px) {
  /* Round just the outer header_rounded container backgrounds */
  .full_width_content_style .wpb_column.header_rounded > .vc_column-inner,
  .full_width_content_style .wpb_column.header_rounded > .vc_column-inner > .column-bg-layer,
  .full_width_content_style .wpb_column.header_rounded > .vc_column-inner > .column-image-bg-wrap,
  .full_width_content_style .wpb_column.header_rounded > .vc_column-inner > .column-image-bg {
    border-radius: 30px; /* adjust if your design differs */
  }

  /* Keep ALL inner columns square (works for .vc_row_inner or any vc_row variant) */
  .full_width_content_style .wpb_column.header_rounded [class*="vc_row"] > .wpb_column > .vc_column-inner,
  .full_width_content_style .wpb_column.header_rounded [class*="vc_row"] > .wpb_column > .vc_column-inner .column-bg-layer,
  .full_width_content_style .wpb_column.header_rounded [class*="vc_row"] > .wpb_column > .vc_column-inner > [class*="-wrap"],
  .full_width_content_style .wpb_column.header_rounded [class*="vc_row"] > .wpb_column > .vc_column-inner .column-image-bg-wrap,
  .full_width_content_style .wpb_column.header_rounded [class*="vc_row"] > .wpb_column > .vc_column-inner .column-image-bg {
    border-radius: 0 !important;
  }
}

@media (max-width: 999px) {
  .full_width_content_dropgrid .vc_row,
  .full_width_content_dropgrid .wpb_row,
  .full_width_content_dropgrid .vc_row_inner,
  .full_width_content_dropgrid .inner_row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border: none !important;
  }
}

/* Dropgrid: remove the last mobile gap on columns */
@media (max-width: 999px) {
  /* Kill VC's mobile margin on columns (use high specificity) */
  .full_width_content_dropgrid .vc_row .span_12 > .vc_column_container,
  .full_width_content_dropgrid .vc_row.vc_row-flex .span_12 > .vc_column_container,
  .full_width_content_dropgrid .vc_row.vc_row-o-equal-height .span_12 > .vc_column_container,
  .full_width_content_dropgrid .vc_column_container {
    margin-bottom: 0 !important;
  }

  /* Kill any bottom padding on the column inner */
  .full_width_content_dropgrid .wpb_column > .vc_column-inner {
    padding-bottom: 0 !important;
  }
}

/* Mobile: remove ALL borders inside dropgrid rows you marked */
@media (max-width: 999px) {
  /* kill any inline column borders + hairline helpers */
  .full_width_content_dropgrid .full_width_content_dropgrid_row .wpb_column > .vc_column-inner,
  .full_width_content_dropgrid .full_width_content_dropgrid_row .wpb_column > .vc_column-inner > .border-wrap > span {
    border: 0 !important;
    box-shadow: none !important;
  }

  /* in case rounding draws faint edges, flatten corners */
  .full_width_content_dropgrid .full_width_content_dropgrid_row [class*="_br_"] > .vc_column-inner {
    border-radius: 0 !important;
  }
}

/* Dropgrid: remove vertical gaps only (keep inner padding) */
@media (max-width: 999px) {
  /* only the rows you marked */
  .full_width_content_dropgrid .full_width_content_dropgrid_row {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    gap: 0 !important;      /* if VC flex adds row-gap */
    row-gap: 0 !important;
  }

  /* only the columns you marked inside those rows */
  .full_width_content_dropgrid .full_width_content_dropgrid_row .full_width_content_dropgrid_row_column {
    margin-bottom: 0 !important; /* kill Salient's mobile column mb */
  }

  /* remove hairline borders on column "inners" without touching padding */
  .full_width_content_dropgrid .full_width_content_dropgrid_row .full_width_content_dropgrid_row_column > .vc_column-inner {
    border: 0 !important;
  }

  /* remove borders from common bg wrappers that can create seams */
  .full_width_content_dropgrid .full_width_content_dropgrid_row .full_width_content_dropgrid_row_column .column-bg-layer,
  .full_width_content_dropgrid .full_width_content_dropgrid_row .full_width_content_dropgrid_row_column .column-image-bg-wrap,
  .full_width_content_dropgrid .full_width_content_dropgrid_row .full_width_content_dropgrid_row_column .column-image-bg,
  .full_width_content_dropgrid .full_width_content_dropgrid_row .full_width_content_dropgrid_row_column .column-bg-overlay-wrap {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
  }
}