/* Woo Click & Collect — Frontend (product pages) */

/* Notice base — colours/spacing come from CSS custom properties set by the
   notice template. Site admins can override any --wcc-notice-* variable via
   Appearance > Customise > Additional CSS. */
.wcc-product-notice {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0;
    line-height: 1.5;
    font-size: 14px;
    background-color: var(--wcc-notice-bg, #fff8e1);
    color: var(--wcc-notice-color, #5d4037);
    border: 1px solid var(--wcc-notice-border, #ffcc02);
    padding: var(--wcc-notice-padding, 12px 16px);
    border-radius: var(--wcc-notice-radius, 4px);
}

.wcc-product-notice .wcc-notice-icon {
    font-size: 18px;
    flex-shrink: 0;
    line-height: 1.4;
}

.wcc-product-notice .wcc-notice-text {
    flex: 1;
}

/* Cart page — extra bottom margin so the notice doesn't crowd the cart table */
.woocommerce-cart .wcc-product-notice {
    margin-bottom: 30px;
}