/* MENU PRINCIPAL MAIN MENU ABRIL 2025 */

.menu-main-menu-container ul li {
    display: inline-block;
	margin-right:40px;
}
.menu-main-menu-container li.current_page_item a,
.menu-main-menu-container li.hovered-menu-item a {
	font-weight:600;
	display:block;
	position:relative;
	transition:all 0.4s ease;
	color:var(--beige);
}

.menu-main-menu-container li.menu-item a::after {
	content:"";
	width:5%;
}
.menu-main-menu-container li.current_page_item a::after,
.menu-main-menu-container li.menu-item.hovered-menu-item a::after {
	position:absolute;
	width:100%;
	height:2px;
	background:#c4aa83;
	bottom:-16px;
	left:0;
	display: block;
	transition:all 0.6s ease;
} 

/* DESPLEGABLES */
.mediclinics-menu-grid-container {
	position: absolute;
	width: 100vw; 
	left: 50%;
	right: 50%;
	margin-left: -50vw; 
	top: 110px;
	opacity:0;
	visibility:hidden;
	transition:all 0.5s ease;
	font-size: 13px;
	line-height:18px;
	color:#000;
}
.mediclinics-menu-grid-container a {
	text-decoration:none;
}

.mediclinics-menu-grid-container.desplegado {
	opacity:1;
	visibility:visible;
	top:110px;
	transition:all 0.5s ease;
	box-shadow: 0 50px 100px -50px rgba(0,0,0,0.1);
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-premium {
	background-color:#000;
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-products {
	background-color:#FFF;
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-products a {
	color:#000;
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-premium,
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-premium a {
	color:#FFF;
}
.mediclinics-menu-grid-content {
	max-width: 1040px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	/* padding:32px 0; */
}
.mediclinics-menu-grid-container .mediclinics-menu-grid {
    display: flex;
    justify-content: flex-start;
}
.mediclinics-menu-grid-container .mediclinics-menu-left {
    min-width: 20%;
    width: 20%;
	padding:32px 0; 
}
.catalogs-menu-link a::after {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background-image: url('/wp-content/themes/mediclinicstheme/img/right-arrow-beige.svg');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 22px;
  height: 16px;
  font-size: 14px;
  margin-left: 6px;
}
.catalogs-menu-link a img {
	float:left;
	margin-bottom:40px;
	margin-right:8px;
	opacity:0.5;
	width:32px;
}
.mediclinics-menu-grid-container-premium .catalogs-menu-link a img {
	filter:invert();
}
.mediclinics-menu-grid-container .mediclinics-menu-right {
    min-width: 80%;
    width: 80%;
	padding:32px 0; 
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-products .mediclinics-menu-right {
    border-left: 1px solid #DDD;
}
.mediclinics-menu-grid-container .mediclinics-menu-right .mediclinics-grid-menu {
    width: 100%;
	display: flex;
}
.mediclinics-menu-grid-container .mediclinics-menu-right .mediclinics-grid-menu .mediclinics-grid-submenu {
	flex: 1; 
	min-width: 25%; /* Fuerza siempre 4 columnas */
	box-sizing: border-box;
	padding-left: 32px;
}

.mediclinics-grid-submenu span.submenu-title {
    text-transform: uppercase;
	display:block;
	margin-bottom:16px;
}
.mediclinics-menu-grid-container .mediclinics-menu-right .mediclinics-grid-menu .mediclinics-grid-submenu a {
	color:#707070;
}
.mediclinics-menu-grid-container .mediclinics-menu-right .mediclinics-grid-menu .mediclinics-grid-submenu a:hover {
	color:#000;
	transition:all 0.4s ease;
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-premium .mediclinics-grid-submenu a {
	color:#a7a7a7;
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-premium .mediclinics-grid-submenu a:hover {
	color:#FFF;
	transition:all 0.4s ease;
}
.closer {
	display:none;
	cursor:pointer;
	position: relative;
	right: 16px;
	top: 24px;
	background:transparent;
	width: 24px;
	height: 24px;
	background-image:url(/wp-content/themes/mediclinicstheme/img/TablerArrowBackUp.svg);
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0.5;
}
.mediclinics-menu-grid-container.mediclinics-menu-grid-container-premium .closer {
	filter:invert();
}
.burger-menu {
	cursor:pointer;
	position:relative;
	right: 0;
	width: 34px;
	height: 34px;
	z-index:10;
	overflow: hidden;
	margin-bottom:-6px;
}
.burger-menu span {
	width: 34px;
	height: 2px;
	position: absolute;
	left: 0;
	background-color: #202020;
	transition:all 0.3s ease;
}
body.transparent-header .burger-menu span {
	background-color: #FFF;
}
body.scrolled .burger-menu span {
	background-color:#202020;
}
.burger-menu span:nth-of-type(1) {
	top: 6px;
}
.burger-menu span:nth-of-type(2) {
	top: 16px;
}
.burger-menu span:nth-of-type(3) {
	bottom: 6px;
}
/* Burger menu icon abierto X */
.burger-menu.enex span {
	background-color:#FFF;
}
.burger-menu.enex span:nth-of-type(1) {
  display: none;
}
.burger-menu.enex span:nth-of-type(2) {
  top: 50%;
  transform: rotate(45deg);  
}
.burger-menu.enex span:nth-of-type(3) {
  top: 50%;
  transform: rotate(-45deg); 
}
body.scrolled .burger-menu.enex span {
	background-color:#FFF;
}

/* BUSCADO EN HEADER */
header input.search-field {
	appearance: none;
	border: 1px solid #1D1D1B;
	background: transparent;
	color: #1D1D1B;
	padding: 0 24px 0 16px;
	line-height: 20px;
	border-radius: 12px;
	background-image: url('/wp-content/themes/mediclinicstheme/img/BxSearch.svg');
	background-repeat: no-repeat;
	background-position: right 4px center;
    background-size: auto 80%;
	width:252px;
}
input[type="search"]:focus::-webkit-search-cancel-button {
  display: none;
}

body.burgerized header input.search-field,
body.scrolled.transparent-header.burgerized header input.search-field,
.transparent-header header input.search-field {
	filter:brightness(100%) invert(1);
}
body.scrolled.transparent-header header input.search-field {
	filter:none;
}
header input.search-submit {
    display: none;
}
header input.search-field::placeholder {
    opacity: 0;
}

/* MENU APARECE  */
nav#menu .menu-main-menu-container,
nav#menu .menu-menu-final-container,
nav#menu .mega-menu-container {
	position: fixed;
	display:table;
	top: 0;
	height: 100vh;
	width: 100%;
	left:-100%;
	background-color:#000;
	transition:all 0.5s ease;
}
nav#menu .menu-main-menu-container.aparece,
nav#menu .menu-menu-final-container.aparece,
nav#menu .mega-menu-container.aparece {
	left: 0;
	transition:all 0.5s ease;
}
nav#menu .mega-menu-container .mega-and-meta-menu-wrapper {
	height:100%;
	overflow-y: auto;
	white-space:nowrap;
	padding-bottom: 100px;
}
.mega-and-meta-menu {
    display: flex;
    flex-direction: column;
    padding-top: 200px;
	padding-top: 160px;
}

/* MEGA MENU */

.mega-menu-container  {
    /*padding-top: 200px;*/
}
.mega-menu ul li:first-child {
	margin-top:0;
}
.mega-menu ul.menu-nivel-0 > li {
	margin-top: 32px;
	max-width: 340px;
	position:relative;
}
.mega-menu ul.menu-nivel-1 > li.menu-item-has-children > span.opener ,
.mega-menu ul.menu-nivel-2 > li.menu-item-has-children > span.opener {
	position:relative;
    height: 20px;
    width: 15%;
    float: right;
	cursor:pointer;
}
.mega-menu ul.menu-nivel-1 > li.menu-item-has-children > span.opener::before,
.mega-menu ul.menu-nivel-2 > li.menu-item-has-children > span.opener::before,
.mega-menu ul.menu-nivel-0 > li.menu-item-has-children > a::before {
	content: url(/wp-content/themes/mediclinicstheme/img/IcBaselineKeyboardArrowDown.svg);
	width: 20px;
	height: 20px;
	display: block;
	position:absolute;
	top:2px;
	right:0;
	filter:
		invert(79%)
		sepia(25%)
		saturate(460%)
		hue-rotate(14deg)
		brightness(90%)
		contrast(92%);
	transition: transform .4s ease;  
}
.mega-menu ul.menu-nivel-0 > li.menu-item-has-children.depliega > a::before {
    transform: rotate(180deg);       
}
.mega-menu ul.menu-nivel-1 > li.menu-item-has-children > span.opener::before, 
.mega-menu ul.menu-nivel-2 > li.menu-item-has-children > span.opener::before {
    transform: rotate(-90deg) !important;
}

.mega-menu ul.menu-nivel-1 > li.menu-item-has-children.depliega > span.opener::before,
.mega-menu ul.menu-nivel-2 > li.menu-item-has-children.depliega > span.opener::before {
	transform: rotate(90deg) !important;
}

.mega-menu ul li ul.sub-menu {
	padding: 0 0 0 24px;
    font-weight: 600;
}
.mega-menu ul.sub-menu.menu-nivel-1,
.mega-menu ul.sub-menu.menu-nivel-2,
.mega-menu ul.sub-menu.menu-nivel-3 {
	background-color:#000;
}
.mega-menu ul.sub-menu.menu-nivel-1 {
	margin-top:18px;
	position:relative;
}
body.logged-in.user-is-admin .mega-menu ul.sub-menu.menu-nivel-1 {
	margin-top:24px;
}
.mega-menu li ul.sub-menu.menu-nivel-1 > li > a,
.mega-menu li ul.sub-menu.menu-nivel-2 > li > a,
.mega-menu li ul.sub-menu.menu-nivel-3 > li > a {
	padding:6px 0;
}
.mega-menu li ul.sub-menu.menu-nivel-2 > li > a,
.mega-menu li ul.sub-menu.menu-nivel-3 > li > a {
	max-width:80%;
}
.mega-menu li ul.sub-menu.menu-nivel-1 > li:first-child > a,
.mega-menu li ul.sub-menu.menu-nivel-2 > li:first-child > a,
.mega-menu li ul.sub-menu.menu-nivel-3 > li:first-child > a {
}
.mega-menu li ul.sub-menu.menu-nivel-1 > li > a::before,
.mega-menu li ul.sub-menu.menu-nivel-2 > li > a::before,
.mega-menu li ul.sub-menu.menu-nivel-3 > li > a::before {
	top:0;
	bottom:0;
	margin:auto !important;
}
.mega-menu li ul.sub-menu.menu-nivel-1 > li:last-child > a {
	margin-bottom:6px;
}
.mega-menu li ul.sub-menu.menu-nivel-2 > li:last-child > a,
.mega-menu li ul.sub-menu.menu-nivel-3 > li:last-child > a {
}
.mega-menu ul li ul.sub-menu ul.sub-menu {
	padding-left: 48px !important;
    position: absolute;
    left: 100%;
    width: 240px;
	top:0;
}
.mega-menu ul li ul.sub-menu li:first-child ul.sub-menu {
	top:0;
}
.mega-menu ul.sub-menu li:first-child {
}
.mega-menu ul.sub-menu li {
}
.mega-menu a {
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	font-size:22px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.mega-menu ul li ul.sub-menu a {
	font-size:12px;
	transition:all 0.4s ease;
}
.mega-menu ul li ul.sub-menu a:hover {
	color:var(--beige);
}
.mega-menu a::after {
	content:"";
	display:block;
	width:0;
	height:1px;
	margin-top:2px;
	background-color:var(--beige);
	transition: width 0.4s ease;
}
li.depliega > a::after,
.mega-menu a:hover::after {
    width: 100%;
}
.mega-menu ul.sub-menu a::after {
	content:initial
}
.mega-menu li.depliega > a,
.mega-menu a:hover {
	font-weight:600 !important;
	transition: all 0.5s ease;
}



/* Edit this */
.edit-this {
    position: fixed;
    z-index: 100;
    top: 200px;
    text-transform: uppercase;
    font-size: 11px;
}
.edit-this a {
	transition:all 0.5s ease;
	text-decoration:none;
	padding:32px;
	background: #DDD;
	color:#000;
}
.edit-this a:hover {
	background: #000;
	color:#FFF;
}
/* MAIN MENU META */
.mega-menu-meta {
	margin-top: 24px;
}
.main-menu-meta-content {
    display: block;
    margin-top: 24px;
}
.main-menu-meta-content ul li {
	margin-right:16px;
    display: inline-flex;
    vertical-align: middle;
	padding-right:16px;
	text-align:left;
	line-height:10px;
	height:10px;
	border-right:1px solid #FFF;
}

.main-menu-meta-content ul li a {
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	font-size:10px;
	line-height:1;
	transition:all 0.4s ease;
	position:relative;
}
.main-menu-meta-content ul li:last-child {
 	margin:0;
	padding:0;
	border:none;
}
.main-menu-meta-content ul li:last-child a {
 	margin:0;
	padding:0;
}
.main-menu-meta-content a:hover {
	color:var(--beige);
}


/* IMAGENES DE PRODCUTO EN DESPLEGABLE SEPTIEMBRE 2025 */

img.menu-fallback-image,
img.menu-cat-image,
img.menu-product-image {
	/* display:none; */
    object-fit: contain;
    height: 48px;
    width: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
body.logged-in.user-is-admin img.menu-fallback-image,
body.logged-in.user-is-admin img.menu-cat-image,
body.logged-in.user-is-admin img.menu-product-image {
}

/* OJO PROVISIONAL DESPLEGABLES HORIZONTALES */

body.logged-in.user-is-admin .mega-menu ul.menu-nivel-0 > li,
.mega-menu ul.menu-nivel-0 > li {
	max-width:initial;
}

body.logged-in.user-is-admin .mega-menu ul.menu-nivel-0 > li.menu-item-has-children > a::before,
.mega-menu ul.menu-nivel-0 > li.menu-item-has-children > a::before {
	left:340px;
}
body.logged-in.user-is-admin ul.sub-menu.menu-nivel-2,
body.logged-in.user-is-admin ul.sub-menu.menu-nivel-3,
.mega-menu ul.sub-menu.menu-nivel-2,
.mega-menu ul.sub-menu.menu-nivel-3 {
	display:none !important;
	opacity:0 !important;
	visibility:hidden !important;
}
body.logged-in.user-is-admin li#menu-item-1452 ul.sub-menu.menu-nivel-1, 
.mega-menu ul.sub-menu.menu-nivel-1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    align-items: center;
}
body.logged-in.user-is-admin ul.sub-menu.menu-nivel-1 .opener,
.mega-menu ul.sub-menu.menu-nivel-1 .opener {
	display:none !important;
}

li.last-of-grid {
	justify-self: end;
    grid-column: 1 / -1;
}
li.last-of-grid a {
	position:relative;
	padding-right: 32px !important;
}
li.last-of-grid a::before {
	content: url(/wp-content/themes/mediclinicstheme/img/IcBaselineKeyboardArrowDown.svg);
	width: 20px;
	height: 20px;
	display: block;
	position:absolute;
	top:2px;
	right:0;
	filter:
		invert(79%)
		sepia(25%)
		saturate(460%)
		hue-rotate(14deg)
		brightness(90%)
		contrast(92%);
	transition: transform .4s ease;  
	transform: rotate(-90deg) !important;
}


/* MEDIA QUERIES */

@media only screen and (max-width:990px) {
    .mega-and-meta-menu {
        padding-top: 100px;
    }
	.mega-menu ul li ul.sub-menu ul.sub-menu {
		position:relative;
		left:initial;
	}
	.mega-menu ul li ul.sub-menu {
		padding: 0 0 0 12px;
	}
	.mega-menu ul li ul.sub-menu ul.sub-menu {
		padding-left:12px !important;
	}
	ul.sub-menu.menu-nivel-2,
	ul.sub-menu.menu-nivel-3 {
		margin-bottom: 16px;
	}
	body.logged-in.user-is-admin li#menu-item-1452 ul.sub-menu.menu-nivel-1,
	.mega-menu li ul.sub-menu.menu-nivel-1 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width:480px) {
	.main-menu-meta-content ul li {
	  display: block;
	  margin-bottom: 12px;
	  border: none;
	}
	body.logged-in.user-is-admin li#menu-item-1452 ul.sub-menu.menu-nivel-1,
	.mega-menu li ul.sub-menu.menu-nivel-1 {
		grid-template-columns: 1fr;
	}
}