/* Phu Quoc Haveli – WordPress-specific additions (the design itself is in haveli.css). */

/* Keep the fixed header below the WordPress admin bar for logged-in editors. */
body.admin-bar #ph-header,
body.admin-bar #ph-mobile-menu { top: 32px; }
@media screen and (max-width: 782px) {
	body.admin-bar #ph-header,
	body.admin-bar #ph-mobile-menu { top: 46px; }
}
@media screen and (max-width: 600px) {
	body.admin-bar #ph-header { top: 0; }
	#wpadminbar { position: fixed !important; }
}

/* Mobile menu open / close animation (same timing as the original). */
#ph-mobile-menu { opacity: 0; transform: translateY(-10px); transition: opacity .2s ease-out, transform .2s ease-out; }
#ph-mobile-menu.is-open { opacity: 1; transform: none; }
#ph-mobile-menu .ph-mm-item { opacity: 0; transform: translateY(12px); transition: opacity .2s, transform .2s; }
#ph-mobile-menu.is-open .ph-mm-item { opacity: 1; transform: none; transition-delay: var(--ph-delay, 0s); }

/* Lightbox fade. */
[data-ph-lightbox] { animation: phFade .2s ease-out; }
[data-ph-success] { animation: phFade .3s ease-out; }
@keyframes phFade { from { opacity: 0; } to { opacity: 1; } }

/* Menu book: the page-flip container. */
[data-book-stage] > .stf__parent { margin: 0 auto; }
[data-ph-book] .is-mobile [data-desktop-only],
[data-ph-book].is-mobile [data-desktop-only],
[data-ph-book].is-single [data-book-spine],
[data-ph-book].is-mobile [data-book-spine] { display: none !important; }
:fullscreen [data-ph-book], [data-ph-book]:fullscreen { overflow: auto; }

/* Content typed in the normal WordPress editor (generic pages / posts). */
.ph-prose > * + * { margin-top: 1em; }
.ph-prose h1, .ph-prose h2, .ph-prose h3, .ph-prose h4 { font-family: var(--font-heading); color: #D8BC7A; font-weight: 700; line-height: 1.25; }
.ph-prose h1 { font-size: 2em; } .ph-prose h2 { font-size: 1.6em; } .ph-prose h3 { font-size: 1.3em; }
.ph-prose a { color: #D8BC7A; text-decoration: underline; }
.ph-prose ul { list-style: disc; padding-left: 1.4em; }
.ph-prose ol { list-style: decimal; padding-left: 1.4em; }
.ph-prose blockquote { border-left: 3px solid #C6A15B; padding-left: 1em; font-style: italic; color: #F3EBDD; }
.ph-prose img { border-radius: 8px; height: auto; }
.ph-prose strong { color: #F3EBDD; }
.ph-prose .alignleft { float: left; margin: 0 1.2em 1em 0; }
.ph-prose .alignright { float: right; margin: 0 0 1em 1.2em; }
.ph-prose .aligncenter { margin-left: auto; margin-right: auto; display: block; }
.ph-pagination .nav-links { display: flex; gap: .5rem; justify-content: center; }
.ph-pagination .page-numbers { padding: .4rem .8rem; border: 1px solid rgba(198,161,91,.3); border-radius: 4px; color: #D8BC7A; }
.ph-pagination .page-numbers.current { background: #C6A15B; color: #071A13; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px,1px,1px,1px); white-space: nowrap; }