@import "../../../css/custom.css";
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root{--ar-border-radius:0rem;}

img { height: revert-layer; max-width: inherit; }

* { font-family: 'DM Sans', sans-serif; color: #000; }

body { padding-top: 108px; }

header { z-index: 13; }

.logo { max-height: 60px; max-width: 120px; height: 100%; width: 100%; }

.tns-ovh { padding-bottom: 100px; }
.tns-controls { position: absolute; right: 0; top: 50%; width: 100%; z-index: 1; }
.tns-controls button { background: no-repeat center center transparent; background-size: 80%; border: none; height: 40px; margin-top: -20px; position: absolute; width: 40px; }
.tns-controls button[data-controls="prev"] { background-image: url('../img/arrow-prev.svg'); left: 0; }
.tns-controls button[data-controls="next"] { background-image: url('../img/arrow-next.svg'); right: 0; }

#accordionFlushExample .accordion-item { border-radius: 0 !important; }

#comimonials .tns-controls button[data-controls="prev"] { background-image: url('https://kykjoyas.com/assets/templates/kyk/img/arrow-prev-2.svg'); }
#comimonials .tns-controls button[data-controls="next"] { background-image: url('https://kykjoyas.com/assets/templates/kyk/img/arrow-next-2.svg'); right: 0; }

.logofoot { max-height: 40px; max-width: 120px; }

.ribbon { --f: .4em; --r: .8em; top: calc(-1*var(--f)); border: solid #0000; border-width: 0 calc(2*var(--f)) var(--r) 0; background:  radial-gradient(50% 100% at bottom,#0005 98%,#0000 101%) 100% 0/calc(2*var(--f)) var(--f) no-repeat border-box; background-color: #C8CF02; border-radius: var(--f) var(--f) 0 0; clip-path: polygon(100% 0,0 0,0 calc(100% - var(--r)),calc(50% - var(--f)) 100%,calc(100% - 2*var(--f)) calc(100% - var(--r)),calc(100% - 2*var(--f)) var(--f),100% var(--f)); }

#accordionShipping .accordion-header, #accordionShipping .accordion-header button { z-index: 1 !important; }
#accordionShipping .accordion-button::after { filter: brightness(1%) invert(1); }
#accordionShipping .accordion-item { background-color: rgba(0, 0, 0, 0.25); transition: all ease-in-out .3s; }
#accordionShipping .accordion-item:has(.show) { background-color: #f6f9fc; }
#accordionShipping .accordion-button { color: #fff; }
#accordionShipping .accordion-button img { filter: invert(1); }
#accordionShipping .accordion-button:not(.collapsed) { color: #000; }
#accordionShipping .accordion-button:not(.collapsed) img { filter: invert(0); }
#accordionShipping .accordion-button:not(.collapsed)::after { filter: brightness(0) invert(0); }

.dropdown-submenu-mobile .submenu-items {
	background-color: #f8f9fa;
}

.dropdown-submenu-mobile .submenu-items .dropdown-item {
	font-size: 0.9rem;
}

.dropdown-submenu-mobile > a i {
	transition: transform 0.2s;
}

.dropdown-submenu-mobile.active > a i {
	transform: rotate(180deg);
}

.dropdown-submenu-desktop .submenu-items {
	background-color: #f8f9fa;
}

.dropdown-submenu-desktop .submenu-items .dropdown-item {
	font-size: 0.9rem;
}

.dropdown-submenu-desktop > a i {
	transition: transform 0.2s;
}

.dropdown-submenu-desktop.active > a i {
	transform: rotate(180deg);
}

/* Ocultar el chevron por defecto de Bootstrap en nav desktop */
nav .dropdown-toggle::after {
	display: none;
}

.box-product.hovered-active {
	filter: drop-shadow(0 0.4375rem 1.25rem rgba(208, 208, 196, 0.32)) !important;
	z-index: 11;
}

@media ( max-width: 991px ) {
	body { padding-top: 88px; }
	header nav { background: #FFF; height: 100vh; left: -300px; padding: 30px; position: fixed; top: 0; transition: all ease-in-out .3s; width: 300px; z-index: 3; }
	header nav.display { left: 0; }

	.logo { max-height: 40px; max-width: 80px; }

	.tns-controls button { height: 30px; margin-top: -15px; width: 30px; }
	.tns-controls button[data-controls="prev"] { left: -10px; }
	.tns-controls button[data-controls="next"] { right: -10px; }
}

@media ( max-width: 767px ) {
	body { padding-top: 72px; }
}