/**
 * ZG Elementor Widgets - CSS Variables
 *
 * Shared color variables for consistency across all widgets
 *
 * @package ZG_Elementor_Widgets
 */

:root {
    /* Primary Colors */
    --zg-color-primary: #bc3116;
    --zg-color-primary-hover: #c83519;
    --zg-color-primary-light: #c73e2a;
    --zg-color-button: #c85a47;

    /* Text Colors */
    --zg-color-text-dark: #111827;
    --zg-color-text-gray: #6b7280;
    --zg-color-text-light: #d1d5db;

    /* Accent Colors */
    --zg-color-star: #facc15;
    --zg-color-white: #ffffff;

    /* Badge */
    --zg-badge-bg: var(--zg-color-primary);
    --zg-badge-color: var(--zg-color-white);
    --zg-badge-font-size: 12px;
    --zg-badge-font-weight: bold;
    --zg-badge-padding: 4px 12px;
    --zg-badge-border-radius: 999px;
    --zg-badge-line-height: 1;
}

/* Reduce default margins for all ZG widgets */
.elementor-widget-zg-product-info .elementor-widget-container,
.elementor-widget-zg-product-story .elementor-widget-container,
.elementor-widget-zg-variant-tiles .elementor-widget-container,
.elementor-widget-grill-mode-toggle .elementor-widget-container,
.elementor-widget-zg-custom-html-widget .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}