/* ══════════════════════════════════════════════════
   mobile.css — PTG Responsive Rules
   Universal rules outside media queries;
   mobile-only rules scoped to max-width:1049px
   ══════════════════════════════════════════════════ */

/* ── Universal: Fluid media (all viewports) ── */
iframe { max-width: 100% !important; }
#content img { max-width: 100% !important; height: auto !important; }
.video_container_16_9 { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden; }
.video_container_4_3 { position: relative; padding-bottom: 75%; padding-top: 35px; height: 0; overflow: hidden; }
.video_container_16_9 iframe,
.video_container_4_3 iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

/* ── Mobile-only rules (≤1049px) ── */
@media screen and (max-width: 1049px) {
  body, html { -webkit-text-size-adjust: none; margin: 0; padding: 0; }

  #cssmenu.show, #mobile_nav.show { display: block; }
  #cssmenu.hide, #mobile_nav.hide { display: none; }

  #content img.mobile_no_resize { width: auto !important; height: auto !important; }
  #content a.mobile_hide, #content img.mobile_hide { display: none; }

  #footer_nav { display: none; }

  table.mobile:not(.no_resize) { width: 100% !important; height: auto !important; overflow: hidden; border-collapse: collapse; margin: 20px 0 !important; }
  table.mobile td, table.mobile th { padding: 10px !important; margin: 0 0 20px 0 !important; }
  table.mobile:not(.columns) td { display: block; width: 100% !important; height: auto !important; overflow: hidden; text-align: center; border: none !important; }
  table.mobile td div, table.mobile td p, table.mobile td ul li { text-align: left; }
  table.mobile td img { max-width: 100% !important; height: auto !important; margin: auto; }

  table.sc_table_form { width: 100%; padding: 20px; }
  .sc_table_tr_td_label_form { text-align: left; }
  .sc_table_div_label_form { float: none !important; }
  .sc_table_tr_td_value_form { text-align: left; }
  .sc_form_textbox { width: auto; }
  .sc_form_required { color: red; float: right; font-size: 10px; }

  input[type="submit"], input[type="cancel"], input[type="reset"], input[type="button"], a.button.mobile {
    white-space: nowrap; text-overflow: ellipsis; display: flex; margin: 10px;
  }

  #mobile_logo img { width: 100% !important; height: auto !important; margin: 0 !important; }

  #mobile_phone.hide { display: none; }
  #mobile_phone { background-color: #000; text-align: center; }
  #mobile_phone, #mobile_phone a { font-size: 24px; color: #fff; text-decoration: none; }

  #mobile_footer { background-color: #030303; padding: 15px !important; box-sizing: border-box; color: #fff; font-size: 12px; }
  #mobile_footer a { color: #fff; }

  body { min-width: 0; width: 100%; background: none; }
  .object, object { display: none; }
  #container, #footer { width: 100%; height: auto; min-width: 0; max-width: 100%; overflow: hidden; }
  #content { box-sizing: border-box; min-height: 0; }
  .main_logo.mobile { left: auto; right: auto; margin-left: auto; margin-right: auto; z-index: 81; width: auto; height: auto; }
}
