/*
 * Elementor container & image overrides for Screws Blocks widgets.
 *
 * Loaded only on pages where a Screws Blocks widget renders — each widget
 * lists 'screws-blocks-elementor' in get_style_depends(). Container rules
 * use :has() so they apply specifically to the .e-con / .e-con-inner that
 * wrap a Screws Blocks widget (matched by data-widget_type="screws-…").
 * This way the same overrides work on the Screws Blocks Page template
 * AND wherever else the widgets land (e.g. global footer), without
 * polluting unrelated Elementor sections on the rest of the site.
 *
 * Image overrides are scoped under the widget section classes, so only
 * images inside our widgets are affected.
 */


/* outer Elementor wrapper on the template page */
.screws-blocks-page .elementor {
    width: 100% !important;
}


/* container fix — applies to any .e-con that directly wraps a Screws Blocks
   widget (boxed variant: widget inside .e-con-inner; full variant: widget
   as direct child of .e-con). */
.e-con:has(> .e-con-inner > .elementor-widget[data-widget_type^="screws-"]),
.e-con:has(> .elementor-widget[data-widget_type^="screws-"]) {
    width: 100% !important;
    padding: 0 !important;
}

.e-con-inner:has(> .elementor-widget[data-widget_type^="screws-"]) {
    margin: 0;
    width: 100%;
    max-width: 100% !important;
    gap: 0 !important;
    padding-block: 0 !important;
}


/* images fix — scoped to widget section classes */
.accent-section img,
.contact img,
.main img,
.what-we-do img,
.advantages img,
.gallery img,
.industries-we-serve img,
.brands img,
.faq img,
.reviews img {
    height: 100% !important;
    max-width: unset !important;
}