/*
Theme Name: Los Iguales
Theme URI: https://losiguales.com/
Author: orallo@gmail.com
Version: 2.12
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: los_iguales
*/


/* Ensure FontAwesome icons keep their default style */
/* .fa, .fab, .fas {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900; 
} */
html {
    margin: 0;
    padding: 0;
    min-height: 100%;  /* Full height of the viewport */
	min-height: 100vh; /* Ensure page can grow */
/*    overflow-y: auto;  /* Allow scrolling */
}
/* Apply Montserrat to the entire site */
body {
    font-family: 'Montserrat', sans-serif !important;
	font-size: 16px; /* Default font size */
	background-image: url('https://losiguales.com/wp-content/uploads/2025/03/background-1.jpg') !important;
    background-size: cover; /* Stretch the image to cover the entire page */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    background-attachment: fixed; /* Optional: Fix the background while scrolling */
	margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
/*	min-height: 100vh;
/*	overflow-y: auto;  /* Allow scrolling */
}

.container-fluid {
    flex: 1; /* Takes up remaining space */
}
.cart-link{
	color:  #cccccc !important;
}

/* Override Bootstrap font (if using Bootstrap) */
#mainNav {
    font-weight: 700 !important;  /* 700 is bold */
    font-family: 'Montserrat', sans-serif !important; /* Use Montserrat */
    text-transform: uppercase !important; /* Convert text to uppercase */
	color: #cccccc !important;
}
#nav-link {
	padding: 0 !important;
}

#menu-main-menu > li.menu-item.cart-menu {
    padding-top: 0.5em !important;
	color: #cccccc !important;
}
.btn, .card, .modal, .alert {
    font-weight: 700 !important;  /* 700 is bold */
    font-family: 'Montserrat', sans-serif !important; /* Use Montserrat */
    text-transform: uppercase !important; /* Convert text to uppercase */
	color: #cccccc !important;
}
#header{
	background-color: #000000 !important;
}

.shoplosiguales {
/*    background-color: #000000; /* Black background */
/*    color: #cccccc !important;            /* Light gray text */
    padding: 20px;             /* Optional: Adds space inside the container */
    border-radius: 5px;        /* Optional: Rounds the corners */
}

/* Ensure text within WooCommerce product elements inherits the specified color */
.shoplosiguales .woocommerce {
/*    color: #cccccc !important;
}

#padtop {
	padding: 10px;
}

#pintro {
	color: #990000 !important;
}

.jf {
    text-align: justify;
}
#mainimage {
    max-width: 100%;
    height: auto;
    display: block;
}
img {
	height: revert-layer !important;
}
/* 🔹 Tablets (Portrait: 768px - 1024px) */
@media (max-width: 1024px) {
    body {
        font-size: 16px;
    }
    .menu {
        display: block; /* Adjust menu for tablets */
    }
}

/* 🔹 Mobile Phones (Landscape & Portrait: 320px - 767px) */
@media (max-width: 767px) {
    body {
        font-size: 14px;
    }
    .menu {
        display: none; /* Hide menu if using a mobile toggle */
    }
    .mobile-menu-button {
        display: block; /* Show mobile menu button */
    }
}

/* 🔹 Small Mobile Screens (320px - 480px) */
@media (max-width: 480px) {
    body {
        font-size: 13px;
    }
    .container {
        padding: 10px;
    }
}