/**
 * Phase 7B — Print storefront theme bridge (GeniusCart alignment).
 * Scoped under .print-storefront--reskin and .print-reskin-home.
 * Does not override artwork workspace, design studio, or PDP feature CSS.
 */

/* --- Homepage featured print block --- */
.print-reskin-home.gs-featured-print-categories .print-cat-from-price {
    font-size: 0.875rem;
    color: var(--bs-secondary-color, #6c757d);
    font-weight: 500;
}

.print-reskin-home.gs-featured-print-categories .gs-single-cat {
    text-align: center;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.print-reskin-home.gs-featured-print-categories a:hover .gs-single-cat {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.print-reskin-home.gs-featured-print-categories .gs-single-cat .cate-img {
    border-radius: 6px;
}

/* --- Catalog / PLP shell --- */
.print-storefront--reskin .gs-blog-wrapper {
    padding-top: 0.5rem;
    padding-bottom: 2rem;
}

.print-storefront--reskin .gs-product-sidebar-wrapper .single-product-widget {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    background: #fff;
}

.print-storefront--reskin .gs-product-sidebar-wrapper .widget-title {
    font-weight: 600;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.print-storefront--reskin .product-cat-widget a {
    text-decoration: none;
}

.print-storefront--reskin .gs-title-box .title {
    letter-spacing: -0.02em;
}

/* --- Account / order tables --- */
.print-storefront--reskin .table {
    --bs-table-bg: #fff;
}

.print-storefront--reskin .table thead th {
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom-width: 2px;
}

.print-storefront--reskin .table tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.print-storefront--reskin .print-reskin-page-header {
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.print-storefront--reskin .print-reskin-summary-card {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: #fff;
}

/* --- Unified cart --- */
.print-storefront--reskin.gs-cart-section .gs-cart-container .table thead th {
    font-weight: 600;
}

.print-storefront--reskin.gs-cart-section .card {
    border-radius: 8px;
}

.print-storefront--reskin.gs-cart-section .alert {
    border-radius: 8px;
}

.print-storefront--reskin.gs-cart-section .template-btn {
    letter-spacing: 0.02em;
}

/* --- Checkout / reserved / payment (cosmetic wrappers only) --- */
.print-storefront--reskin .print-reskin-checkout-intro {
    border-radius: 8px;
}

.print-storefront--reskin .print-reskin-checkout-panel {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.print-storefront--reskin .print-reskin-payment-card.card {
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.print-storefront--reskin .print-reskin-payment-card .card-body {
    padding: 1.25rem 1.5rem;
}

/* Preserve Stripe mount — do not hide or reposition */
.print-storefront--reskin #payment-element {
    min-height: 2.5rem;
}

.print-storefront--reskin .print-reskin-order-meta {
    border-radius: 8px;
    background: #f8f9fa;
}

/* --- Category sidebar (bridge complements existing inline rules when reskin on) --- */
.print-storefront--reskin .print-reskin-sidebar .print-cat-group {
    margin-top: 0.85rem;
}

.print-storefront--reskin .print-reskin-sidebar a.sidebar-active-color {
    font-weight: 600;
}

/* --- Category landing header --- */
.print-storefront--reskin .print-reskin-landing .print-category-landing__headline {
    letter-spacing: -0.02em;
}

.print-storefront--reskin .print-reskin-landing .print-category-landing__banner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
