/* ===== Vaighai Animal Nutrition – static site layout fixes ===== */
/* WhatsApp enquiry form: result message + field errors */
.wa-msg { margin: 16px 0 0; padding: 12px 16px; border-radius: 6px; font-size: 15px; line-height: 1.5; }
.wa-msg.is-ok { background: #e8f6ec; color: #17602e; border: 1px solid #9bd3ab; }
.wa-msg.is-err { background: #fdecee; color: #9b1c2c; border: 1px solid #f1a9b3; }
.gform_wrapper .wa-tip { color: #c62828 !important; font-size: 13px; margin-top: 4px; }
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error textarea { border-color: #e57373 !important; }
/* Popup Maker "Litre Plus" popup has no trigger on the site - keep it hidden (its own CSS was generated by the plugin) */
.pum-overlay, .pum-container { display: none !important; }

/* one content width everywhere: 1300px max / 90% of the screen (full-width sections stay edge to edge) */
.elementor-top-section.elementor-section-boxed > .elementor-container { max-width: 1300px !important; width: 90% !important; }
.site-header .container, .site-footer .container, #content-inner > .container, .tm-titlebar-wrapper .container { max-width: 1300px !important; width: 90% !important; }
/* phones: same look as the live mobile site - boxes use the full 90% width */
@media (max-width: 767px) {
  .elementor-top-section.elementor-section-boxed > .elementor-container { width: 90% !important; }
  .elementor-inner-section > .elementor-container { width: 100% !important; max-width: none !important; }
  .elementor-widget-heading .elementor-heading-title { word-break: normal; }
}
@media (max-width: 767px) {
  .elementor-section .elementor-column, .elementor-section .elementor-column .elementor-widget { width: 100% !important; max-width: 100% !important; }
  .tm-fid .tm-fid-title, .tm-fid .tm-fld-contents { text-align: center !important; }
}
/* phones: page wrapper does not shrink the sections a second time; cards / CTA box use the same 90% width */
@media (max-width: 767px) {
  #content-inner > .container, #content-inner .site-main > .container { width: 100% !important; max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
  .elementor-top-section { padding-left: 0 !important; padding-right: 0 !important; }
  .elementor-inner-column > .elementor-widget-wrap { margin-left: 0 !important; margin-right: 0 !important; }
}

/* phones: no extra gap between the banner and the first section (same as the live site) */
@media (max-width: 767px) {
  #content-inner .site-main, main.site-main { padding-top: 0 !important; padding-bottom: 0 !important; }
  .tm-fid .tm-fid-title, .tm-fid .tm-fld-contents { text-align: center !important; }
}
/* phones: home intro box + 40+/20+ counters edge to edge; banner title 40px */
@media (max-width: 767px) {
  #content .elementor-element.elementor-element-2766481c { padding-top: 0 !important; }
  #content .elementor-element.elementor-element-2766481c > .elementor-container { width: 100% !important; max-width: none !important; margin: 0 !important; }
  #content .elementor-element.elementor-element-2766481c .elementor-column, #content .elementor-element.elementor-element-2766481c .elementor-widget-wrap,
  #content .elementor-element.elementor-element-2766481c .elementor-container, #content .elementor-element.elementor-element-2766481c .elementor-section { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
  #content .elementor-element.elementor-element-2766481c .elementor-widget-wrap { padding-left: 0 !important; padding-right: 0 !important; }
  .themetechmount-slider-wrapper h1, .themetechmount-slider-wrapper h2, .rs-layer[data-type="text"] { font-size: 40px !important; line-height: 1.2 !important; }
}
@media (max-width: 767px) {
  #content .elementor-element.elementor-element-2766481c .themetechmount-iconbox-inner { padding: 25px 20px 30px !important; }
  #content .elementor-element.elementor-element-2766481c .tm-cta3-content-wrapper { padding: 0 !important; }
}
@media (max-width: 767px) {
  #content .elementor-element.elementor-element-2766481c .tm-iconbox-wrapper, #content .elementor-element.elementor-element-2766481c .themetechmount-iconbox-heading { display: block !important; width: 100% !important; }
  #content .elementor-element.elementor-element-2766481c .elementor-widget-button { padding: 0 20px 30px !important; }
}
/* phones: inner boxes (product cards, counters, CTA) centred and using the full 90% width */
@media (max-width: 767px) {
  #content .elementor-inner-section > .elementor-container { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: none !important; }
  #content .elementor-inner-section > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-left: 0 !important; padding-right: 0 !important; }
}
/* phones: banner title smaller + centred; no white gap under the counters */
@media (max-width: 767px) {
  .themetechmount-slider-wrapper h1, .themetechmount-slider-wrapper h2, .rs-layer[data-type="text"] { font-size: 28px !important; line-height: 1.25 !important; text-align: center !important; }
  #content .elementor-element.elementor-element-2766481c { padding-bottom: 0 !important; margin-bottom: 0 !important; }
}
/* phones: sections never slide up under the page banner (negative margins), same 40px top/bottom space */
@media (max-width: 767px) {
  #content .elementor-top-section { margin-top: 0 !important; }
  #content .elementor-top-section > .elementor-container > .elementor-column > .elementor-widget-wrap { margin-top: 0 !important; }
  #content .elementor > .elementor-top-section:first-child { padding-top: 40px !important; padding-bottom: 40px !important; }
}
@media (max-width: 767px) {
  body #content .elementor > section.elementor-top-section.elementor-element-2766481c { padding-top: 0 !important; }
  #content .elementor-top-section.elementor-element-2766481c > .elementor-container > .elementor-column > .elementor-widget-wrap { margin-top: 0 !important; }
}
@media (max-width: 767px) {
  body #content .elementor > section.elementor-top-section.elementor-element-2766481c { padding-bottom: 0 !important; margin-bottom: 0 !important; }
}