/*
Theme Name: Black Elementor Starter Fixed
Theme URI: https://example.com
Author: Starter Theme
Description: Minimal black theme optimized for Elementor with global color sync
Version: 1.1
Text Domain: black-elementor
*/

/* Elementor Root Variables - fallback for custom theme */
:root {
    --e-global-color-primary: #ffffff;
    --e-global-color-secondary: #6aa9ff;
    --e-global-color-accent: #6aa9ff;
    --e-global-color-accent-hover: #ffffff;
    --e-global-color-text: #ffffff;
    --e-global-color-background: #000000;

    --e-global-typography-primary-font-family: 'DM Sans', sans-serif;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-text-font-family: 'DM Sans', sans-serif;
    --e-global-typography-text-font-weight: 400;
	
	--hero-title-gradient: linear-gradient(135deg, #2a9d6e, #4ecdc4, #a1c4fd);
	--teal-gradient: linear-gradient( 135deg, #a8edea, #4ecdc4);
	--blue-sky-gradient: linear-gradient( 135deg, #c2e9fb, #a1c4fd);
	--warm-peach-gradient: linear-gradient( 135deg, #ffecd2, #fcb69f);
	--mint-green-gradient: linear-gradient(135deg, #d4fc79, #96e6a1);
	--lavender-gradient: linear-gradient(135deg, #e0c3fc, #8ec5fc);
}

html, body {
    margin: 0;
    padding: 0;
    background: var(--e-global-color-background, #000);
    color: var(--e-global-color-text, #fff);
    font-family: var(--e-global-typography-text-font-family, system-ui);
    font-weight: var(--e-global-typography-text-font-weight, 400);
}



/* Gradient text */
.pr-header-gradient{
	  background-image: var(--hero-title-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display:inline-block;
}
.sc-header-gradient{
	  background-image: var(--teal-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display:inline-block;
}
.tr-header-gradient{
	  background-image: var(--blue-sky-gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display:inline-block;
}

/* Links */
a {
    color: var(--e-global-color-accent, #6aa9ff);
    text-decoration: none;
    transition: color .2s ease;
}

a:hover {
    color: var(--e-global-color-accent-hover, #ffffff);
}

/* Bold text */
b,
strong {
    font-weight: var(--e-global-typography-primary-font-weight, 600) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--e-global-typography-primary-font-family, system-ui);
    font-weight: var(--e-global-typography-primary-font-weight, 700);
    color: var(--e-global-color-primary, #fff);
}

/* Header */

.nav-menu {
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu a {
    color: var(--e-global-color-primary, #fff);
    font-weight: 500;
}

.nav-menu a:hover {
    color: var(--e-global-color-accent, #6aa9ff);
}

/* Elementor sections */
.elementor-section {
    background: transparent;
}

/* Content fallback */
.site-content {
    max-width: 1200px;
    margin: auto;
    padding: 40px;
}

/* Images responsive */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Elementor container fix */
.elementor-container {
    max-width: 100%;
}