/*
 * Empty Cart State
 * Tighter layout, hierarchy and CTA styling for the cart's empty state.
 */

/* ─── Compact spacing ─── */

/* Section container: remove default top push and tighten vertical rhythm */
.wp-block-woocommerce-empty-cart-block {
    padding-block: 1.5rem 2rem;
}

/* Sad face icon: smaller and tighter */
.wp-block-woocommerce-empty-cart-block > svg,
.wp-block-woocommerce-empty-cart-block > img,
.wc-block-cart__empty-cart__image {
    max-width: 3.5rem;
    margin: 0 auto 1rem;
}

/* Title: tighten top margin */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Lead paragraph under the title */
.zz-empty-cart__lead {
    max-width: 36rem;
    margin: 0 auto 1.5rem;
    color: var(--on-surface-variant, #4a4842);
    font-size: 1rem;
    line-height: 1.55;
}

/* CTA wrapper: remove default wp-block-buttons margin */
.zz-empty-cart__actions {
    margin: 0 0 2rem !important;
}

/* Decorative dots separator: tighter */
.wp-block-woocommerce-empty-cart-block hr,
.wp-block-woocommerce-empty-cart-block .wp-block-separator {
    margin: 1rem auto;
}

/* "Νέες δημιουργίες" heading: tighter spacing */
.wp-block-woocommerce-empty-cart-block > h2:not(.wc-block-cart__empty-cart__title),
.wp-block-woocommerce-empty-cart-block > .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
    margin: 1.5rem 0 1.5rem;
}

/* ─── CTA Button override ─── */

/* The Gutenberg button wrapper carries some default styles we need to override
   when we apply our .zz-btn system. The selector needs higher specificity
   than Astra's default .wp-block-button .wp-block-button__link. */
.zz-empty-cart__actions .wp-block-button .wp-block-button__link.zz-btn--primary {
    background-color: var(--primary);
    color: var(--on-primary);
    border-color: var(--primary);
    border-radius: var(--radius-full);
    font-family: inherit;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(214, 217, 100, 0.3);
    transition: background-color 220ms ease, transform 150ms ease, box-shadow 220ms ease;
}

.zz-empty-cart__actions .wp-block-button .wp-block-button__link.zz-btn--primary:hover,
.zz-empty-cart__actions .wp-block-button .wp-block-button__link.zz-btn--primary:focus-visible {
    background-color: #c5c853;
    color: var(--on-primary);
    border-color: #c5c853;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(214, 217, 100, 0.4);
}

.zz-empty-cart__actions .wp-block-button .wp-block-button__link.zz-btn--primary:active {
    transform: scale(0.97);
}

/* Hide default WooCommerce sad face icon (mask-image on ::before) */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
    display: none !important;
}

/* Our custom basket illustration */
.zz-empty-cart__illustration {
    display: block;
    width: 7rem;
    height: 7rem;
    margin: 0 auto 1rem;
    color: var(--tertiary, #1D3A24);
}