/*!
Theme Name: Fuji Spa Theme
Theme URI: https://piweb.com.vn/
Author: Pisee Authors
Author URI: https://piweb.com.vn/
Template: pisee
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.0
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
*/

header#header .header__logo svg {
  width: 260px !important;
  height: auto !important;
  max-width: none !important;
}

.footer .footer-company,
.footer .footer-company * {
  font-size: 16px !important;
  line-height: 1.5;
}


html {
  overflow-x: hidden;
  max-width: 100vw;
}

body {
  overflow-x: hidden;
  max-width: 100%;
  position: relative;
}
/* Ảnh chính trang dịch vụ */
.single img {
    border-radius: 16px !important;
    overflow: hidden;
}

/* Ảnh gallery thumbnail */
.single .gallery img,
.single .service-gallery img {
    border-radius: 6px !important;
}

/* ===== GRADIENT LINE DƯỚI HEADER (ALL DEVICES) ===== */

header {
    position: relative;
}

header::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 4px; /* mobile mặc định mỏng */

    background: linear-gradient(
        90deg,
        #5b1e00 0%,
        #5b1e00 40%,
        #c44a00 100%
    );

    pointer-events: none;
    z-index: 9;
}

/* Desktop: dày hơn */
@media (min-width: 992px) {
    header::after {
        height: 9px;
        bottom: -6px;
    }
}

}
/* ===== THU GỌN KHOẢNG CÁCH CHECKLIST USP ===== */
ul.service-usp-list {
    margin-bottom: 1px; /* giảm khoảng cách dưới list */
}

ul.service-usp-list li {
    margin-bottom: 8px;   /* khoảng cách giữa các dòng */
    line-height: 1.4;     /* gọn hơn nhưng vẫn dễ đọc */
}

/* ================================
   DESKTOP: CĂN BUTTON BẰNG ĐÁY ẢNH
   ================================ */
@media (min-width: 992px) {

    .service-detail-new {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .service-booking-buttons {
        margin-top: auto;      /* đẩy xuống đáy */
        padding-top: 1px;     /* độ lùi đẹp trên desktop */
    }
}

/* ================================
   MOBILE & TABLET: GỌN LẠI CHO ĐẸP
   ================================ */
@media (max-width: 991.98px) {

    .service-detail-new {
        display: block;
        height: auto;
    }

    .service-booking-buttons {
        margin-top: 1px;       /* 🔑 GIẢM Ở ĐÂY */
        padding-top: 0;
    }
}
/* =====================================
   HERO SECTION – CHỮ GỌN HƠN
   ===================================== */
.service-detail-new,
.service-hero,
.service-top-content {
    font-size: 15px;
    line-height: 1.5;
}

/* Title hero */
.service-detail-new h1,
.service-detail-new .service-title {
    font-size: 30px;
    line-height: 1.25;
}

/* =====================================
   CONTENT BÊN DƯỚI – MOBILE (DEFAULT)
   ===================================== */
.service-content-section,
.service-content-section p,
.service-content-section li,
.service-content-section td,
.service-content-section th {
    font-size: 16px;
    line-height: 1.65;
}

/* Heading content – mobile */
.service-content-section h2 {
    font-size: 26px;
    line-height: 1.3;
}

.service-content-section h3 {
    font-size: 20px;
    line-height: 1.4;
}

/* =====================================
   CONTENT BÊN DƯỚI – DESKTOP ONLY
   ===================================== */
@media (min-width: 992px) {
    .service-content-section,
    .service-content-section p,
    .service-content-section li,
    .service-content-section td,
    .service-content-section th {
        font-size: 18px;
        line-height: 1.7;
    }

    .service-content-section h2 {
        font-size: 32px;
        line-height: 1.3;
    }

    .service-content-section h3 {
        font-size: 22px;
        line-height: 1.4;
    }
}

/* =====================================
   TABLE SERVICE – FONT 18PX ONLY
   ===================================== */

/* Toàn bộ nội dung bảng */
.service-content-section table td,
.service-content-section table th {
    font-size: 18px;
    line-height: 1.6;
}

/* Tiêu đề cột (Dịch vụ / Thời gian / Giá) */
.service-content-section table th {
    font-weight: 600;
}

/* Nội dung mô tả dịch vụ (cột trái) */
.service-content-section table td:first-child {
    font-size: 20px;
}

/* Giá dịch vụ */
.service-content-section table td:last-child {
    font-size: 20px;
    font-weight: 500;
}
/* =====================================
   FAQ ITEM – REDUCE HEIGHT / PADDING
   ===================================== */

/* Nút câu hỏi */
.service-faq-section .faq-question {
    padding: 12px 20px;      /* giảm padding */
    min-height: auto;        /* bỏ chiều cao cứng */
    line-height: 1.4;
}

/* Text câu hỏi */
.service-faq-section .faq-question-text {
    font-size: 18px;
    line-height: 1.4;
}

/* Icon + (pseudo element) căn giữa lại */
.service-faq-section .faq-question::before {
    left: 14px;
    font-size: 20px;
}
/* =====================================
   FAQ ITEM – REDUCE HEIGHT / PADDING
   ===================================== */

/* Nút câu hỏi */
.service-faq-section .faq-question {
    padding: 12px 20px;      /* giảm padding */
    min-height: auto;        /* bỏ chiều cao cứng */
    line-height: 1.4;
}

/* Text câu hỏi */
.service-faq-section .faq-question-text {
    font-size: 18px;
    line-height: 1.4;
}

/* Icon + (pseudo element) căn giữa lại */
.service-faq-section .faq-question::before {
    left: 14px;
    font-size: 20px;
}