/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* --- Override header donation stats spacing --- */
#header [data-items]>* {
    margin: var(--margin, 0 30px) !important;
}

.wp-block-woocommerce-product-price, p.price {
    display: none !important;
}

.cartcontents, .amount {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    color: var(--theme-text-color) !important;
}

a.wpmenucart-contents.empty-wpmenucart-visible:hover {
    color: #8A29D5 !important;
}

/* --- Fallback Bootstrap-like input-group styles for donation inputs moved to assets/css/fcd-donation.css --- */
/* Removed: styles now loaded from assets/css/fcd-donation.css via wp_enqueue_style.
   This file retains only theme custom styles. */


.woocommerce-info .showlogin {
    order: unset !important;
    margin-inline-start: 0 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    color: var(--theme-palette-color-1) !important;
}

.woocommerce-form-login-toggle .woocommerce-info {
    border: 2px solid var(--theme-palette-color-1);
}

.anonymous-donation-field {
    margin-bottom: 40px;
}

.gl__raised_so_far {
    color: #8A29D5;
}

/* Blockquote formatting for products */
blockquote.gl__testimonial {
    padding: 22px 22px 22px 48px;
    font-size: 16px;
    position: relative;
    font-style: italic;
    background: #eeeeee;
}
blockquote.gl__testimonial::before {
    content: "\201C";
    font-size: 75px;
    font-style: normal;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: var(--theme-palette-color-1);
    position: absolute;
    left: 10px;
    top: -15px;
}
.gl__referee {
    margin-top: 5px;
    text-align: right;
    font-style: normal;
    font-weight: bold;
}
.gl__referee::before {
    content: "\2014 \00A0"; /* em dash followed by a non-breaking space */
}

/* Single product description */
.gl__woocommernce_description {
    margin: 15px 0 15px 0;
    border: 2px solid #8A29D5;
    padding: 18px;
    border-radius: 4px;
}

[class*=ct-container]>article {
    padding-top: 0 !important;
}

.gl__home_header {
    font-weight: 700;
    font-size: 1.2em;
    color: var(--theme-palette-color-1);
}

ul.products.columns-1 li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 65px;
    margin-bottom: 5px;
}
ul.products.columns-1 li:last-child {
    border-bottom: none;
}

.woocommerce-info[data-icon="gift"]::before {
    content: "🎁" !important;
}



/* Donor cards formatting */
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    padding: 10px;
    color: white;
    line-height: 1.1;
}

.gl-donor-card__city, .gl-donor-card__timeago {
    font-size: 0.8rem;
    font-weight: 500;
}

.gl-donor-card--tier-1 {
    background-color: var(--theme-palette-color-4);
}

.gl-donor-card--tier-2 {
    background-color: var(--theme-palette-color-3);
}

.gl-donor-card--tier-3 {
    background-color: var(--theme-palette-color-2);
}

.gl-donor-card--tier-4 {
    background-color: var(--theme-palette-color-1);
}

.gl-donor-card__total {
    font-size: 1.0rem;
    font-weight: 700;
}


/* Donation stats formatting */
.gl_donation_stats {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    line-height: 1.1;
}

.gl_donation_stats__value {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--theme-palette-color-1);
}

.gl_donation_stats__text {
    font-size: 0.8rem;
    font-weight: 500;
}

.gl_single_product_header {
    margin-top: 25px;
    margin-bottom: 8px;
    text-transform: uppercase;

}

.gl_incentives_header {
    color: var(--theme-palette-color-1);
}


/* disable product images clickable in cart */
a.ct-media-container {
    pointer-events: none;
}

.gl_payment_table, .gl_payment_table td, .gl_payment_table th  {
    border: none;
}

.gl_payment_table td {
    padding: 0 10px 0 10px;
}