/*
Theme Name: Nextex Child
Theme URI: 
Description: Child theme for Nextex - preserves customizations when parent theme updates
Author: Tuấn Phạm
Author URI: https://tuanminhpham.site
Template: nextex
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nextex-child
*/

/* ==========================================================================
   Custom Styles - Add your CSS customizations below
   ========================================================================== */
/* Ẩn nút menu hamburger trên mobile */
.navbar-toggle {
  display: none !important;
}

.text-logo {
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Desktop */
@media (min-width: 1025px) {
  .text-logo {
    font-size: 20px !important;
    color: #000 !important;
  }
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .text-logo {
    font-size: 18px !important;
    color: #000 !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .text-logo {
    font-size: 15px !important;
    color: #000 !important;
  }
}

/* ==========================================================================
   iOS/Android Video Fixes
   ========================================================================== */

/* Fix video container sizing */
.html5-videoContainment,
.hero-bg video,
.hero-fullscreen-FIX video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  object-fit: cover !important;
  -o-object-fit: cover !important;
}

/* Fix Vide.js video wrapper */
.vide-body video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  object-fit: cover !important;
}

/* Ensure video container fills parent */
.hero-fullscreen-FIX,
.hero-bg {
  position: relative !important;
  overflow: hidden !important;
}

/* Hide black background on iOS when video loads */
.html5-videoContainment,
.hero-bg,
.hero-fullscreen-FIX {
  background-color: transparent !important;
}

/* iOS Safari specific fix for fullscreen video */
@supports (-webkit-touch-callout: none) {
  video {
    object-fit: cover !important;
    -o-object-fit: cover !important;
  }
}

/* Mobile specific - hide video background div on very small screens if needed */
@media (max-width: 767px) {
  .html5-bg {
    display: none !important;
  }

  .html5-videoContainment video,
  .vide-body video {
    object-fit: cover !important;
    width: 100vw !important;
    height: 100vh !important;
  }
}