/**
 * Fotoshopcu Core Frontend Styles
 * Contains generic styles for the plugin's frontend components
 */

/* Global styles for plugin elements */
.fotoshopcu-plugin-container {
    margin: 0 auto;
    padding: 2rem 0;
    width: 100%;
    max-width: 1200px;
}

/* Reset margins for plugin content */
.fotoshopcu-plugin-content p:last-child {
    margin-bottom: 0;
}

/* Utility classes */
.fotoshopcu-text-center {
    text-align: center;
}

.fotoshopcu-text-left {
    text-align: left;
}

.fotoshopcu-text-right {
    text-align: right;
}

.fotoshopcu-hidden {
    display: none;
}

.fotoshopcu-visible {
    display: block;
}

/* Responsive containers */
@media (max-width: 992px) {
    .fotoshopcu-plugin-container {
        max-width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media (max-width: 768px) {
    .fotoshopcu-plugin-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (max-width: 576px) {
    .fotoshopcu-plugin-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}