/* Nett Pro Widgets Common Styles */

/* Reset & Common */
.nett-pro-widget {
    box-sizing: border-box;
}

.nett-pro-widget *,
.nett-pro-widget *::before,
.nett-pro-widget *::after {
    box-sizing: inherit;
}

/* Transitions */
.nett-pro-widget .transition-all {
    transition: all 0.3s ease;
}

/* Flexbox Utilities */
.nett-flex {
    display: flex;
}

.nett-flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Loading Spinner */
.nett-loading {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0,0,0,0.1);
    border-left-color: #007bff;
    border-radius: 50%;
    animation: nett-spin 1s linear infinite;
}

@keyframes nett-spin {
    to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 768px) {
    .nett-hide-mobile {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .nett-hide-desktop {
        display: none !important;
    }
}