/* 
Theme Name:		 generatepress-child
Theme URI:		 http://childtheme-generator.com/
Description:	 generatepress-child is a child theme of GeneratePress, created by ChildTheme-Generator.com
Author:			 Miminhos Rita Catita Ricardo
Author URI:		 http://childtheme-generator.com/
Template:		 generatepress
Version:		 1.0.0
Text Domain:	 generatepress-child
*/


/*
    Add your custom styles here
*/

/* Títulos das categorias sempre centrados */
.home ul.products.columns-4 li.product-category h2.woocommerce-loop-category__title {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
}

@media (max-width: 768px) {
  /* Categorias de produto na homepage */
  .home ul.products.columns-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    margin: 0;
  }

  .home ul.products.columns-4 li.product-category {
    width: 48% !important;
    margin-bottom: 20px;
    list-style: none;
  }

  /* “Vistos Em” */
  .home .vc_row:has(.vc_col-sm-3) {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .home .vc_col-sm-3 {
    width: 48% !important;
    margin-bottom: 20px;
    text-align: center;
  }

  .home .vc_col-sm-3 img {
    max-width: 100%;
    height: auto;
  }

  /* “Aproveite para visitar…” */
  .home .vc_row:has(.vc_col-sm-4) {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .home .vc_col-sm-4 {
    flex: 0 0 48% !important;
    max-width: 48% !important;
    margin-bottom: 20px;
    text-align: center;
  }

  .home .vc_col-sm-4:first-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    order: 1;
  }

  .home .vc_col-sm-4:not(:first-child) {
    order: 2;
  }

  .home .vc_col-sm-4 img {
    max-width: 100%;
    height: auto;
  }
}


/* Mover os Cabeçalhos nos Telemóveis, Precisa do Header.php no tema filho também */
@media (max-width: 768px) {
  .site-header {
    display: flex;
    flex-direction: column;
  }

  .main-navigation.sub-menu-right {
    order: -1;
  }

  .inside-header {
    order: 1;
  }
}