/*
Theme Name: Popularis Ecommerce Child
Theme URI: https://latiendatapatio.com/
Description: A child theme for Popularis Ecommerce.
Author: Your Name
Author URI: https://latiendatapatio.com/
Template: popularis-ecommerce
Version: 1.0.0
Text Domain: popularis-ecommerce-child
*/

/* Custom Green Color for Titles and Menu */
h1,
h2,
h3 {
    color: #6B8E23;
}

.main-navigation a {
    color: #6B8E23;
}

/* More specific Header Styling */
.site-title a,
.site-description {
    color: #6B8E23 !important;
}

.site-header,
#masthead {
    background-color: #4B6F44 !important;
}

/* Ensure menu links within header are also green */
.main-navigation ul li a {
    color: #6B8E23 !important;
}

/* Hide specific image on desktop */
@media only screen and (min-width: 768px) {
    .wp-image-446 {
        display: none !important;
    }
}

/* Footer Styling */
.site-footer {
    background-color: #3A5F0B; /* Darker Green */
    color: #FFFFFF; /* White text for contrast */
    text-align: center;
    padding: 20px 0; /* Add some padding for better appearance */
}

/* Ensure links in the footer are also white and stand out */
.site-footer a {
    color: #FFFFFF;
    text-decoration: underline;
}

/* Menu Hover and Active Color */
#menu-principal .nav-item a:hover,
#menu-principal li.current-menu-item > a,
#menu-principal li.active > a {
    color: #3A5F0B !important; /* Olive Green for active/hover item */
}

/* Active Menu Item Indicator Line Color */
#menu-principal li.current-menu-item > a,
#menu-principal li.active > a {
    border-color: #3A5F0B !important;
}

/* Active Menu Item Indicator Pseudo-element Color */
#menu-principal li.current-menu-item > a::after,
#menu-principal li.active > a::after {
    background-color: #3A5F0B !importan
}

html, body {
    overflow-x: hidden;
}

/* Payment Methods Footer */
.payment-methods-footer {
    padding: 20px 0;
    border-top: 1px solid #4B6F44;
}

.payment-logos {
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-logos span {
    margin: 0 10px;
}

/* Hide all page titles */
.single-title {
    display: none;
}

/* Offset the second product image in the "Para tu familia" container */
.wp-image-164 {
    margin-top: 25px;
}

/* Hide the user account icon */
.header-cart-login .my-account,
.mobile-account {
    display: none !important;
}

/* Mobile Margins */
@media (max-width: 767px) {
    /* Fix WooCommerce container negative margins on mobile */
    .woocommerce-page .main-container .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* Add padding to the homepage text containers */
    .home .wp-block-column {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}