/*
 Theme Name:   Smart Construction Child
 Theme URI:    https://your-site.com
 Description:  Child theme for Smart Construction with custom logo integration
 Author:       Your Name
 Template:     smart-construction
 Version:      1.0.0
 Text Domain:  smart-construction-child
*/

/* ============================================
   LOGO STYLING - Replaces Site Title in Header
   ============================================ */

/* Hide the default site title and tagline */
.site-title,
.site-description,
.site-branding .site-title,
.site-branding .site-description,
header .site-title,
header .site-description {
    display: none !important;
}

/* Custom logo container */
.custom-logo-link {
    display: inline-block;
    line-height: 0; /* Remove extra spacing below image */
}

/* Custom logo image — Hanson's Roofing (original: 2000x691, ~2.9:1 ratio) */
.custom-logo {
    max-width: 280px;    /* Display width in header */
    height: auto;
    width: auto;
    max-height: 100px;
    object-fit: contain;
}

/* Tablet */
@media (max-width: 991px) {
    .custom-logo {
        max-width: 220px;
        max-height: 76px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .custom-logo {
        max-width: 180px;
        max-height: 62px;
    }
}

/* ============================================
   TOP MENU BAR — Navy Background (#00205B)
   Overrides theme.min.css #menu-header
   High-specificity selectors to win over parent
   ============================================ */

html body header#site-header #menu-header,
html body header#site-header nav#menu-header,
html body.home header#site-header #menu-header,
html body.page header#site-header #menu-header,
html body.single header#site-header #menu-header {
    background: #00205B !important;
}

html body header#site-header #menu-header a,
html body header#site-header #menu-header .menu-item a {
    color: #FFFFFF !important;
}

html body header#site-header #menu-header a:hover,
html body header#site-header #menu-header .menu-item a:hover {
    color: #00C0D4 !important;
}

html body header#site-header #menu-header .sub-menu {
    background: #00205B !important;
}

/* ============================================
   GLOBAL HOVER ACCENTS — Cyan/Teal (#00C0D4)
   Restores visual hover feedback across the site
   ============================================ */

/* General link hover */
body a:hover {
    color: #00C0D4 !important;
}

/* Buttons with navy background — lighten on hover */
body .elementor-button:hover,
body .elementor-widget-button .elementor-button:hover,
body input[type="submit"]:hover,
body .wpcf7 input[type="submit"]:hover,
body .form-submit input[type="submit"]:hover {
    background-color: #00C0D4 !important;
    color: #FFFFFF !important;
}

/* Header menu link hover */
html body header#site-header #menu-header a:hover,
html body header#site-header #menu-header .menu-item a:hover,
html body header#site-header .container .site-navigation .main-navigation li a:hover {
    color: #00C0D4 !important;
}

/* Footer link hover */
body footer#site-footer a:hover {
    color: #00C0D4 !important;
}

/* Social media icon hover */
body #top-header .social-media-header li a:hover {
    color: #00C0D4 !important;
}

/* Read more link hover */
body .read-more-container a.read-more:hover {
    color: #00C0D4 !important;
}

/* ============================================
   ELEMENTOR HEADER OVERRIDES (if using Elementor header)
   ============================================ */

/* If the theme uses Elementor's Site Logo widget */
.elementor-widget-site-logo img {
    max-width: 280px;
    height: auto;
}

@media (max-width: 991px) {
    .elementor-widget-site-logo img {
        max-width: 220px;
    }
}

@media (max-width: 768px) {
    .elementor-widget-site-logo img {
        max-width: 180px;
    }
}