/*
 * Site-specific overrides for the static Starkom site.
 * Selectors start with #main_MF so they outrank the Wix layout rules
 * (#main_MF :where(.comp-...)).
 */

/* ---------- Inquiry / Booking: Wix services widgets on mobile ---------- */
@media screen and (max-width: 1023px) {
  /* Wix left a 175px top margin above these widgets on mobile (0 on desktop) */
  #main_MF [id^="TPASection_"] { margin-top: 0; }
}
@media screen and (max-width: 767px) {
  /* service cards: one per row instead of three squeezed 130px columns */
  #main_MF [data-hook="services-layout"] { grid-template-columns: minmax(0, 1fr); }
  #main_MF [data-hook="services-layout"] > li { width: auto; max-width: none; }
}

/* ---------- Footer: two parts (Contact | Copyright) ---------- */
#main_MF footer [id$="_r_comp-mw3glg4y"] p,
#main_MF footer [id$="_r_comp-mw3glg78"] p { text-align: left; }
#main_MF footer [id$="_r_comp-mw3glgcu"] p,
#main_MF footer [id$="_r_comp-mw3glgf0"] p { text-align: right; }

/* desktop: contact left half, copyright right half (same outer edges as the heading/line) */
@media screen and (min-width: 1024px) {
  /* Wix gave the heading row a minimum height of ~1/3 of the screen width -> big empty gap */
  #main_MF footer [class*="_r_comp-mdr13kdg-container"]:not([class*="-container-pinned"]) {
    grid-template-rows: auto;
  }
  #main_MF footer [id$="_r_comp-mw3glg4y"],
  #main_MF footer [id$="_r_comp-mw3glg78"] {
    margin-left: 2.5%;
    width: 46%;
    justify-self: start;
    text-align: left;
  }
  #main_MF footer [id$="_r_comp-mw3glgcu"],
  #main_MF footer [id$="_r_comp-mw3glgf0"] {
    margin-left: 51.66%;
    width: 46%;
    justify-self: start;
    text-align: right;
  }
}

/* mobile / tablet: two stacked blocks, centred */
@media screen and (max-width: 1023px) {
  #main_MF footer [id$="_r_comp-mw3glg4y"] { grid-area: 3/1/4/2; }
  #main_MF footer [id$="_r_comp-mw3glg78"] { grid-area: 4/1/5/2; }
  #main_MF footer [id$="_r_comp-mw3glgcu"] {
    grid-area: 5/1/6/2;
    margin-top: max(0.5px, 0.1025641 * (var(--scaling-factor) - var(--scrollbar-width)));
  }
  #main_MF footer [id$="_r_comp-mw3glgf0"] { grid-area: 6/1/7/2; }
  #main_MF footer [id$="_r_comp-mw3glg4y"] p,
  #main_MF footer [id$="_r_comp-mw3glg78"] p,
  #main_MF footer [id$="_r_comp-mw3glgcu"] p,
  #main_MF footer [id$="_r_comp-mw3glgf0"] p { text-align: center; }
}