/*
 * Rudrax Dynamic Pages - Public Styles
 */

/* Image Styling */
.dvp-vendor-image-wrapper {
    width: 100%;
    margin-bottom: 1.5em;
    overflow: hidden; /* Helps contain child elements if needed */
}

.dvp-vendor-image-wrapper .dvp-vendor-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 12px; /* Example styling */
    object-fit: cover;
}


/* 
 * Full-Width Template for compatible themes (like Astra, GeneratePress, etc.)
 * This targets the body class added by the plugin to override theme containers.
 */
.dynamic-vendor-page .site-content .ast-container,
.dynamic-vendor-page .site-content .grid-container,
.dynamic-vendor-page .site-content .container {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure the plugin's direct wrapper is also full-width */
.dynamic-vendor-page .rdp-vendor-content-wrapper {
    width: 100%;
    margin: 0;
    padding: 0;
}