/* ============================================================
   WordPress-specific glue for the Alex Bratu theme.
   Loaded last. Keeps WP chrome consistent with the design.
   ============================================================ */

/* Admin bar must not hide the sticky nav (and the mobile dropdown offset) */
.admin-bar .nav { top: 32px; --nav-top: 32px; }
@media (max-width: 782px) { .admin-bar .nav { top: 46px; --nav-top: 46px; } }

/* Customizer-uploadable photos (replace the static image-slots in WP) */
.slot-img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-photo-img  { object-position: 50% 16%; }
.about-photo-img { object-position: 50% 42%; }
.recipe-photo-img { height: 200px; }
@media (max-width: 900px) { .hero-photo-img { object-position: 50% 14%; } }

/* Empty-photo placeholder — plain dark (negru) until a real photo is uploaded */
.slot-ph {
  display: block; width: 100%; height: 100%; min-height: 180px;
  background: #0b0a09;
}
.slot-ph::before { content: none; }
.recipe-photo-img.slot-ph, .slot-ph.recipe-photo-img { height: 200px; }

/* Post thumbnails inside cards/articles */
.post img,
.slot-frame img,
.single img { display: block; width: 100%; height: auto; }
.post a img { height: 190px; object-fit: cover; }

/* Blog post body (the_content) readable rhythm */
.stack p { margin: 0 0 1.1rem; }
.stack h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin: 1.6rem 0 .8rem; }
.stack h3 { margin: 1.4rem 0 .6rem; }
.stack ul, .stack ol { color: var(--gray); padding-left: 1.2rem; margin: 0 0 1.1rem; }
.stack li { margin-bottom: .5rem; }
.stack a:not(.btn) { color: var(--orange); text-decoration: underline; text-underline-offset: 3px; }
.stack img { border-radius: var(--radius); margin: 1.2rem 0; }
.stack blockquote { border-left: 3px solid var(--orange); padding-left: 18px; margin: 1.4rem 0; color: var(--white); }

/* Pagination */
.pagination, .nav-links.pagination { display: flex; gap: 8px; flex-wrap: wrap; }
.pagination .page-numbers {
  display: inline-grid; place-items: center; min-width: 42px; height: 42px; padding: 0 12px;
  border: 1px solid var(--line); border-radius: 10px; color: var(--gray);
  font-family: var(--font-mono); font-size: .8rem; transition: border-color .2s, color .2s;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover { border-color: var(--orange); color: #fff; }

/* Empty-state image-slot placeholder (no omelette runtime in WP) */
image-slot { display: block; min-height: 80px; }

/* WP image alignment helpers used by the block editor */
.aligncenter { margin-inline: auto; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.wp-caption-text { font-family: var(--font-mono); font-size: .72rem; color: var(--gray-mid); }