/*
 Theme Name:   Wilson Imports
 Theme URI:    https://wilsonimports901.com
 Description:  Custom child theme for Wilson Imports - European & Subaru Auto Repair
 Author:       Sullivan Digital
 Author URI:   https://sullivandigital.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  wilson-imports
*/

/* Custom styles for Wilson Imports go below this line */

/* Wilson Imports Typography - Eurostile */
body,
p,
.et_pb_text,
.et_pb_blurb_content {
    font-family: "eurostile", sans-serif;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6,
.et_pb_module_header,
.et_pb_fullwidth_header_title,
.et_pb_blurb_title {
    font-family: "eurostile", sans-serif;
    font-weight: 700;
}

.et_pb_button,
button,
input[type="submit"] {
    font-family: "eurostile", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

/* Primary brand color */
:root {
    --wilson-blue: #27aade;
    --wilson-dark: #292828;
}

/* Button styling */
.et_pb_button {
    background-color: var(--wilson-blue) !important;
    border-radius: 5px !important;
}

.et_pb_button:hover {
    background-color: #1e8ab8 !important;
}

/* Wilson Imports Social Icons */
.wilson-social-icons {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 20px 0;
}

.wilson-social-icons a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: var(--wilson-blue);
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.wilson-social-icons a:hover {
    background-color: #1e8ab8;
    transform: scale(1.1);
}

.wilson-social-icons .et-social-icon {
    font-size: 18px;
}

.wilson-social-icons .et-social-icon:before {
    color: #fff;
}

/* TikTok icon (custom since Divi may not have it) */
.wilson-social-icons .et-social-tiktok:before {
    content: "\f058c";
    font-family: "ETmodules";
}

/* TikTok icon - use Font Awesome */
#footer-bottom .et-social-pinterest a:before {
    content: "\f058c" !important; /* TikTok unicode */
    font-family: "Font Awesome 5 Brands", "ETmodules" !important;
}

/* Fallback: If FA not available, show "T" */
@supports not (font-family: "Font Awesome 5 Brands") {
    #footer-bottom .et-social-pinterest a:before {
        content: "T";
        font-family: "eurostile", sans-serif;
        font-weight: 700;
    }
}

/* TikTok icon styling */
#footer-bottom .wilson-tiktok a .fa-tiktok {
    font-size: 16px;
    line-height: 1;
}

#footer-bottom .wilson-tiktok a:before {
    display: none;
}

/* YouTube icon */
.et-social-youtube a:before {
    content: "\e0a3";
}

/* TikTok icon using Font Awesome */
#footer-bottom .et-social-tiktok a {
    font-size: 0;
}
#footer-bottom .et-social-tiktok a .fa-tiktok {
    font-size: 24px;
}

/* Force social icon display */
#footer-bottom .et-social-icons .et-social-facebook a:before {
    content: "\e093";
    font-family: ETmodules !important;
}
#footer-bottom .et-social-icons .et-social-youtube a:before {
    content: "\e0a3";
    font-family: ETmodules !important;
}
#footer-bottom .et-social-icons .et-social-google-plus a:before {
    content: "\e096";
    font-family: ETmodules !important;
}
#footer-bottom .et-social-icons .et-social-instagram a:before {
    content: "\e09a";
    font-family: ETmodules !important;
}
#footer-bottom .et-social-icons .et-social-tiktok a:before {
    display: none;
}
#footer-bottom .et-social-icons .et-social-tiktok .fa-tiktok {
    font-size: 24px;
}