/*
Theme Name: Xom Landing
Theme URI: https://xomtruyenthong.com
Author: Xom Communication
Description: Landing page mot trang cho Xom Communication. Toan bo noi dung sua duoc bang ACF (Trang chu > Noi dung Landing).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: xom-landing
*/

:root {
  --xom-green: #4b8b25;
  --xom-white: #ffffff;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--xom-bg, var(--xom-green));
  font-family: 'Be Vietnam Pro', Helvetica, Arial, sans-serif;
  color: var(--xom-white);
  -webkit-font-smoothing: antialiased;
}

a { color: #ffffff; }
a:hover { color: #eaf5e0; }

.xom-stage {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 72px 24px;
  text-align: center;
  text-wrap: pretty;
}

.xom-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: var(--xom-logo-width, 440px);
  max-width: 84vw;
}

.xom-logo img { display: block; height: auto; }
.xom-logo__mark { width: 99.3%; }
.xom-logo__bar { width: 100%; margin-top: 3.3%; }

.xom-copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 22px;
  max-width: 1000px;
}

.xom-eyebrow {
  margin: 0;
  font-size: clamp(16px, 2.1vw, 25px);
  font-weight: 400;
  line-height: 1.45;
  color: #f2f8ec;
}

.xom-headline {
  margin: 0;
  font-size: clamp(30px, 5.2vw, 62px);
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: -0.015em;
}

.xom-rule {
  width: 340px;
  max-width: 60vw;
  height: 1px;
  background: rgba(255, 255, 255, 0.45);
}

.xom-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}

.xom-contact__lead {
  margin: 0;
  font-size: clamp(16px, 1.9vw, 23px);
  color: #f2f8ec;
}

.xom-contact__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  font-size: clamp(17px, 2vw, 25px);
  font-weight: 500;
}

.xom-contact__links a {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.xom-contact__sep { color: #e6f1dc; font-weight: 400; }

.xom-note {
  margin: 0;
  font-style: italic;
  font-size: clamp(14px, 1.5vw, 18px);
  color: #e3efd8;
}