/* ============================================================
   Shanzay B — Supplementary Styles
   Blog Cards, Search, Misc
   ============================================================ */

/* Blog Cards */
.blog-card {
    background: var(--sb-ivory-warm);
    overflow: hidden;
    transition: box-shadow var(--trans-mid), transform var(--trans-mid);
}

.blog-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow-lg);
}

.blog-card-thumb {
    overflow: hidden;
    aspect-ratio: 16/9;
}

.blog-card-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s var(--ease-luxury);
}

.blog-card:hover .blog-card-thumb img {
    transform: scale(1.06);
}

.blog-card-body {
    padding: var(--space-xl);
}

.blog-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-md);
    font-size: 0.75rem;
    color: var(--sb-smoke);
}

.blog-card-title {
    font-size: 1.3rem;
    margin-bottom: var(--space-md);
    line-height: 1.3;
}

.blog-card-title a:hover {
    color: var(--sb-gold-dark);
}

/* WooCommerce Pagination */
.woocommerce-pagination {
    margin-top: var(--space-3xl);
    text-align: center;
}

.woocommerce-pagination ul {
    display: inline-flex;
    gap: var(--space-xs);
    list-style: none;
}

.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(28,28,28,0.12);
    font-size: 0.85rem;
    color: var(--sb-charcoal-soft);
    transition: all var(--trans-fast);
}

.woocommerce-pagination ul li a:hover,
.woocommerce-pagination ul li span.current {
    background: var(--sb-charcoal);
    border-color: var(--sb-charcoal);
    color: var(--sb-ivory-warm);
}

/* WooCommerce Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    padding: var(--space-md) var(--space-xl);
    margin-bottom: var(--space-xl);
    border-left: 3px solid var(--sb-gold);
    background: var(--sb-cream);
    font-size: 0.9rem;
}

.woocommerce-error { border-color: #C0392B; }
.woocommerce-info  { border-color: var(--sb-charcoal-soft); }

/* Quantity Input */
.woocommerce div.product form.cart .qty {
    width: 60px;
    padding: 0.75rem;
    border: 1px solid rgba(28,28,28,0.15);
    text-align: center;
    font-size: 0.95rem;
    font-family: var(--font-body);
    background: var(--sb-ivory-warm);
    color: var(--sb-charcoal);
    -moz-appearance: textfield;
    outline: none;
    transition: border-color var(--trans-fast);
}

.woocommerce div.product form.cart .qty:focus {
    border-color: var(--sb-gold);
}

/* Stars (WooCommerce) */
.star-rating { color: var(--sb-gold); }
.woocommerce-product-rating { margin-bottom: var(--space-lg); }

/* Product Meta */
.product_meta {
    font-size: 0.8rem;
    color: var(--sb-smoke);
    padding-top: var(--space-xl);
    border-top: 1px solid rgba(28,28,28,0.08);
    margin-top: var(--space-xl);
}

.product_meta > span {
    display: block;
    margin-bottom: var(--space-sm);
    letter-spacing: 0.05em;
}

.product_meta a {
    color: var(--sb-gold-dark);
    transition: color var(--trans-fast);
}
.product_meta a:hover { color: var(--sb-charcoal); }

/* Related Products */
.related.products {
    padding: var(--space-5xl) 0;
}

.related.products > h2 {
    font-family: var(--font-display);
    font-size: 2rem;
    text-align: center;
    margin-bottom: var(--space-3xl);
    color: var(--sb-charcoal);
}

/* Catalog Ordering */
.woocommerce-ordering select {
    padding: 0.6rem 1rem;
    border: 1px solid rgba(28,28,28,0.12);
    background: var(--sb-ivory-warm);
    font-family: var(--font-body);
    font-size: 0.8rem;
    color: var(--sb-charcoal);
    letter-spacing: 0.05em;
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231C1C1C' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.5rem;
}

/* Shop Grid (plugin override) */
.woocommerce .products.columns-4 {
    grid-template-columns: repeat(4, 1fr) !important;
}

@media (max-width: 1200px) {
    .woocommerce .products.columns-4 { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 768px) {
    .woocommerce .products.columns-4 { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
    .woocommerce .products.columns-4 { grid-template-columns: 1fr !important; }
}

/* Accessibility Focus */
:focus-visible {
    outline: 2px solid var(--sb-gold);
    outline-offset: 2px;
}

/* Screen Reader Only */
.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}

/* WP Admin Bar offset */
.admin-bar #site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar #site-header { top: 46px; } }