/*
 Theme Name:   Hello Elementor Child
 Theme URI:    http://localhost/newweb/
 Description:  Child theme for Hello Elementor — Web Techno Software
 Author:       Web Techno Software
 Author URI:   http://localhost/newweb/
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/


/* =============================================
   NAV BUTTON — Last menu item (Contact) styled as CTA button
   ============================================= */

/* The <li> wrapper — add spacing */
.hfe-nav-menu li.wt-nav-btn {
    margin-left: 15px !important;
}

/* The <a> link — button style */
.hfe-nav-menu li.wt-nav-btn > a,
.hfe-nav-menu li.wt-nav-btn > .hfe-has-submenu-container > a {
    width: 140px !important;
    height: 54px !important;
    border-radius: 5px !important;
    background: #FFF !important;
    color: #101010 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 0 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    transition: background-size 0.7s ease, color 0.3s ease !important;
    /* Yellow accent square at bottom-right */
    background: linear-gradient(#FFB113, #FFB113) no-repeat right bottom / 14px 14px, #FFF !important;
    box-sizing: border-box !important;
}

/* Hover — yellow fills entire button */
.hfe-nav-menu li.wt-nav-btn > a:hover,
.hfe-nav-menu li.wt-nav-btn > .hfe-has-submenu-container > a:hover {
    background-size: 100% 100%, auto !important;
    color: #101010 !important;
}

/* =============================================
   MOBILE
   ============================================= */

@media only screen and (max-width: 767px) {
	.hfe-nav-menu__layout-horizontal {
		padding-left: 10px !important;
	}

    /* Reset button style on mobile — blend with nav */
    .hfe-nav-menu li.wt-nav-btn {
        margin-left: 0 !important;
    }

    .hfe-nav-menu li.wt-nav-btn > a,
    .hfe-nav-menu li.wt-nav-btn > .hfe-has-submenu-container > a {
        background: transparent !important;
        color: #FFFFFF !important;
        padding: 10px 15px !important;
        width: auto !important;
        height: auto !important;
    }

    /* All Elementor headings — 20px on mobile */
    .elementor-heading-title {
        font-size: 20px !important;
    }

}