/* ===== DARK THEME COLORS ONLY - NO STRUCTURAL CHANGES ===== */

/* Body & Main Background */
body,
.home,
.wp-singular,
.elementor-default,
.elementor-page,
.elementor-kit-13,
.elementor-template-full-width {
    background-color: var(--e-global-color-primary) !important;
    background-image: url("../backgrounds/lines.png") !important;
    background-position: center center !important;
    background-repeat: repeat !important;
    background-size: contain !important;
    box-shadow: inset 0 0 60px rgba(255, 255, 255, 0.12);


}

/* Text Colors Only - No padding/margin changes */
/* Headings - White */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.ata-heading-title,
.section-title,
.elementor-size-default,
.elementor-size-lg,
.elementor-size-xl,
.elementor-size-xxl {
    color: #ffffff !important;
}

/* Paragraphs - Light Gray */
p,
.elementor-text-editor p,
.elementor-widget-text-editor p,
.elementor-widget-text-editor,
.text-editor {

}

/* Small text & descriptions - Medium Gray */
small,
.caption,
.subtitle,
.description,
.helper-text {
    color: #9ca3af !important;
}

/* Labels & form text */
label,
.form-label,
.wpcf7 label,
.elementor-field-label {
    color: #e5e7eb !important;
}

/* Navigation menu items */
.elementor-nav-menu a,
.elementskit-navbar-nav a,
.menu-item a,
.nav-menu a {
    color: #e5e7eb !important;
}

.elementor-nav-menu a:hover,
.elementskit-navbar-nav a:hover,
.menu-item a:hover,
.nav-menu a:hover {

    color: #ffffff !important;
}

/* Current menu item */
.current-menu-item a,
.current_page_item a {

}

/* Form inputs - only text color */
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
textarea,
select {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Placeholder text */
::placeholder {
    color: #9ca3af !important;
}

/* Buttons - keep structure, only update colors */
.elementor-button,
.wp-block-button__link,
.button,
.btn,
input[type="submit"],
button[type="submit"] {
    background-color: var(--e-global-color-accent) !important;
    color: #ffffff !important;
    border-color: var(--e-global-color-accent) !important;
}

.elementor-button:hover,
.wp-block-button__link:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
    background-color: var(--e-global-color-secondary) !important;
    color: #ffffff !important;
}

/* Icon boxes - only text colors */
.elementskit-icon-box .elementskit-box-title,
.elementskit-icon-box .elementskit-box-description {
    color: #ffffff !important;
}

.elementskit-icon-box .elementskit-box-subtitle {
    color: #9ca3af !important;
}

/* Preloader text */
.theme-preloader,
.loading-container {
    background-color: var(--e-global-color-primary) !important;
}

/* Magic cursor */
#magic-cursor #ball {
    background-color: var(--e-global-color-accent) !important;
}

/* Links */
a:not(.elementor-button):not(.button):not(.btn) {
color:  #ffffff !important;
}

a:not(.elementor-button):not(.button):not(.btn):hover {
    color:  var(--e-global-color-primary) !important;
}

/* Lists */
ul,
ol,
li {

}

/* Blockquotes */
blockquote,
.elementor-blockquote {
    color: #e5e7eb !important;
    border-left-color: var(--e-global-color-accent) !important;
}

/* Tables */
table,
th,
td {
    border-color: rgba(255, 255, 255, 0.1) !important;

}

th {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

/* Code & preformatted text */
code,
pre {
    background-color: rgba(255, 255, 255, 0.05) !important;

    border-color: rgba(255, 255, 255, 0.1) !important;
}
span a, .ekit-title-and-description a{
    color: black !important;
}
/* Widget specific text colors */
.widget-title,
.sidebar .widget h3 {
    color: #ffffff !important;
}

.widget,
.sidebar .widget {

}

/* Footer text */
.site-footer,
.footer-widgets,
.copyright {
    color: #9ca3af !important;
}

.site-footer a {
    color: #e5e7eb !important;
}

.site-footer a:hover {
    color: #ffffff !important;
}

/* Breadcrumbs */
.breadcrumb,
.breadcrumbs {
    color: #9ca3af !important;
}

.breadcrumb a {

}

.breadcrumb a:hover {
    color: #ffffff !important;
}

/* Tooltips & popovers */
.tooltip,
.popover {
    background-color: rgba(30, 41, 59, 0.95) !important;
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Alerts & notifications */
.alert,
.notice,
.message {
    background-color: rgba(255, 255, 255, 0.05) !important;

    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--e-global-color-accent) !important;
}

.progress {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Dividers & separators */
hr,
.divider,
.separator {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Icons - make them white */
.icon,
.fa,
.fas,
.far,
.fab,
.elementor-icon {
    color: #ffffff !important;
}

/* Social icons */
.social-icons a {
    color: #e5e7eb !important;
}

.social-icons a:hover {

}

/* Search forms */
.search-form input[type="search"] {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Pagination */
.pagination .page-numbers {

    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

.pagination .current,
.pagination .page-numbers:hover {
    color: #ffffff !important;
    background-color: var(--e-global-color-accent) !important;
    border-color: var(--e-global-color-accent) !important;
}

/* Tabs & accordions */
.elementor-tab-title,
.accordion-title {
    color: #e5e7eb !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.elementor-tab-title.active,
.accordion-title.active {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.elementor-tab-content,
.accordion-content {

    background-color: rgba(255, 255, 255, 0.02) !important;
}

/* Testimonials */
.testimonial-text {
    color: #e5e7eb !important;
}

.testimonial-author {
    color: #ffffff !important;
}

.testimonial-position {
    color: #9ca3af !important;
}

/* Counters & statistics */
.counter-number,
.stat-number {
    color: #ffffff !important;
}

.counter-title,
.stat-title {

}

/* Team members */
.team-name {
    color: #ffffff !important;
}

.team-position {
    color: #9ca3af !important;
}

.team-description {

}

/* Portfolio & gallery */
.portfolio-title,
.gallery-title {
    color: #ffffff !important;
}

.portfolio-category,
.gallery-caption {
    color: #9ca3af !important;
}

/* WooCommerce specific (if using) */
.woocommerce .price,
.woocommerce .amount {

}

.woocommerce .product-title,
.woocommerce .product-title a {
    color: #ffffff !important;
}

.woocommerce .product-title a:hover {
 color: var(--e-global-color-accent) !important;

}

.woocommerce .star-rating {

}

/* Ensure white text on all your specific elements */
.elementor-element-61c1ad7 h3 { /* ABOUT US */
    color: #ffffff !important;
}

.elementor-element-e51c071 h2 { /* Redefining the future... */
    color: #ffffff !important;
}

.elementor-element-05a08f0 p { /* We combine visionary design... */

}

/* Site logo - invert to white if it's dark */
.ata-site-logo img {
    filter: brightness(0) invert(1) !important;
}

/* Make sure all text has good contrast on dark background */
* {
    text-shadow: none !important;
}
/* Services section specific dark theme colors */
.elementor-element-f9cbf50 {
    background-color: var(--e-global-color-primary) !important;
    background-image:
        url(https://demo.awaikenthemes.com/renovex/wp-content/uploads/2025/11/service-bg-shape.png),
        url("https://demo.awaikenthemes.com/renovex/wp-content/uploads/2025/11/dark-section-bg-image.png") !important;
    background-position: top right, center center !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: auto, cover !important;
}

/* Services heading colors */
.elementor-element-4db64e4 h3 { /* "OUR SERVICES" */
    color: #ffffff !important;
}

.elementor-element-3e42afc h2 { /* "Logistics services designed..." */
    color: #ffffff !important;
}

/* Service item specific */
.service-item {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Service title link */
.elementor-element-3b1b22d h2 a {
    color: #ffffff !important;
}

.elementor-element-3b1b22d h2 a:hover {
 color: var(--e-global-color-accent) !important;

}

/* Service number */
.elementor-element-4191f1c h3 { /* "01." */

}

/* Service description */
.elementor-element-d8393d4 p , .elementor-icon-list-text,.skill-title{ /* "Our interior design solutions..." */
color: #ffffff !important;
}
/* For the specific element with background-color-secondary */
.elementor-element-2dc6d41,
.elementor-element-2dc6d41 .elementor-motion-effects-layer {
    background-color: var(--e-global-color-primary) !important;
}
/* For elementor-element-96a1af5 dark theme update */
.elementor-element-96a1af5,
.elementor-element-96a1af5 .elementor-motion-effects-layer {
    background-color: var(--e-global-color-primary) !important;
    color: #ffffff !important;
}

/* If this element contains text that needs specific coloring */
.elementor-element-96a1af5 h1,
.elementor-element-96a1af5 h2,
.elementor-element-96a1af5 h3,
.elementor-element-96a1af5 h4,
.elementor-element-96a1af5 h5,
.elementor-element-96a1af5 h6 {
    color: #ffffff !important;
}

.elementor-element-96a1af5 p,
.elementor-element-96a1af5 span,
.elementor-element-96a1af5 div {

}
/* For elementor-element-1384026 dark theme update */
.elementor-element-1384026,
.elementor-element-1384026 .elementor-motion-effects-layer {
    background-color: var(--e-global-color-primary) !important;
}

.awaiken-portfolio-grid__filters {
    background: gray !important;
    padding: 12px;
    border-radius: 14px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
}


.elementor-1312 .elementor-element.elementor-element-10a5c0e:not(.elementor-motion-effects-element-type-background), .elementor-1312 .elementor-element.elementor-element-10a5c0e > .elementor-motion-effects-container > .elementor-motion-effects-layer, .elementor-1312 .elementor-element.elementor-element-bb9b962, .ekit-wid-con .elementskit-accordion .elementskit-card-header, .elementor-5672 .elementor-element.elementor-element-1135d22:not(.elementor-motion-effects-element-type-background), .elementor-5672 .elementor-element.elementor-element-1135d22 > .elementor-motion-effects-container > .elementor-motion-effects-layer{
       background-color: var(--e-global-color-primary) !important;
}
/* HOW TO CHANGE ROOT COLORS */
/* Add this to the very top of your CSS file or in Theme Customizer > Custom CSS */
:root {
    /* --e-global-color-primary: #0a0a0a !important;  *//* Dark background */
    /* --e-global-color-secondary: #1a1a1a !important; */ /* Slightly lighter dark */
    /* --e-global-color-accent: #3b82f6 !important; */ /* Blue accent - change this to your preferred color */
    /* --e-global-color-text: #ffffff !important; */ /* White text */
    /* --e-global-color-text-light: #d1d5db !important; */ /* Light gray text */
    /* --e-global-color-text-muted: #9ca3af !important; */ /* Medium gray text */
}

/* If you want to change only the accent color (recommended) */
:root {
    /* --e-global-color-accent: #3b82f6 !important;  */
}

/* Alternative accent colors you can use: */
/*
:root { --e-global-color-accent: #10b981; }  Emerald green
:root { --e-global-color-accent: #f59e0b; }  Amber orange
:root { --e-global-color-accent: #8b5cf6; }  Violet purple
:root { --e-global-color-accent: #ef4444; }  Red
:root { --e-global-color-accent: #06b6d4; }  Cyan
:root { --e-global-color-accent: #f97316; }  Orange
*/
.elementor-2434 .elementor-element.elementor-element-c3dca9b:not(.elementor-motion-effects-element-type-background), .elementor-2434 .elementor-element.elementor-element-c3dca9b > .elementor-motion-effects-container > .elementor-motion-effects-layer
, .elementor-2434 .elementor-element.elementor-element-1a2fd0f:not(.elementor-motion-effects-element-type-background), .elementor-2434 .elementor-element.elementor-element-1a2fd0f > .elementor-motion-effects-container > .elementor-motion-effects-layer,.elementor-2434 .elementor-element.elementor-element-e198db3 .elementskit-infobox
 {background-color: var(--e-global-color-primary) !important;}