/**
 * Layout CSS - Phạm Gia Mobility
 * Container, Site Wrapper & Alignments (Alignwide, Alignfull)
 *
 * @package Pham_Gia_Mobility
 * @version 1.4.0
 */

.pcg-site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
}

.pcg-main-site {
    flex: 1;
    width: 100%;
}

.pcg-container {
    width: 100%;
    max-width: var(--pcg-wide-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.pcg-entry-content {
    width: 100%;
}

/* Canh chỉnh mặc định cho các khối con Gutenberg */
.pcg-entry-content > * {
    max-width: var(--pcg-content-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Hỗ trợ chuẩn Alignwide */
.pcg-entry-content > .alignwide,
.alignwide {
    max-width: var(--pcg-wide-width) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Hỗ trợ chuẩn Alignfull full-bleed không bị tràn ngang thanh cuộn */
.pcg-entry-content > .alignfull,
.alignfull {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ==========================================================================
   Full-Bleed Corporate & Page Sections (v1.10.4)
   Phủ toàn bộ chiều ngang màn hình cho background, gradient và tech grid.
   Tương thích ngược tự động cho mọi trang đã xuất bản từ Gutenberg Patterns.
   ========================================================================== */
.pcg-entry-content > .pcg-section,
.pcg-entry-content > .alignwide.pcg-section,
.pcg-entry-content > .alignfull.pcg-section,
.pcg-entry-content > [class*="pcg-bg-"],
.pcg-entry-content > [class*="is-style-pcg-bg-"],
.pcg-section {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    box-sizing: border-box;
}

/* Bảo toàn bố cục container cho template bài viết đơn lẻ single.php */
.pcg-container.pcg-section {
    max-width: var(--pcg-wide-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Khung giới hạn nội dung bên trong section (chữ, hình ảnh, card, columns) */
.pcg-section > :not(.alignfull) {
    max-width: var(--pcg-wide-width, 1260px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100%;
    box-sizing: border-box;
}

.pcg-section > .pcg-section-header {
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.alignleft {
    float: left;
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.alignright {
    float: right;
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

/* ==========================================================================
   Safety Guard: Triệt tiêu dòng tiêu đề trang mặc định phía trên Hero trên trang chủ
   Bảo đảm không rò rỉ "Trang Chủ Doanh Nghiệp" trên frontend, không ảnh hưởng SEO,
   Gutenberg Editor UI hay tiêu đề của các trang con khác.
   ========================================================================== */
.home .entry-title,
.front-page .entry-title,
.pcg-front-page .entry-title,
.pcg-front-page-entry > .entry-title,
.pcg-front-page-entry > .entry-header {
    display: none !important;
}