/*
Theme Name: LUXORA JEWELRY
Theme URI: https://luxora.vn
Author: LUXORA Team
Author URI: https://luxora.vn
Description: Theme WordPress & WooCommerce cao cấp dành riêng cho thương hiệu trang sức LUXORA JEWELRY. Tích hợp đầy đủ WooCommerce, tối ưu Yoast SEO, hiệu ứng 3D tilt, SVG art kim hoàn độc quyền và quản trị động 100% từ WordPress Admin.
Version: 1.1.4
Tested up to: 6.7
Requires at least: 6.0
Requires PHP: 7.4
License: Proprietary
Text Domain: luxora-jewelry
Tags: e-commerce, luxury, jewelry, woocommerce, responsive-layout, custom-menu, featured-images, custom-header
*/

/* Base reset & typography definitions */
:root {
  --bg: #faf7f0;
  --card: #ffffff;
  --cream: #f1ece0;
  --champ: #e4d6b4;
  --gold: #c6a15b;
  --gold-d: #8a6a2f;
  --ink: #2c5247;
  --mute: #66766f;
  --line: #e3ddcd;
  --sale: #9c3b2e;
}
/* ========================================================
   BẢN VÁ LUXORA JEWELRY: CÂN ĐỐI GIAO DIỆN & CHỐNG LỆCH PHẢI
   ======================================================== */

/* 1. Đưa Hero Banner vào khung cân đối chuẩn 1280px (Không dạt sát mép phải) */
@media (min-width: 1025px) {
  .hsl {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
  }
  
  .hero {
    grid-template-columns: 1fr 1fr;
    min-height: 520px;
  }
  
  .hero .t {
    padding: 60px 40px 60px 0 !important;
  }
  
  .hero .art {
    border-radius: 8px;
    overflow: hidden;
  }
  
  /* Căn lại 2 nút mũi tên vào trong khung, không dính sát mép màn hình */
  .hsl .arr.n {
    right: 40px !important;
  }
  .hsl .arr.p {
    right: 95px !important;
  }
  
  .hsl .dots {
    left: 20px !important;
  }
}

/* 2. Triệt tiêu vĩnh viễn lỗi chữ 3 slide đè lên nhau */
.hsl .hs:not(.active) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.hsl .hs.active {
  display: grid !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* 3. Khắc phục giao diện Mobile */
@media (max-width: 768px) {
  /* Chừa khoảng trống dưới chân trang để thanh điều hướng không che nút CTA */
  body {
    padding-bottom: calc(75px + env(safe-area-inset-bottom)) !important;
  }
  
  /* Chống tràn ngang */
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
  }
  
  /* Logo không bị ép chữ */
  .logo {
    font-size: 20px !important;
    letter-spacing: 0.15em !important;
  }
}