/*
Theme Name: Techno Child
Template: techno
Description: Child theme for Techno customizations.
Version: 1.0.0
*/

/*
   Code01 -- recolor Techno demo blue (#0C5ADB) to brand orange.
   Targets: Blog 2 sidebar widget titles + WPCF7 submit button.
*/

:root {
    --brand: #F26722;
    --brand-hover: #D14F0E;
    --brand-tint: #FBD9C6;
}

/* Widget titles in the Blog 2 sidebar
   (Recent Posts / Recent Comments / Popular Categories / Tags / Archivi) */
.blog-left-side .widget h2::before,
.blog-left-side .widget .widget-title::before {
    background: var(--brand-tint);
}
.blog-left-side .widget h2::after,
.blog-left-side .widget .widget-title::after {
    background: var(--brand);
}

/* Generic .button class used by WPCF7's "Post Comment" submit
   and other Techno buttons in non-Elementor templates */
.button,
input.wpcf7-submit,
button.wpcf7-submit {
    background: var(--brand);
    color: #fff;
}
.button:hover,
input.wpcf7-submit:hover,
button.wpcf7-submit:hover {
    background: var(--brand-hover);
}

/* "Leave Comment" heading underline (Techno uses .commment_title — three m's) */
.commment_title h3::before {
    background: var(--brand-tint);
}
.commment_title h3::after {
    background: var(--brand);
}

/* Header main menu hover + current item (Techno) */
.techno_menu > ul > li.current > a,
.techno_menu > ul > li:hover > a,
.creative_header_menu > ul > li:hover > a {
    color: var(--brand);
}

/* Heading style 3 variants */
.heading_style_3.tr_btn .prefix .techno_menu > ul > li > a:hover,
.heading_style_3.tr_btn .hbg2 .techno_menu > ul > li.current a,
.heading_style_3 .prefix .techno_menu > ul > li > a:hover,
.heading_style_3 .hbg2 .techno_menu > ul > li.current a {
    color: var(--brand);
}

/* Dropdown / submenu items on hover */
.techno_menu ul .sub-menu li:hover > a,
.techno_menu ul .sub-menu .sub-menu li:hover > a,
.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover > a,
.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover > a {
    color: var(--brand);
}

/* Single post social icons hover */
.techno-single-icon-inner a i:hover {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
}

/* 404 page "Go Home" button — recolor to brand orange */
.not-found-inner .nf a,
.not-found-inner a {
    background: var(--brand);
}
.not-found-inner .nf a:hover,
.not-found-inner a:hover {
    background: var(--brand-hover);
}