/**
 * Elementor layout overrides for player/coach profile singles.
 *
 * Loaded in: preview iframe (via elementor/preview/enqueue_styles)
 *            and frontend (via wp_enqueue_scripts).
 * Must NOT break the Elementor editor UI (sidebar, modals, library).
 */

@import url('./fonts.css');

:root {
	--black:    #0f1919;
	--black2:   #080f0f;
	--acid:     #e3e52b;
	--acid-dark:#b5b720;
	--acid-dim: rgba(227,229,43,0.12);
	--white:    #f0f0e8;
	--gray1:    #182424;
	--gray2:    #1f2e2e;
	--gray3:    #263838;
	--muted:    #6a8a8a;
	--muted2:   #4a6666;
}

/* Dark body — singles and listing pages, NOT the editor UI */
body.single-igrac,
body.single-trener,
body.profile-elementor-page,
body.profile-listing-page,
body.post-type-archive-igrac,
body.post-type-archive-trener {
	background: var(--black) !important;
	color: var(--white) !important;
	font-family: 'Neo Sans Std', sans-serif !important;
	font-size: 16px;
	line-height: 1.6;
}

/* Inside the Elementor preview iframe: dark background on the content area */
.elementor-editor-active .elementor {
	background: var(--black);
	color: var(--white);
	font-family: 'Neo Sans Std', sans-serif;
}

/* Hide the title bar — theme menu stays visible */
body.profile-elementor-page .page_title_wrap,
body.single-igrac .page_title_wrap,
body.single-trener .page_title_wrap,
body.profile-listing-page .page_title_wrap,
body.post-type-archive-igrac .page_title_wrap,
body.post-type-archive-trener .page_title_wrap {
	display: none !important;
}

/* Hide the custom profile nav — we use the theme header instead */
.profile-nav {
	display: none !important;
}

/* Remove extra top margin/padding the theme adds below its header */
body.profile-elementor-page .page_content_wrap,
body.profile-listing-page .page_content_wrap,
body.single-igrac .page_content_wrap,
body.single-trener .page_content_wrap,
body.post-type-archive-igrac .page_content_wrap,
body.post-type-archive-trener .page_content_wrap {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Full-width content area */
body.profile-elementor-page .page_content_wrap,
body.profile-elementor-page .page_content_wrap > .content_wrap,
body.profile-elementor-page .page_content_wrap > .content_wrap > .content,
body.single-igrac .page_content_wrap,
body.single-igrac .page_content_wrap > .content_wrap,
body.single-igrac .page_content_wrap > .content_wrap > .content,
body.single-trener .page_content_wrap,
body.single-trener .page_content_wrap > .content_wrap,
body.single-trener .page_content_wrap > .content_wrap > .content,
body.profile-listing-page .page_content_wrap,
body.profile-listing-page .page_content_wrap > .content_wrap,
body.profile-listing-page .page_content_wrap > .content_wrap > .content,
body.post-type-archive-igrac .page_content_wrap,
body.post-type-archive-igrac .page_content_wrap > .content_wrap,
body.post-type-archive-igrac .page_content_wrap > .content_wrap > .content,
body.post-type-archive-trener .page_content_wrap,
body.post-type-archive-trener .page_content_wrap > .content_wrap,
body.post-type-archive-trener .page_content_wrap > .content_wrap > .content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
}

/* Elementor section/column resets — scoped to page_content_wrap to avoid affecting header */
body.profile-elementor-page .page_content_wrap .elementor-section-wrap,
body.profile-elementor-page .page_content_wrap .elementor-widget-wrap,
.elementor-editor-active .elementor-section-wrap,
.elementor-editor-active .elementor-widget-wrap {
	padding: 0 !important;
}

body.profile-elementor-page .page_content_wrap .elementor-section.elementor-section-boxed > .elementor-container,
.elementor-editor-active .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 100% !important;
}

body.profile-elementor-page .page_content_wrap .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor-editor-active .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
	padding: 0 !important;
}

.profile-page {
	width: 100%;
}

/* Reveal: visible in editor, animated on frontend */
.elementor-editor-active .reveal {
	opacity: 1 !important;
	transform: none !important;
}