/* ============================================================
   Thảo Điền Spa — Tích hợp WordPress (menu, accessibility, content)
   Nạp sau theme.css; chứa override riêng cho markup do WP sinh ra.
   ============================================================ */

/* --- Menu active (WP gắn class current-menu-item vào <li>) ---
   :not(.lang-item): mục đổi ngôn ngữ (Polylang) trỏ đúng URL trang hiện tại nên
   cũng bị WP gắn current-menu-item — không được coi là "trang hiện tại".
   current_page_parent/ancestor: nổi mục "Bài viết" khi đọc bài chi tiết. */
header.nav nav li.current-menu-item:not(.lang-item) > a.link,
header.nav nav li.current-menu-ancestor:not(.lang-item) > a.link,
header.nav nav li.current_page_item:not(.lang-item) > a.link,
header.nav nav li.current_page_parent:not(.lang-item) > a.link,
header.nav nav li.current_page_ancestor:not(.lang-item) > a.link,
header.nav nav li.current-menu-parent:not(.lang-item) > a.link{color:var(--leaf-deep)}
header.nav nav li.current-menu-item:not(.lang-item) > a.link::after,
header.nav nav li.current-menu-ancestor:not(.lang-item) > a.link::after,
header.nav nav li.current_page_item:not(.lang-item) > a.link::after,
header.nav nav li.current_page_parent:not(.lang-item) > a.link::after,
header.nav nav li.current_page_ancestor:not(.lang-item) > a.link::after,
header.nav nav li.current-menu-parent:not(.lang-item) > a.link::after{width:100%}

/* --- Biến thể nút bổ sung (dùng cho nút data-drive trong flexible content) --- */
.btn-white{background:#fff;color:var(--leaf-deep);box-shadow:0 10px 24px -14px rgba(44,74,31,.5)}
.btn-white:hover{transform:translateY(-2px)}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}

/* --- Accessibility --- */
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;margin:-1px;padding:0;overflow:hidden;
  position:absolute !important;word-wrap:normal !important;
}
.screen-reader-text:focus{
  background:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  clip:auto !important;clip-path:none;color:#21759b;display:block;
  font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;
  padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;
}
.skip-link{position:absolute;left:-9999px;top:0;z-index:100001}
.skip-link:focus{left:6px}

/* --- Căn ảnh trong nội dung bài (.prose) --- */
.prose img{height:auto;border-radius:12px}
.prose .alignleft{float:left;margin:6px 24px 18px 0;max-width:50%}
.prose .alignright{float:right;margin:6px 0 18px 24px;max-width:50%}
.prose .aligncenter{display:block;margin-left:auto;margin-right:auto}
.prose figure{margin:0 0 22px}
.prose .wp-caption-text,.prose figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:8px;text-align:center}
.prose a{color:var(--leaf-deep);text-decoration:underline;text-underline-offset:3px}
.prose a:hover{color:var(--gold-deep)}

/* --- Phân trang WordPress (paginate_links) --- */
.vts-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:44px;flex-wrap:wrap}
.vts-pagination .page-numbers{
  min-width:38px;height:38px;padding:0 10px;border-radius:10px;border:1.5px solid var(--line);
  display:inline-grid;place-items:center;font-size:.84rem;font-weight:500;color:var(--ink-soft);
  transition:background .2s,color .2s,border-color .2s;
}
.vts-pagination a.page-numbers:hover,
.vts-pagination .page-numbers.current{background:var(--leaf-deep);color:#fff;border-color:var(--leaf-deep)}
.vts-pagination .page-numbers.dots{border:none}

/* --- Search form (khớp .search-box) --- */
.search-box form{display:flex;align-items:center;gap:8px;width:100%}
.search-box button{background:none;border:none;cursor:pointer;display:grid;place-items:center;padding:0;color:var(--ink-soft)}
.search-box button svg{width:15px;height:15px}

/* --- Widget chung --- */
.widget{margin:0}
.widget select{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper);font-family:var(--sans)}
.sb-card ul{list-style:none}

/* --- Sticky / featured note --- */
.post-card.sticky{border-color:var(--gold)}