/**
 * pfs-widget.css
 * Elementor-widget-specific styles for the Private Fileshare widget.
 * Base styling lives in pfs-public.css; this file only holds tweaks that
 * apply when the widget is the wrapper.
 */

/* Width is governed by the widget's Layout > Max width control. */
.elementor-widget-pfs-fileshare .pfs {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

/* Layout > Box alignment — prefix_class lands on the widget wrapper. */
.elementor-widget-pfs-fileshare.pfs-box-left .pfs {
	margin-left: 0;
	margin-right: auto;
}

.elementor-widget-pfs-fileshare.pfs-box-center .pfs {
	margin-left: auto;
	margin-right: auto;
}

.elementor-widget-pfs-fileshare.pfs-box-right .pfs {
	margin-left: auto;
	margin-right: 0;
}

/* Box background-overlay layer (password form box + category box).
   The box is made a stacking context (z-index: 0); the ::before overlay sits
   just above the box's own background at z-index: -1, so box content — left
   in normal flow — paints above it without needing to be positioned.
   This matters: the category clips its heading and list to rounded corners
   with overflow: hidden, and that rounded clip only applies to non-positioned
   children. A positioned child that forms its own stacking context escapes
   the rounded clip and renders square corners (the old corner-mark bug). */
.elementor-widget-pfs-fileshare .pfs-login-form,
.elementor-widget-pfs-fileshare .pfs-category {
	position: relative;
	z-index: 0;
}

.elementor-widget-pfs-fileshare .pfs-login-form::before,
.elementor-widget-pfs-fileshare .pfs-category::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: inherit;
	pointer-events: none;
}