/* CSS bổ sung cho Plugin Đồng Phục */
.dongphuc-plugin-container {
    max-width: 100%;
    box-sizing: border-box;
}

.dongphuc-plugin-container * {
    box-sizing: border-box;
}

/* Đảm bảo container không bị ảnh hưởng bởi theme */
.dongphuc-plugin-container .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .dongphuc-plugin-container .pws_tabs_controll {
        /*flex-wrap: wrap;*/
        justify-content: center;
    }
    
    .dongphuc-plugin-container .pws_tabs_controll li {
        margin: 5px;
    }
    
    .dongphuc-plugin-container .products {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
    }
}

/* Fix cho các theme WordPress có thể xung đột */
.dongphuc-plugin-container img {
    max-width: 100%;
    height: auto;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.dongphuc-plugin-container a {
    text-decoration: none;
    border: none;
    box-shadow: none;
}

.dongphuc-plugin-container a:hover {
    text-decoration: none;
    border: none;
    box-shadow: none;
}

/* Đảm bảo tabs hoạt động đúng */
.dongphuc-plugin-container .pws_tabs_container {
    position: relative;
    z-index: 1;
}

/* Loading state */
.dongphuc-plugin-container.loading {
    opacity: 0.7;
    pointer-events: none;
}

/* Animation cho plugin */
.dongphuc-plugin-container {
    animation: fadeInUp 0.5s ease-in-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}