/*
Theme Name: Trancex Media Custom Theme
Version: 1.1
Requires at least: 7.0
*/

/* ── Global foundation (trosidex-style mobile-first base) ── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

html,
body {
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
}

img,
video,
iframe,
svg {
  max-width: 100%;
  height: auto;
}

/* Shared container rhythm: 20px gutters like trosidex */
.tx-container,
.wrap,
.hero .hero-container,
.footer-container,
.blog-shell {
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  padding-left: max(20px, env(safe-area-inset-left, 0px));
  padding-right: max(20px, env(safe-area-inset-right, 0px));
}

@media (max-width: 768px) {
  .tx-container,
  .wrap,
  .hero .hero-container,
  .footer-container,
  .blog-shell {
    padding-left: max(15px, env(safe-area-inset-left, 0px));
    padding-right: max(15px, env(safe-area-inset-right, 0px));
  }
}

@media (max-width: 480px) {
  .tx-container,
  .wrap,
  .hero .hero-container,
  .footer-container,
  .blog-shell {
    padding-left: max(16px, 4vw);
    padding-right: max(16px, 4vw);
  }
}