/*
Theme Name: Mindelo Store
Theme URI: https://mindelohosting.com
Description: A specific theme for mindelohosting
Author: Santos
Author URI: https://mindelohosting.com
Template: storefront
Version: 1.0
*/

/* Add your custom CSS here */

/* Set the background color to deep sea for the site header */

body.custom-background {
    background-position: center -75px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: unset;
}

.col-full {
    max-width: 100%;
}

.site-header {
  background-color: #f8f8f8; /* You can adjust the color to your preference */
  position: relative; /* Make sure it's positioned relative for pseudo-elements */
}

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
    margin-bottom: 0;
}

.site-header {
    padding: 1.4em 0.1em 0 0.1em ;
}

.site-branding a {
    font-weight: 300 !important;
    font-family: 'Tangerine', serif;
    /* text-transform: lowercase; */
    font-size: 3.8rem;
    line-height: 3.8rem;
}

h1, .alpha {
    font-size: 1.8em;
}

/* Style the "Pedir Informação" button */
.woocommerce a.button.pedir-informacao-button {
  /*   background-color: #fff !important;
    color: #ee018f;*/
    border: 1px solid #000;
}

.woocommerce a.button.pedir-informacao-button:hover {
    background-color: #cc5200; /* Customize the hover color as needed */
    border-color: #cc5200; /* Customize the hover color as needed */
    color: #cc5200;
}

button, input[type=button], input[type=reset], input[type=submit], .button, .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .added_to_cart {
  
    padding: .3180469716em 0.31575em;
}

ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.product img, .wc-block-grid__products .wc-block-grid__product img {
    padding:5px 10px;
    margin-bottom: 10px;
}


/* Ensure the product container is positioned relatively */
.woocommerce ul.products li.product {
    position: relative;
}

/* Style the "Ver mais" button in product lists */
.woocommerce ul.products li.product .ver-mais-button {
    position: absolute;
    top: 10px; /* Adjust this value to position the button */
    left: 10px; /* Adjust this value to position the button */
    background-color: rgba(0, 0, 0, 0.5); /* Black background with 50% transparency */
    color: #ffffff; /* White text color */
    padding: 10px; /* Adjust padding as needed */
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    z-index: 10; /* Ensure it appears above other elements */
    transition: background-color 0.3s;
}

.woocommerce ul.products li.product .ver-mais-button:hover {
    background-color: rgba(0, 0, 0, 0.7); /* Darker background on hover */
    color: #ffffff; /* Keep the text color white on hover */
}

/* Ensure the product container is positioned relatively */
.woocommerce ul.products li.product {
    position: relative;
}


/* Style the Facebook share button */
.woocommerce ul.products li.product .facebook-share-button {
    position: absolute;
    top:10px; /* Position below the "Ver mais" button */
    right: 10px; /* Align with the "Ver mais" button */
    background-color: rgba(59, 89, 152, 0.8); /* Facebook blue with some transparency */
    color: #ffffff; /* White text color */
   padding: 5px 10px;
    border-radius: 20px;
    text-align: center;
    text-decoration: none;
    z-index: 10; /* Ensure it appears above other elements */
    transition: background-color 0.3s;
}

.woocommerce ul.products li.product .facebook-share-button:hover {
    background-color: rgba(59, 89, 152, 1); /* Solid Facebook blue on hover */
    color: #ffffff; /* Keep the text color white on hover */
}

.wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions .wp-block-woocommerce-mini-cart-cart-button-block, .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions>.block-editor-inner-blocks>.block-editor-block-list__layout .wp-block-woocommerce-mini-cart-cart-button-block {
        display: none;
    }


/* Create a horizontally curved wave with sea, sky, and beach colors */
.site-header {
    background: linear-gradient(to bottom, #259cff, #0074D9, #81c4ff, #FFFFFF);
border-bottom:0;
  position: relative;
  overflow: show;
}


h3, .gamma {
    font-size: 1.28em;
}

/* Keyframes for the wave animation */
@keyframes wave {
  0% {
    transform: translateY(-5px); /* Adjust the height of the wave's peak */
  }
  50% {
    transform: translateY(5px); /* Adjust the height of the wave's trough */
  }
  100% {
    transform: translateY(-5px); /* Return to the peak */
  }
}

// ADD PRICE AND SUBTOTAL

.woocommerce-cart-form .shop_table th.product-price, 
.woocommerce-cart-form .shop_table th.product-subtotal {
    display: none;
}