/* ==========================================================================
   IPTV USA Provider — Elementor compatibility layer
   Maps Elementor's widget/section chrome onto the IPTV USA Provider design tokens
   so imported templates and any new Elementor content match the static site.
   ========================================================================== */

/* Sections: keep the design's full-bleed sections, no double padding. */
.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: var(--max);
}

.elementor-section:not(.elementor-section-boxed) > .elementor-container {
	width: 100%;
	max-width: none;
}

/* Imported sections carry the class `primestream-imported` (set by the
   template generator). Their raw markup already contains .container, so the
   Elementor column padding would double the inset — flatten it, but ONLY for
   those sections so the owner's own Elementor layouts keep their padding. */
.primestream-imported > .elementor-container,
.primestream-imported .elementor-column,
.primestream-imported .elementor-widget-wrap,
.primestream-imported .elementor-element-populated {
	padding: 0;
}

.primestream-imported .elementor-widget {
	margin-bottom: 0;
}

.elementor-widget-container {
	width: 100%;
}

/* Containers (Elementor Flexbox): default to the content width. */
.e-con-full > .e-con-inner,
.e-con-boxed > .e-con-inner {
	max-width: var(--max);
	padding-inline: 20px;
}

/* Native Elementor widgets tweaked to the design language. */
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title {
	color: var(--text);
}

.elementor-widget-text-editor p {
	color: var(--muted);
}

/* Buttons built with Elementor's Button widget. */
.elementor-button {
	border-radius: 10px;
	font-weight: 800;
	transition: transform .18s, background .18s;
}

.elementor-button:hover {
	transform: translateY(-2px);
}

/* Accordion / Toggle / Tab widgets sit on the design's surfaces. */
.elementor-accordion .elementor-accordion-item,
.elementor-toggle .elementor-toggle-item {
	border: 1px solid var(--border);
	border-radius: var(--radius);
	overflow: hidden;
	margin-bottom: .6rem;
}

.elementor-accordion .elementor-tab-title,
.elementor-toggle .elementor-tab-title {
	background: var(--surface);
}

.elementor-tabs .elementor-tab-title a {
	color: var(--text);
}

/* Full-bleed hero markup rendered inside an HTML widget should not be
   constrained by the editor's content wrapper. */
.elementor-widget-html {
	width: 100%;
}

/* Keep the admin bar from covering the sticky header. */
body.admin-bar .site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar .site-header {
		top: 46px;
	}
}

/* Elementor editor: give editors an obvious on-brand background. */
.elementor-editor-active .site-main {
	background: var(--bg);
}