/*
Theme Name: UpTrail
Theme URI: https://uptrail.vn/
Author: UpTrail Trekking & Adventure
Author URI: https://uptrail.vn/
Description: Block theme hiện đại cho UpTrail Trekking & Adventure, tích hợp Slider Revolution và Full Site Editing.
Version: 2.11.18
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 8.0
Text Domain: uptrail
Tags: full-site-editing, block-patterns, block-styles, custom-logo, custom-menu, featured-images, one-column
*/

:root {
  --color-navy: var(--uptrail-primary-600);
  --color-navy-light: var(--uptrail-primary-500);
  --color-green: var(--uptrail-primary-600);
  --color-green-light: var(--uptrail-primary-400);
  --color-gold: var(--uptrail-gold-500);
  --color-cream: var(--uptrail-mist);
  --color-white: var(--uptrail-white);
  --color-text: var(--uptrail-dark);
  --color-text-muted: var(--uptrail-gray-500);
}

html {
  max-width: 100%;
  overflow-x: clip;
}

.wp-site-blocks {
  padding: var(--nav-height) 0 0;
}

.wp-site-blocks > * {
  margin-block-start: 0;
}

.wp-block-template-part {
  margin: 0;
}

.wp-site-blocks > header,
.wp-site-blocks > main,
.wp-site-blocks main > .uptrail-revslider-hero {
  margin-block: 0 !important;
  padding-block: 0 !important;
}

.wp-site-blocks > header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}

.admin-bar .wp-site-blocks > header {
  top: var(--wp-admin--admin-bar--height, 32px);
}

.uptrail-revslider-hero {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: min(100svh, 960px);
  margin-top: 0 !important;
  padding-top: 0 !important;
  overflow: hidden;
  background: #d8dcdd url("assets/images/cloudss-poster.webp") center / cover no-repeat;
}

.uptrail-revslider-hero .rs-p-wp-fix {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.uptrail-revslider-hero > rs-module-wrap,
.uptrail-revslider-hero > sr7-module,
.uptrail-revslider-hero > sr7-module.rs-respect-topbar {
  position: relative;
  z-index: 1;
  width: 100% !important;
  margin-top: 0 !important;
  top: 0 !important;
}

.admin-bar .wp-site-blocks > header {
  top: var(--wp-admin--admin-bar--height, 32px);
}

.admin-bar .nav,
.admin-bar .nav.scrolled {
  top: 0;
}

.uptrail-slider-fallback {
  min-height: min(100svh, 960px);
  display: grid;
  align-items: center;
  color: var(--color-white);
  background:
    linear-gradient(90deg, rgba(10, 22, 40, 0.9), rgba(15, 45, 66, 0.48)),
    url("assets/images/hero_bg.jpg") center / cover no-repeat;
  background:
    linear-gradient(90deg, rgba(10, 22, 40, 0.9), rgba(15, 45, 66, 0.48)),
    image-set(
      url("assets/images/hero_bg.webp") type("image/webp"),
      url("assets/images/hero_bg.jpg") type("image/jpeg")
    ) center / cover no-repeat;
}

.uptrail-picture {
  display: block;
  width: 100%;
  height: 100%;
}

.uptrail-picture > img {
  display: block;
  width: 100%;
  height: 100%;
}

.uptrail-slider-fallback__content {
  width: min(1280px, 100%);
  margin-inline: auto;
  padding: 9rem clamp(1.25rem, 4vw, 2.5rem) 5rem;
}

.uptrail-slider-fallback__eyebrow {
  color: var(--color-gold);
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.uptrail-slider-fallback h1 {
  max-width: 900px;
  margin: 1rem 0 1.5rem;
  color: var(--color-white);
  font-size: clamp(2.8rem, 5.5vw, 5.5rem);
  line-height: 1.1;
  padding-bottom: 0.25rem;
}

.uptrail-slider-fallback h1 em {
  color: var(--color-gold);
  font-style: italic;
  font-weight: 500;
}

.uptrail-slider-fallback p {
  max-width: 680px;
  color: rgba(255, 255, 255, 0.76);
}

.nav__links .menu-item,
.nav__mobile-menu .menu-item,
.footer .menu-item {
  list-style: none;
}

.nav__links .menu,
.nav__mobile-menu .menu,
.footer .menu,
.footer__menu {
  margin: 0;
  padding: 0;
}

.nav__links-menu,
.nav__links-menu > .menu-item,
.nav__mobile-menu-list,
.nav__mobile-menu-list > .menu-item {
  display: contents;
}

.contact__social-link[aria-disabled="true"] {
  opacity: 0.45;
  pointer-events: none;
}

.uptrail-posts {
  min-height: 70vh;
  padding-top: 10rem;
}

.uptrail-posts article {
  margin-bottom: 3rem;
}

.uptrail-posts a {
  color: var(--color-green);
}

.nav__account {
  position: relative;
  display: grid;
  flex: 0 0 42px;
  place-items: center;
  width: 42px;
  height: 42px;
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  transition: background 0.2s ease, transform 0.2s ease;
}

.nav__account:hover { color: #fff; background: rgba(255, 255, 255, 0.17); transform: translateY(-2px); }
.nav__account svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.nav__account-dot { position: absolute; right: 2px; bottom: 3px; width: 9px; height: 9px; background: #e2aa4c; border: 2px solid #123b32; border-radius: 50%; }

@media (max-width: 1180px) {
  .nav__account { margin-right: 4px; margin-left: auto; }
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}