/*
Theme Name: Astra Child - E2 Spatial
Theme URI: https://www.e2spatial.com
Template: astra
Author: E2 Spatial
Author URI: https://www.e2spatial.com
Description: Child theme for E2 Spatial drone mapping website, built on Astra Pro.
Version: 1.0.0
License: GNU General Public License v2.0
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
*/

/* =============================================
   E2 Spatial Custom Styles
   ============================================= */

/* --- Color Palette: Urban Slate --- */
:root {
    --color-light:      #E9E6E7; /* light gray */
    --color-dark:       #5E5653; /* dark taupe */
    --color-slate:      #7B7F8A; /* muted blue-gray */
    --color-warm:       #AB978C; /* warm taupe */
    --color-blue:       #6B7C98; /* steel blue */

    /* Override Astra global color palette */
    --ast-global-color-0: #6B7C98; /* primary (steel blue) */
    --ast-global-color-1: #5a6b87; /* primary hover (darker blue) */
    --ast-global-color-2: #5E5653; /* dark text (dark taupe) */
    --ast-global-color-3: #7B7F8A; /* secondary text (slate) */
    --ast-global-color-4: #E9E6E7; /* light background */
    --ast-global-color-6: #d8d4d5; /* light accent */
    --ast-global-color-7: #2a2827; /* very dark */
    --ast-global-color-8: #1a1917; /* near black */
}

/* --- Typography: Lato + Roboto --- */
body,
p,
li,
td,
input,
textarea,
select,
button,
.ast-single-post-order,
.entry-content,
.menu-item a,
.nav-link,
.widget,
span,
div {
    font-family: 'Roboto', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.site-title,
.ast-blog-post-title,
.wp-block-heading,
.ast-above-header-section,
.astra-logo-title {
    font-family: 'Lato', sans-serif !important;
    font-weight: 700;
    color: var(--color-dark) !important;
}

/* --- Links --- */
a,
a:visited {
    color: var(--color-blue) !important;
}
a:hover,
a:focus {
    color: var(--color-slate) !important;
}

/* --- Buttons --- */
.wp-block-button__link,
.ast-button,
a.button,
button[type="submit"],
input[type="submit"],
.uagb-buttons-repeater,
.wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link,
body .wp-block-file .wp-block-file__button,
.wp-block-search .wp-block-search__button {
    background-color: #6B7C98 !important;
    border-color: #6B7C98 !important;
    color: #ffffff !important;
}
.wp-block-button__link:hover,
.ast-button:hover,
a.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.uagb-buttons-repeater:hover,
.wp-block-uagb-buttons .uagb-buttons-repeater.wp-block-button__link:hover {
    background-color: #7B7F8A !important;
    border-color: #7B7F8A !important;
    color: #ffffff !important;
}

/* --- Navigation --- */
.ast-primary-header-bar,
#masthead,
.site-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid var(--color-light) !important;
}
.main-header-menu a,
.ast-nav-menu a,
.menu-link {
    color: var(--color-dark) !important;
}
.main-header-menu a:hover,
.ast-nav-menu a:hover,
.menu-link:hover {
    color: var(--color-blue) !important;
}

/* --- Body text --- */
body, p {
    color: var(--color-dark) !important;
}

/* --- Hero / cover sections: keep text white --- */
.wp-block-cover,
.wp-block-cover p,
.wp-block-cover h1,
.wp-block-cover h2,
.wp-block-cover h3,
.uagb-block-6c959d0c p,
.uagb-block-6c959d0c h1,
.uagb-block-6c959d0c h2,
.uagb-block-6c959d0c h3,
.uagb-block-6c959d0c span {
    color: #ffffff !important;
}

/* --- Horizontal rules & borders --- */
hr {
    border-color: var(--color-light) !important;
}