/*
Theme Name: Huka Child Theme
Theme URI: https://huka.peerduck.com
Author: Duck-Themes
Author URI: https://peerduck.com
Description: Blank Child Theme for Huka
Template: huka
Version: 1.00
Requires at least: 5.0
Requires PHP: 7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, three-columns, custom-colors, featured-images, theme-options
Text Domain: huka
*/

/* ============================================================================================================== */
/* Theme Customizer colors */
:root {
    --primary-color: #4a9b45;
    --primary-links-hover-color: #4a9b45;
    --primary-dark-color: #b6bdc5;
    --primary-bg-color: #1c222b;
    --header-bg-color: #000000;
    --footer-bg-color: #000000;
    --title-color: #ffffff;
    --fw-title-color: #e7e7e7;
    --btn-bg-color: #4a9b45;
    --btn-hover-color: #aa0d14;
    --txt-select-bg-color: #f3d7f463;
    --logo-height: 40px;
}

/* Back-end variables */
:root {
    --header-text-color: var(--title-color);
    --header-menu-color: #212529;
    --header-menu-color-white: #ffffff;
    --header-title-color: var(--title-color);
    --header-text-color-hover: var(--primary-color);
    --header-current-page: var(--primary-color);
    --breadcrumbs-txt: #b6bdc5;
    --breadcrumbs-a: #b6bdc5;
    --breadcrumbs-a-bg: #1c222b;
    --breadcrumbs-a-hover: #ffffff;
    --breadcrumbs-a-hover-bg: var(--primary-bg-color);
    --breadcrumbs-border: transparent;
    --footer-link-color: var(--fw-title-color);
    --blog-tile-content: #b6bdc5;
    --widget-title-color: var(--title-color);
    --footer-tag-color: var(--title-color);
    --footer-product-title-color: var(--title-color);
    --block-box-shadow: none;
    --header-menu-hover-bg: transparent;
}

/* Titles gradient */
:root {
    --h1-first-color: #4a9b45;
    --h1-second-color: #aa0d14;
}

.footer-top, .footer-top a, .footer-top p, #site-footer #wp-calendar, #site-footer .widget-title, #site-footer .widget_price_filter .price_label, #site-footer .widget_shopping_cart .total, #site-footer .widget_categories ul li, #site-footer .widget_archive ul li, #site-footer .recentcomments {
    color: var(--fw-title-color);
}

/* Features colors */
:root {
    --social-icon-txt-color: #ffffff;
    --social-icon-color: var(--btn-bg-color);
    --social-icon-hover-color: var(--btn-hover-color);
    --price-color: var(--title-color);;
    --price-tile-color: var(--title-color);;
    --woo-pr-fil-bg-color: var(--primary-color);
    --success-icon-color: var(--primary-color);
    --cart-count-color: var(--primary-color);
    --sale-badge-bg-color: var(--primary-color);
}

/* Mobile variables */
@media (max-width: 1199px) {
    :root {
        --block-box-shadow: none;
    }
}

#site-footer.nav-black-desktop {
    --primary-bg-color: #ffffff;
}

/* Fonts */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("./assets/fonts/Inter-400.woff2") format("woff2");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./assets/fonts/Inter-500.woff2") format("woff2");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("./assets/fonts/Inter-600.woff2") format("woff2");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("./assets/fonts/Inter-700.woff2") format("woff2");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url("./assets/fonts/Inter-800.woff2") format("woff2");
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("./assets/fonts/Inter-900.woff2") format("woff2");
}

@font-face {
    font-family: 'Montserrat Alternates';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("./assets/fonts/MontserratAlternates-500.woff2") format("woff2");
}

/* ============================================================================================================== */
#site-footer.nav-white-desktop .footer-top {
    border-bottom: 1px solid #2a2f36;
}
.wp-block-search__button:hover {
    color: var(--primary-dark-color);
}

h1.header-title {
    background-image: linear-gradient(120deg, #4a9b45 0%, #aa0d14 100%);
}