/*
Theme Name: Smart Servers
Theme URI: https://sservers30.com/
Description: Custom Smart Servers child theme built on Hello Elementor using the official white, black, and orange brand colors.
Author: Smart Servers
Author URI: https://sservers30.com/
Template: hello-elementor
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: smart-servers
*/

:root {
    --ss-black: #000000;
    --ss-white: #ffffff;
    --ss-orange: #F3893B;
    --ss-orange-dark: #D96F29;
    --ss-off-white: #F7F5F2;
    --ss-text: #111111;
    --ss-muted: #666666;
    --ss-border: #E8E2DA;
}

html { scroll-behavior: smooth; }
body { color: var(--ss-text); background: var(--ss-white); }
a { color: var(--ss-orange); }
a:hover, a:focus { color: var(--ss-orange-dark); }
::selection { background: var(--ss-orange); color: var(--ss-black); }

/* Elementor/global site styling */
.elementor-button,
button,
[type="button"],
[type="submit"] {
    border-radius: 999px;
    font-weight: 800;
    letter-spacing: .02em;
    transition: all .18s ease-in-out;
}

.elementor-button,
.wp-block-button__link,
[type="submit"] {
    background: var(--ss-orange);
    color: var(--ss-black);
    border: 1px solid var(--ss-orange);
}

.elementor-button:hover,
.wp-block-button__link:hover,
[type="submit"]:hover {
    background: var(--ss-black);
    color: var(--ss-white);
    border-color: var(--ss-black);
}

input, textarea, select {
    border-radius: 14px;
    border-color: var(--ss-border);
}

input:focus, textarea:focus, select:focus {
    border-color: var(--ss-orange) !important;
    box-shadow: 0 0 0 2px rgba(243, 137, 59, .18) !important;
    outline: none;
}

.ss-brand-band {
    background: var(--ss-black);
    color: var(--ss-white);
}

.ss-orange-text { color: var(--ss-orange); }
.ss-black-bg { background: var(--ss-black); color: var(--ss-white); }
.ss-orange-bg { background: var(--ss-orange); color: var(--ss-black); }