/*
 Theme Name:   Flatsome Child - Seldat Tech
 Theme URI:    https://seldattech.com
 Description:  Flatsome child theme for Seldat Technology Services
 Author:       Seldat Technology Services
 Template:     flatsome
 Version:      1.0.0
 Text Domain:  flatsome-child-seldat
*/

/* =============================================
   BRAND TOKENS
   ============================================= */
:root {
    --sd-navy:        #21315d;
    --sd-orange:      #f6921e;
    --sd-blue:        #00a2e8;
    --sd-dark:        #1a1a2e;
    --sd-gray:        #555555;
    --sd-light:       #f8f9fa;
    --sd-white:       #ffffff;
    --sd-font:        'Open Sans', Arial, sans-serif;
    --sd-radius:      4px;
    --sd-shadow:      0 2px 15px rgba(33,49,93,0.1);
    --sd-transition:  all 0.3s ease;
}

/* =============================================
   GLOBAL
   ============================================= */
body {
    font-family: var(--sd-font) !important;
    color: var(--sd-gray);
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--sd-font) !important;
    color: var(--sd-navy);
    font-weight: 700;
}

a { color: var(--sd-blue); }
a:hover { color: var(--sd-orange); }

/* =============================================
   HEADER
   ============================================= */
.header-main {
    background: var(--sd-white) !important;
    box-shadow: var(--sd-shadow);
}

.logo img { max-height: 45px !important; }

.header-nav .nav > li > a {
    color: var(--sd-navy) !important;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.header-nav .nav > li > a:hover,
.header-nav .nav > li.active > a {
    color: var(--sd-orange) !important;
}

.top-bar {
    background: var(--sd-navy) !important;
    color: var(--sd-white);
    font-size: 13px;
}
.top-bar a { color: var(--sd-white) !important; }
.top-bar a:hover { color: var(--sd-orange) !important; }

/* =============================================
   BUTTONS
   ============================================= */
.button.primary,
button.primary,
.button.checkout,
input[type="submit"] {
    background: var(--sd-orange) !important;
    border-color: var(--sd-orange) !important;
    color: var(--sd-white) !important;
    border-radius: var(--sd-radius);
    font-weight: 600;
    transition: var(--sd-transition);
}

.button.primary:hover,
button.primary:hover {
    background: var(--sd-navy) !important;
    border-color: var(--sd-navy) !important;
}

.button.white.is-outline {
    border: 2px solid var(--sd-orange);
    color: var(--sd-white);
    border-radius: var(--sd-radius);
    transition: var(--sd-transition);
}
.button.white.is-outline:hover {
    background: var(--sd-orange);
    color: var(--sd-white);
}

/* =============================================
   SECTIONS
   ============================================= */
.section-title {
    color: var(--sd-navy);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.short-border {
    width: 60px;
    height: 3px;
    background: var(--sd-orange);
    margin: 10px auto;
}

/* =============================================
   FOOTER
   ============================================= */
.footer-wrapper {
    background: var(--sd-navy) !important;
}

.footer-wrapper h4,
.footer-wrapper .widget-title {
    color: var(--sd-orange) !important;
    font-weight: 700;
    font-size: 16px;
}

.footer-wrapper,
.footer-wrapper p,
.footer-wrapper li,
.footer-wrapper a {
    color: rgba(255,255,255,0.8) !important;
    font-size: 14px;
}
.footer-wrapper a:hover {
    color: var(--sd-orange) !important;
}

.absolute-footer {
    background: #141b33 !important;
    color: rgba(255,255,255,0.6) !important;
    font-size: 13px;
}

/* =============================================
   FLOATING CTA
   ============================================= */
.sd-float-cta {
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.sd-float-cta a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #fff !important;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
    transition: var(--sd-transition);
}
.sd-float-cta .cta-phone {
    background: var(--sd-orange);
}
.sd-float-cta .cta-email {
    background: var(--sd-blue);
}
.sd-float-cta a:hover {
    transform: scale(1.15);
}

/* =============================================
   RESPONSIVE
   ============================================= */
@media (max-width: 768px) {
    .sd-float-cta a {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
}