/*
Theme Name: Zydex Global
Theme URI: https://zydexgroup.com/
Author: Zydex Group
Description: Editable custom WordPress theme for the approved Zydex Global Homepage v2.2 responsive design, with Customizer controls for global colours, typography, header and footer.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: zydex-global
*/

/* WordPress compatibility helpers only. Approved visual CSS is loaded from /assets/css/. */
.admin-bar .zx-nav { top: 32px; }
.admin-bar .zx-mobile-nav { top: 32px; }
@media (max-width: 782px) {
  .admin-bar .zx-nav { top: 46px; }
  .admin-bar .zx-mobile-nav { top: 46px; }
}

.zx-wp-content {
  width: min(100% - 2 * var(--zx-container-gutter, 24px), var(--zx-container-max, 1440px));
  margin-inline: auto;
  padding-block: clamp(120px, 12vw, 180px) clamp(64px, 8vw, 120px);
}
.zx-wp-content__title { margin-bottom: 1.5rem; }
.zx-wp-content img { max-width: 100%; height: auto; }

/* Editable footer: four columns on wide screens, responsive below. */
@media (min-width: 1180px) {
  .zx-footer__columns { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}