/* ===================================================================
   Trường Tiểu học Phú Long — Responsive
   Nạp SAU CÙNG. Ưu tiên dùng class grid của Bootstrap; file này chỉ bù
   những chỗ Bootstrap không xử lý được. Phần responsive của header / chân
   trang nằm ở layout.css, của trang chủ nằm ở home.css (cùng file với
   markup nên sửa một chỗ là đủ).
   =================================================================== */

/* ---------------------------------------------- <= 1199px --------- */
@media (max-width: 1199.98px) {
    .main-nav .menu-item > a { padding: 9px 10px; font-size: .9375rem; }
    .js-swiper .swiper-button-prev,
    .js-swiper .swiper-button-next { display: none; }
    .home-hero-slider.js-swiper .swiper-button-prev,
    .home-hero-slider.js-swiper .swiper-button-next { display: inline-flex; }
}

/* ---------------------------------------------- <= 991px ---------- */
@media (max-width: 991.98px) {
    :root { --header-h: var(--header-h-sm); }

    /* Offcanvas mở toàn chiều cao, menu dọc */
    .site-nav-shell { width: min(360px, 88vw); }

    .tour-card { grid-template-columns: 1fr; }
    .tour-media { min-height: 200px; aspect-ratio: 16 / 9; }

    .contact-form-card { padding: 26px; }

    .sticky-sidebar { position: static; }

    .contact-map iframe { height: 300px; }
}

/* ---------------------------------------------- <= 767px ---------- */
@media (max-width: 767.98px) {
    .section, .inner-section {padding: 20px 0;padding-bottom: 30px;background-size: contain;}
    .related-posts { margin-top: 44px; }

    .section-heading { flex-direction: column; align-items: flex-start; }
    .section-heading-center { align-items: center; }

    /* bottom phải chừa chỗ cho thanh .mobile-cta dính đáy (~58px). */
    .float-cta { right: 12px; bottom: 70px; gap: 8px; }
    .float-cta-btn { width: 44px; height: 44px; }

    .footer-bottom-inner { flex-direction: column; align-items: flex-start; }
    .footer-stats {justify-content: center;}
    .footer-credit {text-align: center;}

    .search-box { flex-wrap: wrap; padding-left: 42px; }
    .search-submit { width: 100%; }

    .post-article-meta { gap: 8px 16px; }
}

/* ---------------------------------------------- <= 575px ---------- */
@media (max-width: 575.98px) {
    .container { padding: 0 16px; }

    .contact-form-card, .sidebar-box {padding: 15px;}

    .media-grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }

    .lang-switch-item { padding: 3px 8px; }
}

/* ---------------------------------------------- In ấn ------------- */
@media print {
    .topbar, .site-header, .site-navbar, .site-footer, .float-cta, .mobile-cta, .sticky-sidebar,
    .swiper-button-prev, .swiper-button-next { display: none !important; }
    body { color: #000; }
}
@media (max-width: 400px) {
}
@media (max-width: 575.98px) {
.home-gallery{padding-bottom: 89px;padding-top: 90px;background-size: contain;background-position: bottom center;}
.site-footer{margin-top: -39px;}
.gal-item img{aspect-ratio: 1 / 1;}
.footer-main{padding-top: 30px;}
.intro-body .home-intro-slogan{font-size: 22px;}
.home-intro{padding-top: 50px;background-size: contain;padding-bottom: 70px;}
.post-article-title{font-size: 24px;}
.ci-value{font-size: 14px;}
.stu-card .item-icon{width: 60px;height: 60px;flex: 0 0 60px;}
.contact-socials{justify-content: center;}
.contact-map-section{padding-bottom: 80px;}
.home-news{
}
}
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (min-width: 768px) and (max-width: 991.98px) {
}
@media (min-width: 992px) and (max-width: 1024px) {
}
@media (min-width: 1025px) and (max-width: 1199.98px) {
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
}
@media (min-width: 1400px) {
}