/*
Theme Name: Nath
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://www.estudionumerico.com
Template: Avada
Version: 1.0.0
Text Domain:  nath
*/

/* IMAGENES PRODUCTO */
.fondo-productos img {
	background-color: rgba(230, 235, 241, 0.30);
}

/* SEARCH BAR */
.astm-search-menu {
	float: right !important;
	margin-top: 2.4rem !important;
}

#is-search-input-0 {
	border: none !important;
	 background-color: rgba(176, 194, 211, 0.15) !important;
    border-radius: 3.2rem 0 0 3.2rem !important;
}

.is-search-icon {
	border: none !important;
	color: var(--awb-color8) !important;
    border-radius: 0 3.2rem 3.2rem 0 !important;
    background: rgba(176, 194, 211, 0.15) !important;
}

#is-search-input-0::placeholder {
color: var(--awb-custom_color_2) !important;
}

.fusion-header {
	border-bottom: 1px solid #B0C2D3;
}

@media screen and (max-width: 800px) {
	.is-search-form {
		margin-inline: 30px !important;
	}
	#mobile-menu-main-menu {
		border-top: none !important;
	}
}


/* SUBMENU*/
.mega-menu-description { display: none !important; } 
.mega-menu-perro > ul.mega-sub-menu > li.mega-menu-row, .mega-menu-gato > ul.mega-sub-menu > li.mega-menu-row  {
   /* width: 80% !important;*/
    float: none !important;
}

.mega-menu-perro ul.mega-sub-menu, .mega-menu-gato ul.mega-sub-menu  {
	display: flex !important;
    justify-content: space-between;
}

.mega-menu-link {
	text-align: center !important;
}

.mega-menu-perro > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-item, .mega-menu-gato > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-item {
	width: auto !important;
	border-radius: 8px !important;
	padding: 8px 16px !important;
}


.mega-menu-perro > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-link:before, .mega-menu-gato > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-link:before  {
	content: "";
    display: block !important;
    background: url("https://proyectos.stvcom.com/nath/wp-content/uploads/2024/09/Icon-dog.svg") no-repeat !important;
    width: 20px !important;
    height: 20px !important;
    float: left !important;
    margin: 0 6px 0 0 !important;
}

/* SUB MENU PERRO*/

.mega-menu-perro .mega-sub-menu {
	background-color: var(--awb-color2) !important;
}


.mega-menu-perro > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-item {
	background: var(--awb-color5) !important;
}


.mega-menu-perro > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-link:before{
    background: url("https://proyectos.stvcom.com/nath/wp-content/uploads/2024/09/Icon-dog.svg") no-repeat !important;
}

/* SUB MENU GATO */

.mega-menu-gato .mega-sub-menu {
	background-color: var(--awb-color3) !important;
}


.mega-menu-gato > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-item {
	background: #F7C6D6 !important;
}


.mega-menu-gato > ul.mega-sub-menu  > li.mega-menu-row > ul.mega-sub-menu > li:first-child .mega-menu-link:before{
    background: url("https://proyectos.stvcom.com/nath/wp-content/uploads/2024/09/Icon-cat.svg") no-repeat !important;
}

/*BÚSQUEDA*/
.fusion-blog-layout-grid .fusion-post-grid .fusion-post-wrapper {
	border: 1px solid var(--timeline_color);
    border-radius: 1rem;
    overflow: hidden;
}

.fusion-blog-layout-grid .fusion-post-slideshow {
	border: 0 !important;
}

.fusion-blog-layout-grid  h2.fusion-post-title {
	font-size: 1.2rem !important;
	font-weight: normal !important;
	text-align: center;
	line-height: 120% !important;
}

.fusion-blog-layout-grid .fusion-post-content-container {
	display: none !important;
}
.fusion-image-wrapper:hover .fusion-rollover {
    display: none !important;
}

/* WPML - banderas */

.mega-wpml-ls-item .mega-menu-link {
    display: flex !important;
    align-items: center;	
}

.mega-wpml-ls-item .mega-menu-link .wpml-ls-flag {
    height: 12px;	
}

.mega-wpml-ls-item  .mega-sub-menu  {
 width: auto !important;
	padding: 0 !important;
}

.mega-wpml-ls-item  .mega-sub-menu  a {
    padding: 1rem !important;
}


.mega-wpml-ls-item .wpml-ls-flag {
    width: 38px !important;
margin: 0 !important;
    
}

@media screen and (min-width: 800px) {
	
	.wpml-ls-native {
		display: none !important;
	}
}

/* START OF a11y fixes */

/* FORMS - CF7 a11y */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="search"],
.wpcf7 input[type="password"],
.wpcf7 textarea,
.wpcf7 select {
  border: 1px solid #ccc;
  padding: 0.5em;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s;
  outline: none;
}

.wpcf7 input:focus-visible,
.wpcf7 textarea:focus-visible,
.wpcf7 select:focus-visible {
  border-color: #005fcc; 
  box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.3); 
  outline: none;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
  border-color: #005fcc;
  box-shadow: 0 0 0 3px rgba(0, 95, 204, 0.3);
}

.wpcf7 input[type="submit"]:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

.wpcf7 input[type="checkbox"]:focus-visible,
.wpcf7 input[type="radio"]:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}

/* BOTONES - A11Y */
.fusion-button:focus-visible,
a.fusion-button:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
  outline: 2px solid #000 !important;
  outline-offset: 1px;
}

/* Mejorar visibilidad del foco en fondos claros */
.fusion-button:focus-visible {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
}


/* Submenú navegable con teclado */
.mega-menu-item-has-children:focus-within > .mega-sub-menu {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
    position: fixed !important;
}
.mega-menu-item-has-children:focus-within:not(.mega-wpml-ls-item) > .mega-sub-menu {
	width: 100% !important;
    left: 0 !important;
}

/* END OF a11y fixes */