/* XLBet brand theme - matches www.xlbet.com (Rubik, black/#1E1E1E, lime green #1ED760).
   Design only: overrides colours, fonts and shapes; no text, links or images are changed.
   Loaded last in <head>, so it wins over the Elementor kit/post CSS. */

:root {
	--xl-green: #1ED760;
	--xl-green-hover: #19BF54;
	--xl-ink: #0C0C0C;
	--xl-black: #000000;
	--xl-page: #1E1E1E;
	--xl-panel: #252525;
	--xl-line: #333333;
	--xl-text: #D4D4D4;
	--xl-muted: #A8A8A8;
	--xl-white: #FFFFFF;
}

/* ---- global: Elementor kit tokens + font ---- */
.elementor-kit-7 {
	--e-global-color-primary: var(--xl-green);
	--e-global-color-accent: var(--xl-green);
	--e-global-color-secondary: var(--xl-panel);
	--e-global-color-text: var(--xl-text);
	--e-global-typography-primary-font-family: "Rubik";
	--e-global-typography-secondary-font-family: "Rubik";
	--e-global-typography-text-font-family: "Rubik";
	--e-global-typography-accent-font-family: "Rubik";
}
html, body {
	background: var(--xl-page) !important;
	color: var(--xl-text);
}
body :where(h1, h2, h3, h4, h5, h6, p, li, a, span, div, strong, b, em, button, label, td, th):not([class*="fa-"]):not([class*="eicon"]) {
	font-family: "Rubik", sans-serif !important;
}

/* ---- every content section sits on the dark page (background images are kept) ---- */
.elementor .elementor-section,
.elementor .e-con {
	background-color: transparent !important;
}
.elementor .elementor-section > .elementor-background-overlay {
	background-color: rgba(0, 0, 0, 0.55) !important;
}

/* ---- homepage hero: Cashback artwork on the right at full strength, text on the dark left ---- */
.elementor-691 .elementor-element-ac13349 > .elementor-background-overlay {
	background-color: transparent !important;
	background-image: url("https://xlbet.co/wp-content/uploads/2022/08/Umbrells_Sport_Desk_com-1647855491889_tcm1688-548336.jpg?v=brand3") !important;
	background-position: right center !important;
	background-size: auto 100% !important;
	opacity: 1 !important;
}
@media (min-width: 1025px) {
	.elementor-691 .elementor-element-ac13349 .elementor-widget > .elementor-widget-container {
		max-width: 520px;
	}
	.elementor-691 .elementor-element-ac13349 .elementor-button-wrapper,
	.elementor-691 .elementor-element-ac13349 .elementor-widget-button {
		text-align: left !important;
	}
	.elementor-691 .elementor-element-ac13349 .elementor-icon-list-items {
		justify-content: flex-start !important;
	}
}
@media (max-width: 1024px) {
	.elementor-691 .elementor-element-ac13349 > .elementor-background-overlay {
		background-position: 75% center !important;
		opacity: 0.45 !important;
	}
}

/* ---- text ---- */
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li,
.elementor-widget-icon-list .elementor-icon-list-text,
.elementor-tab-content,
.elementor-tab-content p {
	color: var(--xl-text) !important;
}
.elementor-widget-text-editor strong,
.elementor-widget-text-editor b {
	color: var(--xl-white) !important;
}
.elementor-widget-text-editor a,
.elementor-tab-content a {
	color: var(--xl-green) !important;
}

/* ---- headings: white section titles, green hero title like xlbet.com ---- */
.elementor-heading-title,
.elementor-widget-text-editor h2,
.elementor-widget-text-editor h3 {
	color: var(--xl-white) !important;
	font-weight: 700 !important;
	letter-spacing: normal !important;
}
h1.elementor-heading-title,
.elementor-widget-text-editor h1 {
	color: var(--xl-green) !important;
	text-transform: uppercase;
	font-weight: 700 !important;
}
.elementor-widget-text-editor h3,
.elementor-widget-text-editor h4,
h3.elementor-heading-title,
h4.elementor-heading-title {
	color: var(--xl-green) !important;
}

/* ---- icons, dividers ---- */
.elementor-icon-list-icon i,
.elementor-icon-list-icon svg {
	color: var(--xl-green) !important;
	fill: var(--xl-green) !important;
}
.elementor-divider-separator {
	border-color: var(--xl-line) !important;
	--divider-color: var(--xl-line) !important;
}

/* ---- buttons: green pills with black bold text (xlbet.com "Register") ---- */
.elementor-button,
.elementor-button:visited {
	background: var(--xl-green) !important;
	color: var(--xl-ink) !important;
	fill: var(--xl-ink) !important;
	border: 0 !important;
	border-radius: 100px !important;
	font-weight: 700 !important;
	box-shadow: none !important;
}
.elementor-button .elementor-button-text { color: var(--xl-ink) !important; }
.elementor-button:hover,
.elementor-button:focus {
	background: var(--xl-green-hover) !important;
	color: var(--xl-ink) !important;
}

/* ---- header: pure black bar, DEPOSIT-style button, pill nav ---- */
[data-elementor-type="header"] .elementor-section,
[data-elementor-type="header"] .e-con {
	background-color: var(--xl-black) !important;
}
[data-elementor-type="header"] .elementor-button {
	border-radius: 5px !important;
	text-transform: uppercase;
	font-size: 13px !important;
	white-space: nowrap;
}
[data-elementor-type="header"] .elementor-button .elementor-button-content-wrapper {
	flex-wrap: nowrap;
}
.elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item {
	background: var(--xl-panel);
	color: var(--xl-white) !important;
	fill: var(--xl-white) !important;
	border-radius: 50px;
	padding: 6px 15px !important;
	margin: 0 4px;
	font-size: 13px !important;
	font-weight: 600 !important;
}
.elementor-nav-menu--main .elementor-item::before,
.elementor-nav-menu--main .elementor-item::after {
	display: none !important; /* drop Elementor's underline pointer */
}
.elementor-nav-menu--main .elementor-item:hover,
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item:focus {
	background: var(--xl-green) !important;
	color: var(--xl-ink) !important;
}
.elementor-menu-toggle,
.elementor-menu-toggle i,
.elementor-menu-toggle svg {
	background: transparent !important;
	color: var(--xl-white) !important;
	fill: var(--xl-white) !important;
}
.elementor-nav-menu--dropdown {
	background: var(--xl-black) !important;
	border-radius: 0 0 10px 10px;
}
.elementor-nav-menu--dropdown a.elementor-item,
.elementor-nav-menu--dropdown a.elementor-sub-item {
	background: transparent !important;
	color: var(--xl-white) !important;
	font-weight: 600 !important;
}
.elementor-nav-menu--dropdown a:hover,
.elementor-nav-menu--dropdown a.elementor-item-active {
	color: var(--xl-green) !important;
	background: var(--xl-panel) !important;
}

/* scroll-spy marks every in-view anchor link active; keep green for the current page (and hover) only */
.elementor-nav-menu--main .elementor-item-anchor.elementor-item-active:not(:hover):not(:focus) {
	background: var(--xl-panel) !important;
	color: var(--xl-white) !important;
}

/* ---- body copy: left-aligned (justified text left wide gaps in the narrow columns) ---- */
[data-elementor-type="wp-page"] .elementor-widget-text-editor,
[data-elementor-type="wp-page"] .elementor-widget-text-editor p,
[data-elementor-type="footer"] .elementor-widget-text-editor,
[data-elementor-type="footer"] .elementor-widget-text-editor p {
	text-align: left !important;
}
.elementor-691 .elementor-element-bfa0526 .elementor-heading-title {
	text-align: left !important;
}

/* ---- responsible-gaming note above the footer: a quiet card ---- */
.elementor-element-4eda399 {
	background: transparent !important;
	padding: 10px 0 40px !important;
}
.elementor-element-4eda399 .elementor-widget-text-editor .elementor-widget-container {
	background: var(--xl-panel);
	border-left: 3px solid var(--xl-green);
	border-radius: 10px;
	padding: 18px 22px;
}
.elementor-element-4eda399 .elementor-widget-text-editor p {
	color: var(--xl-muted) !important;
	font-size: 14px;
	margin: 0;
}

/* ---- footer: black like the header ---- */
[data-elementor-type="footer"] {
	border-top: 1px solid var(--xl-panel);
}
[data-elementor-type="footer"] .elementor-element-da22c6f {
	padding: 50px 20px 20px !important;
}
[data-elementor-type="footer"] .elementor-element-2729d10 img {
	max-width: 150px;
	border-radius: 0;
}
@media (min-width: 768px) {
	[data-elementor-type="footer"] .elementor-element-37558ea { width: 50% !important; }
	[data-elementor-type="footer"] .elementor-element-112a0f8 { width: 50% !important; }
}
.xl-footer-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	padding: 10px 0 0 40px;
}
.xl-footer-title {
	color: var(--xl-green);
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	margin: 0 0 14px;
}
.xl-footer-cols ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.xl-footer-cols li {
	color: var(--xl-muted);
	font-size: 14px;
	margin: 0 0 10px;
}
.xl-footer-cols a {
	color: var(--xl-white) !important;
	opacity: 0.85;
	text-decoration: none;
}
.xl-footer-cols a:hover {
	color: var(--xl-green) !important;
	opacity: 1;
}
/* responsible-gaming badges: one tidy strip */
[data-elementor-type="footer"] .elementor-element-3bea952 {
	border-top: 1px solid var(--xl-panel);
	border-bottom: 1px solid var(--xl-panel);
	margin: 30px 0 10px;
	padding: 18px 0;
}
[data-elementor-type="footer"] .elementor-element-3bea952 .elementor-widget-wrap {
	justify-content: center;
	align-items: center;
}
[data-elementor-type="footer"] .elementor-element-3bea952 img {
	border-radius: 0;
	opacity: 0.7;
	transition: opacity 0.2s;
}
[data-elementor-type="footer"] .elementor-element-3bea952 img:hover {
	opacity: 1;
}
[data-elementor-type="footer"] .elementor-element-a0c108f {
	display: none;
}
[data-elementor-type="footer"] .elementor-element-bd577ae .elementor-heading-title,
[data-elementor-type="footer"] .elementor-element-bd577ae .elementor-heading-title a,
[data-elementor-type="footer"] .elementor-element-bd577ae .elementor-icon-list-text {
	color: var(--xl-muted) !important;
	font-size: 13px !important;
	font-weight: 400 !important;
}
@media (max-width: 767px) {
	.xl-footer-cols {
		padding: 20px 0 0;
	}
	[data-elementor-type="footer"] .elementor-element-3bea952 .elementor-column {
		width: 50% !important;
	}
}
[data-elementor-type="footer"] .elementor-section,
[data-elementor-type="footer"] .e-con {
	background-color: var(--xl-black) !important;
}
[data-elementor-type="footer"] .elementor-widget-text-editor,
[data-elementor-type="footer"] .elementor-widget-text-editor p {
	color: var(--xl-muted) !important;
}

/* ---- FAQ toggles: dark rounded cards ---- */
.elementor-691 .elementor-element-4a6f8eb > .elementor-widget-container {
	border-color: var(--xl-line) !important;
	border-radius: 14px;
}
.elementor-toggle .elementor-toggle-item {
	background: var(--xl-panel);
	border-radius: 10px;
	margin-bottom: 10px !important;
	overflow: hidden;
}
.elementor-toggle .elementor-tab-title,
.elementor-toggle .elementor-tab-content {
	border: 0 !important;
	background: transparent !important;
}
.elementor-toggle .elementor-tab-title,
.elementor-toggle .elementor-toggle-title {
	color: var(--xl-white) !important;
	font-weight: 600 !important;
}
.elementor-toggle .elementor-tab-title.elementor-active,
.elementor-toggle .elementor-tab-title.elementor-active .elementor-toggle-title,
.elementor-toggle .elementor-toggle-icon i,
.elementor-toggle .elementor-toggle-icon svg {
	color: var(--xl-green) !important;
	fill: var(--xl-green) !important;
}

/* ---- images and galleries: rounded like the game tiles on xlbet.com ---- */
.elementor-widget-image img,
.elementor-image-gallery img,
.e-gallery-item,
.e-gallery-image {
	border-radius: 10px;
}

/* ---- Hello theme fallbacks outside Elementor areas ---- */
a { color: var(--xl-green); }
.site-footer, .site-header { background: var(--xl-black); }