/*
Theme Name: Twenty Twenty-Four child
Theme URI: 
Author: Shlomi Asaf
Author URI: https://saboresdeisrael.com.br
Description: 
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: twenty-twenty-four-child
Tags: 
*/

:where(.wp-site-blocks *:focus) {
  outline-width: 2px;
  outline-style: solid;
}
.prime-cat-name {
  margin-top: -15px;
}
.wp-block-search.search-box {
  height: 50px;
  border: none;
}
.wp-block-search.search-box .wp-block-search__inside-wrapper {
  height: 100%;
}
.wp-block-search.search-box .wp-element-button {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

header .wp-block-search__button-only{
  border: 0;
}
header .wp-block-search__button-only .wp-block-search__button{
  background-color: transparent;
  padding: 0;
}
header .wp-block-search__button-only .wp-block-search__button svg{
  width: 30px;
  height: 30px;
}
:root :where(.wp-block-search) {
	border: none;
}
header ul ul li a:hover {
  background: #e4e6d4 !important;
  color: #734060 !important;
}


/* Generals */
.header-underlined {
  border-bottom: 3px solid var(--wp--preset--color--custom-color-2);
  padding-bottom: 5px;
  margin-bottom: 20px;
}

/* Homepage */
@media (max-width: 781px) {
  header {
    padding-top: 1.5em;
  }
  .header-right-search {
    order: 3;
  }
  .header-middle-logo {
    order: 1;
    flex-direction: row;
    display: flex;
  }
  .header-left-menu {
    order: 2;
  }
}

/*******
 * Homepage categories nav */
.site-main-categories-nav p a {
  text-decoration: none;
  white-space: nowrap;
}

@media (max-width: 600px) {
  /* homepage featured recipes */
  .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid {
      grid-template-columns: 1fr 1fr;
  }
  .site-main-categories-nav .wp-block-columns {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

/*Homepage Content Buttons*/
  .home-row-buttons-wrapper{
    justify-content: center;
  }
  .home-row-buttons-wrapper .wp-block-buttons{
    margin-bottom: 2rem;
  }

  .homepage-me-aside{
    padding: 2rem !important;
  }

  .search-box-widget{
    padding: 2rem !important;
  }

}


/*******
 * Main site menu, submenus hover effect */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{
	top: 45px;	
	box-shadow: rgba(0, 0, 0, 0.1) 0px 32px 66px;
	border: none;
  border-top: 8px solid #fff;
  border-bottom: 8px solid #fff;
}
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{
	transition: top 0.25s ease 0s;
    transform: translate3d(0px, -1px, 0px);
	top: 100%;
}
@media (max-width: 600px) {
  header .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    box-shadow: none;
  }
  header .wp-block-navigation-item > a {
    font-weight: bold;
  }
  header .wp-block-navigation-item ul {
    padding-top: 0 !important;
  }
  header .wp-block-navigation-item ul a {
    font-weight: normal;
    text-align: center;
  }
  footer .social-nav-menu{
    flex-direction: row;
  }
  .footer-container-logo figure{
    text-align: center;
    width: 100%;
  }
  .footer-container-logo figure img{
    width: 200px;
  }
  /*fixing recipe in mobile*/
  .wprm-recipe.wprm-recipe-template-chic-ptbr{
    padding: 1em !important;
  }
}
/*********
 * Resolve flicking 
 * ****************/
.wp-block-social-link-label {
  display: none;
}
.wp-block-search__label {
  display: none;
}

/* Text decoration */
.remove-decoration a{
  text-decoration: none !important;
}

/* Buttons */
.wp-element-button{
  transition: all .25s ease-out;
}
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color,.has-background):hover{
  color: var(--wp--preset--color--contrast);
}

/* mailchimp */
.mc4wp-form-fields input[type="text"], .mc4wp-form-fields input[type="email"]{
  width: 100%;
  padding: .75rem;
}

/* Images hover transitions */
.home-block, figure:not(.custom-logo) img
  {
    box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px;
    transition: all .25s ease-in-out;
    height: 100%;
    border-color: #dddddd;
  }

/* hover effect for images */
.home-block:hover, figure:not(.custom-logo) img:hover
  {
    box-shadow: rgba(0, 0, 0, 0.22) 0px 19px 43px;
    transform: translate3d(0px, -1px, 0px);
    transform: rotate(-1deg);
    cursor:pointer;
  }

/* WOOCOMERCE */
body.woocommerce main{
  padding-top: 2em;
}

/* Author box */
.wp-block-post-author__name{
  padding-bottom: 0;
}
.wp-block-post-author__bio{
  padding-bottom: 0;
}

/* Term List */
.is-style-pill.wp-block-post-terms a{
  margin-bottom: 1rem;
}
.is-style-pill.wp-block-post-terms a:hover{
  background-color: #734060;
  color: #fff;
  text-decoration: none;
}

/* Selection styling */
p::selection,
h1::selection, 
h2::selection, 
h3::selection, 
h4::selection,
li::selection,
a::selection{
  background: #e4e6d4;
  color: #734060;
}

/* Mega serch block */
.recipe-search-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}
.recipe-search-wrapper input[type="search"],
.recipe-search-wrapper select {
  padding: 10px;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 16px;
  min-width: 180px;
}
@media (max-width: 600px) {
  .recipe-search-wrapper select {
    width: 100%;
    color: #000;
    background-color: #fff;
  }
}
.recipe-search-wrapper button {
  padding: 10px 14px;
  background-color: #3e6542;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
}
#comments.comments-area{
  margin: 0;
}

/* YARPP */
.yarpp-related {
  margin: 2em 0 !important;
}
.yarpp-related h3{
  padding-bottom: 1em;
}

.yarpp-thumbnails-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; /* you can keep this, but we’ll also constrain the items below */
  justify-content: space-between;
  gap: 16px; /* optional spacing */
}

.yarpp-thumbnails-horizontal > * {
  width: calc(50% - 8px); /* subtract half the gap to avoid overflow */
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .yarpp-thumbnails-horizontal {
    justify-content: space-evenly;
  }

  .yarpp-thumbnails-horizontal > * {
    width: 100%; /* Stack vertically on small screens if needed */
  }
}

.yarpp-related .yarpp-thumbnail-title{
  font-weight: 400;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail{ 
  border: none;
}