/* ===== WordPress glue for the original design ===== */

/* admin bar offset for the sticky nav */
.admin-bar nav { top: 32px }
@media (max-width: 782px) { .admin-bar nav { top: 46px } }
@media (max-width: 600px) { .admin-bar nav { top: 0 } }

/* styles.css targets every <nav>; only the header should get that look */
nav.woocommerce-pagination, nav.woocommerce-MyAccount-navigation, nav.jill-pagination,
nav.navigation, nav.comment-navigation, nav.woocommerce-breadcrumb {
    position: static; z-index: auto; background: none; border: 0; padding: 0;
    display: block; backdrop-filter: none; -webkit-backdrop-filter: none;
}

/* journal listing page: keep wide featured images inside the grid */
.jill-listing .blog-featured > * { min-width: 0 }
.jill-listing .feat-img { overflow: hidden; padding: 0 }
.jill-listing .feat-img img { max-width: 100%; height: auto; display: block }

/* screen reader text */
.screen-reader-text {
    border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
    height: 1px; margin: -1px; overflow: hidden; padding: 0;
    position: absolute !important; width: 1px; word-wrap: normal !important;
}

/* nav cart link (appears once the cart has items) */
.nav-links .nav-cart a { display: inline-flex; align-items: center; gap: 8px }
.nav-cart-count {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px;
    background: var(--accent); color: var(--bg);
    font-family: 'Inter', sans-serif; font-size: 11px; letter-spacing: 0; line-height: 1;
}
.nav-links .nav-cart a::after { right: 28px }

/* product-card button is an <a> so AJAX add-to-cart works */
a.p-btn { display: block; text-align: center; text-decoration: none }
.product-card .added_to_cart {
    display: block; margin-top: 12px; text-align: center;
    font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 3px; text-transform: uppercase;
    color: var(--accent); text-decoration: none; transition: color .3s;
}
.product-card .added_to_cart:hover { color: var(--fg) }
.p-btn.loading { opacity: .6; pointer-events: none }
.p-btn.added::after { content: " ✓"; }

/* price markup from WooCommerce inside .p-price */
.p-price del { font-size: .65em; color: var(--muted); margin-right: 8px; opacity: .7 }
.p-price ins { text-decoration: none }

/* newsletter form element keeps the div layout */
form.nl-form { margin: 0 }

/* ===== Generic pages ===== */
.jill-page .sec-rule { margin-bottom: 44px }
.jill-empty {
    font-family: 'Cormorant Garamond', serif; font-size: 21px; font-style: italic;
    color: var(--muted); line-height: 1.85; margin-bottom: 40px;
}
.jill-404 { min-height: 60vh }
.jill-404 .sec-sig { display: inline; font-size: 1.2em }

/* journal listing / pagination */
.jill-listing { min-height: 60vh }
.jill-pagination { margin-top: 56px }
.jill-pagination ul, .woocommerce-pagination ul {
    list-style: none; display: flex; gap: 6px; flex-wrap: wrap;
}
.jill-pagination a, .jill-pagination span,
.woocommerce-pagination a, .woocommerce-pagination span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 48px; height: 48px; padding: 0 14px;
    border: 1px solid var(--border); color: var(--light); text-decoration: none;
    font-family: 'Cinzel', serif; font-size: 15px; letter-spacing: 2px; transition: all .3s;
}
.jill-pagination a:hover, .woocommerce-pagination a:hover { border-color: var(--accent); color: var(--accent) }
.jill-pagination .current, .woocommerce-pagination .current { background: var(--accent); border-color: var(--accent); color: var(--bg) }

/* ===== Block / editor content inside articles ===== */
.ba-body figure { margin: 34px 0 }
.ba-body figcaption { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--muted); margin-top: 10px; text-align: center }
.ba-body .alignwide, .ba-body .alignfull { max-width: none }
.ba-body .aligncenter { margin-left: auto; margin-right: auto; display: block }
.ba-body .alignleft { float: left; margin: 8px 28px 16px 0 }
.ba-body .alignright { float: right; margin: 8px 0 16px 28px }
.ba-body hr { border: 0; height: 1px; width: 60px; background: var(--accent); margin: 48px 0 }
.ba-body table { width: 100%; border-collapse: collapse; margin-bottom: 26px }
.ba-body th, .ba-body td { border-bottom: 1px solid var(--border); padding: 12px; text-align: left }

/* ===== Comments ===== */
.comments-area { margin-top: 80px; padding-top: 48px; border-top: 1px solid var(--border) }
.comments-title, .comment-reply-title {
    font-family: 'Cinzel', serif; font-size: 26px; color: var(--fg); margin-bottom: 28px;
}
.comment-list { list-style: none; margin-bottom: 48px }
.comment-list .comment { padding: 24px 0; border-bottom: 1px solid var(--border) }
.comment-list .children { list-style: none; margin-left: 32px }
.comment-author { font-family: 'Cinzel', serif; font-size: 15px; letter-spacing: 2px; color: var(--accent) }
.comment-author img { border-radius: 50%; vertical-align: middle; margin-right: 10px }
.comment-metadata, .comment-metadata a { font-family: 'Inter', sans-serif; font-size: 12px; color: var(--muted); text-decoration: none }
.comment-content { font-family: 'Cormorant Garamond', serif; font-size: 19px; color: var(--silver); line-height: 1.8; margin-top: 10px }
.reply a { font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: var(--accent) }

/* wpautop wraps blockquote text in <p>; keep the original spacing */
.ba-body blockquote p:last-child { margin-bottom: 0 }