/**
 * Counter Widget Styles
 *
 * @package Netrobit_Core
 * @since 1.0.0
 */

/* Reset Elementor container padding and margin */
.elementor-widget-netrobit-counter {
    margin: 0 !important;
    padding: 0 !important;
}

.elementor-widget-netrobit-counter .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

.netrobit-counter {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--netrodent-spacing-lg, 20px);
}

.netrobit-counter-number-wrapper {
    display: flex;
    align-items: baseline;
    justify-content: center;
    color: var(--netrodent-heading-color, #1a1a1a); /* Varsayılan renk - Elementor'da değiştirilmemişse geçerli */
    font-size: var(--netrodent-font-size-5xl, 60px);
    font-weight: var(--netrodent-font-weight-bold, 700);
    line-height: var(--netrodent-line-height-tight, 1);
    margin-bottom: var(--netrodent-spacing-sm, 10px);
}

.netrobit-counter-prefix,
.netrobit-counter-suffix {
    font-size: inherit;
    font-weight: inherit;
    color: inherit; /* Parent'tan rengi miras al (Elementor kontrolü) */
}

.netrobit-counter-number {
    font-size: inherit;
    font-weight: inherit;
    color: inherit; /* Parent'tan rengi miras al (Elementor kontrolü) */
}

.netrobit-counter-title {
    color: var(--netrodent-text-light, #666666);
    font-size: var(--netrodent-font-size-sm, 14px);
    font-weight: var(--netrodent-font-weight-normal, 400);
    line-height: var(--netrodent-line-height-normal, 1.5);
    margin: 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .netrobit-counter-number-wrapper {
        font-size: var(--netrodent-font-size-4xl, 48px);
    }
    
    .netrobit-counter-title {
        font-size: var(--netrodent-font-size-xs, 13px);
    }
}

@media (max-width: 480px) {
    .netrobit-counter {
        padding: var(--netrodent-spacing-md, 15px);
    }
    
    .netrobit-counter-number-wrapper {
        font-size: var(--netrodent-font-size-3xl, 36px);
        margin-bottom: var(--netrodent-spacing-sm, 8px);
    }
    
    .netrobit-counter-title {
        font-size: var(--netrodent-font-size-xs, 12px);
    }
}