/*
 Theme Name:     Shoptimizer Child
 Description:    Child Theme of Shoptimizer
 Author:         Pong
 Template:       shoptimizer
 Version:        1.0.0
*/


@font-face { font-family: "DMMono-Italic"; src: url("fonts/DM_Mono/DMMono-Italic.ttf"); }
@font-face { font-family: "DMMono-Light"; src: url("fonts/DM_Mono/DMMono-Light.ttf"); }
@font-face { font-family: "DMMono-LightItalic"; src: url("fonts/DM_Mono/DMMono-LightItalic.ttf"); }
@font-face { font-family: "DMMono-Medium"; src: url("fonts/DM_Mono/DMMono-Medium.ttf"); }
@font-face { font-family: "DMMono-MediumItalic"; src: url("fonts/DM_Mono/DMMono-MediumItalic.ttf"); }
@font-face { font-family: "DMMono-Regular"; src: url("fonts/DM_Mono/DMMono-Regular.ttf"); }
@font-face { font-family: "Inter-Black"; src: url("fonts/inter/Inter-Black.otf"); }
@font-face { font-family: "Inter-BlackItalic"; src: url("fonts/inter/Inter-BlackItalic.otf"); }
@font-face { font-family: "Inter-Bold"; src: url("fonts/inter/Inter-Bold.otf"); }
@font-face { font-family: "Inter-BoldItalic"; src: url("fonts/inter/Inter-BoldItalic.otf"); }
@font-face { font-family: "Inter-ExtraBold"; src: url("fonts/inter/Inter-ExtraBold.otf"); }
@font-face { font-family: "Inter-ExtraBoldItalic"; src: url("fonts/inter/Inter-ExtraBoldItalic.otf"); }
@font-face { font-family: "Inter-ExtraLight-BETA"; src: url("fonts/inter/Inter-ExtraLight-BETA.otf"); }
@font-face { font-family: "Inter-ExtraLightItalic-BETA"; src: url("fonts/inter/Inter-ExtraLightItalic-BETA.otf"); }
@font-face { font-family: "Inter-Italic"; src: url("fonts/inter/Inter-Italic.otf"); }
@font-face { font-family: "Inter-Light-BETA"; src: url("fonts/inter/Inter-Light-BETA.otf"); }
@font-face { font-family: "Inter-LightItalic-BETA"; src: url("fonts/inter/Inter-LightItalic-BETA.otf"); }
@font-face { font-family: "Inter-Medium"; src: url("fonts/inter/Inter-Medium.otf"); }
@font-face { font-family: "Inter-MediumItalic"; src: url("fonts/inter/Inter-MediumItalic.otf"); }
@font-face { font-family: "Inter-Regular"; src: url("fonts/inter/Inter-Regular.otf"); }
@font-face { font-family: "Inter-SemiBold"; src: url("fonts/inter/Inter-SemiBold.otf"); }
@font-face { font-family: "Inter-SemiBoldItalic"; src: url("fonts/inter/Inter-SemiBoldItalic.otf"); }
@font-face { font-family: "Inter-Thin-BETA"; src: url("fonts/inter/Inter-Thin-BETA.otf"); }
@font-face { font-family: "Inter-ThinItalic-BETA"; src: url("fonts/inter/Inter-ThinItalic-BETA.otf"); }
@font-face { font-family: "Radicals"; src: url("fonts/Radicals/Radicals.ttf"); }
@font-face { font-family: "Englebert-R"; src: url("fonts/Englebert-Regular.ttf"); }


.font-DMMono-I { font-family: "DMMono-Italic"; }
.font-DMMono-L { font-family: "DMMono-Light"; }
.font-DMMono-LI { font-family: "DMMono-LightItalic"; }
.font-DMMono-M { font-family: "DMMono-Medium"; }
.font-DMMono-MI { font-family: "DMMono-MediumItalic"; }
.font-DMMono-R { font-family: "DMMono-Regular"; }
.font-Inter-B { font-family: "Inter-Black"; }
.font-Inter-BI { font-family: "Inter-BlackItalic"; }
.font-Inter-Bo { font-family: "Inter-Bold"; }
.font-Inter-BoI { font-family: "Inter-BoldItalic"; }
.font-Inter-EB { font-family: "Inter-ExtraBold"; }
.font-Inter-EBI { font-family: "Inter-ExtraBoldItalic"; }
.font-Inter-EL-BETA { font-family: "Inter-ExtraLight-BETA"; }
.font-Inter-ELI-BETA { font-family: "Inter-ExtraLightItalic-BETA"; }
.font-Inter-I { font-family: "Inter-Italic"; }
.font-Inter-L-BETA { font-family: "Inter-Light-BETA"; }
.font-Inter-LI-BETA { font-family: "Inter-LightItalic-BETA"; }
.font-Inter-M { font-family: "Inter-Medium"; }
.font-Inter-MI { font-family: "Inter-MediumItalic"; }
.font-Inter-R { font-family: "Inter-Regular"; }
.font-Inter-SB { font-family: "Inter-SemiBold"; }
.font-Inter-SBI { font-family: "Inter-SemiBoldItalic"; }
.font-Inter-T-BETA { font-family: "Inter-Thin-BETA"; }
.font-Inter-TI-BETA { font-family: "Inter-ThinItalic-BETA"; }
.font-Radicals { font-family: "Radicals"; }
.font-Englebert-R { font-family: "Englebert-R"; }


.back-color-font-dr{ background-color: #D6B642; }
.back-color-font-nr{ background-color: #000000; }
.back-color-font-bl{ background-color: #FFFFFF; }
.back-color-font-ve{ background-color: #647332; }
.back-color-font-ca{ background-color: #532A09; }

.color-font-dr{ color: #D6B642; }
.color-font-nr{ color: #000000; }
.color-font-bl{ color: #FFFFFF; }
.color-font-ve{ color: #647332; }
.color-font-ca{ color: #532A09; }

.font-siz-0-5{ font-size: .5em; }
.font-siz-0-6{ font-size: .6em; }
.font-siz-0-7{ font-size: .7em; }
.font-siz-0-8{ font-size: .8em; }
.font-siz-0-9{ font-size: .9em; }
.font-siz-1{ font-size: 1em; }
.font-siz-1-1{ font-size: 1.1em; }
.font-siz-1-2{ font-size: 1.2em; }
.font-siz-1-3{ font-size: 1.3em; }
.font-siz-1-4{ font-size: 1.4em; }
.font-siz-1-5{ font-size: 1.5em; }
.font-siz-1-6{ font-size: 1.6em; }
.font-siz-1-7{ font-size: 1.7em; }
.font-siz-1-8{ font-size: 1.8em; }
.font-siz-1-9{ font-size: 1.9em; }
.font-siz-2{ font-size: 2em; }
.font-siz-3{ font-size: 3em; }
.font-siz-4{ font-size: 4em; }
.font-siz-5{ font-size: 5em; }
.font-siz-6{ font-size: 6em; }

.mab-0{ margin-bottom: 0em; }
.mab-1{ margin-bottom: 1em; }
.mab-2{ margin-bottom: 2em; }
.mab-3{ margin-bottom: 3em; }

.mat-0{ margin-top: 0em; }
.mat-1{ margin-top: 1em; }
.mat-2{ margin-top: 2em; }
.mat-3{ margin-top: 3em; }

.mal-0{ margin-left: 0em; }
.mal-1{ margin-left: 1em; }
.mal-2{ margin-left: 2em; }
.mal-3{ margin-left: 3em; }

.mar-0{ margin-right: 0em; }
.mar-1{ margin-right: 1em; }
.mar-2{ margin-right: 2em; }
.mar-3{ margin-right: 3em; }

.txt-a-c{ text-align: center; }
.txt-a-l{ text-align: left; }
.txt-a-r{ text-align: right; }
.txt-a-j{ text-align: justify; }


/*  Nuevas clases  */
.btn-gen{
	background-color: #D6B642;
	font-family: "Inter-Medium";
	font-size: .8em;
	color: #000;
	border: #D6B642 solid 1px;
	padding: .6em 2em;
	transition: all .5s;
}
.btn-gen:hover{
	background-color: #000;
	color: #D6B642;
}


.ultimate-product{
	position: relative;
}
.desc-rec-ve{
	background-color: #376439;
	font-family: "Inter-Bold";
	font-size: 1em;
	color: #FFF;
	padding: .5em;
	position: absolute;
	left: 1em;
	top: 1em;
}
.desc-rec-ve-1{
	background-color: #376439;
	font-family: "Inter-Bold";
	font-size: 1em;
	color: #FFF;
	padding: .5em;
	position: absolute;
	left: 1em;
	top: 0;
}
.titu-prod-t{
	font-family: "Inter-Medium";
	color: #000;
	font-size: .9em;
}
.titu-prod-t a{
	color: #000;
}
.des-prod-t{
	font-family: "Inter-Regular";
	color: #000;
	font-size: .8em;
}
.prec-prod-t{
	font-family: "Inter-Bold";
	color: #000;
	font-size: 1em;
}
.ultimate-product{
	padding: 1em;
}
.btn-gen-car p a{
	background-color: #D6B642;
	font-family: "Inter-Medium";
	font-size: .8em;
	color: #000;
	border: #D6B642 solid 1px;
	padding: .6em 2em;
	transition: all .5s;
}
.btn-gen-car p a:hover{
	background-color: #000;
	color: #D6B642;
}

.img-prod-t{
	width: 100% !important;
	height: auto;
}
/*  Nuevas clases  */







/*  Clases existentes modificadas  */

#custom_html-2{ text-align: center !important; }
#custom_html-3{ text-align: center !important; }
#custom_html-4{ text-align: center !important; }
#custom_html-5{ text-align: center !important; }

.primary-navigation{ border-bottom: #D6B642 solid 2px; }
.site-content{ padding-top: 0rem !important }
/*  Clases existentes modificadas  */












/* Estilos básicos para el slider */
.latest-items-slider {
    margin: 0 -15px;
}

.latest-items-slider .slick-slide {
    padding: 0 15px;
    box-sizing: border-box;
}

/* Contenedor de flechas - posicionamiento en la parte inferior derecha */
.latest-items-slider .slick-arrow {
    position: absolute;
    bottom: -40px; /* Ajusta esta posición según necesites */
    top: auto;
    z-index: 1;
}

.latest-items-slider .slick-prev {
    left: auto;
    right: 40px; /* Posición de la flecha anterior */
}

.latest-items-slider .slick-next {
    right: 10px; /* Posición de la flecha siguiente */
}

/* Estilos para las flechas */
.latest-items-slider .slick-prev:before,
.latest-items-slider .slick-next:before {
    color: #D6B642;
    font-size: 30px;
}

/* Puntos de navegación */
.latest-items-slider .slick-dots {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.latest-items-slider .slick-dots li button:before {
    color: #333;
}


/*  Estilos para tamaño de imágenes  */
.shoptimizer-plp-image-wrapper{
	height: 250px; /* Ajusta este valor según tus necesidades */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.shoptimizer-plp-image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: contain; /* o 'cover' dependiendo de tu preferencia */
    transition: transform 0.3s ease;
}

@media (max-width: 768px) {
    .product-image-container {
        height: 180px; /* Altura menor para móviles */
    }
}

.ultimate-product {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.product-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.price-wrapper {
    margin-top: auto;
}



/*  Clases para shop  */
.product-image-container {
    height: 250px; /* Ajusta este valor según tus necesidades */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.img-prod-t {
    width: 100%;
    height: 100%;
    object-fit: contain; /* o 'cover' dependiendo de tu preferencia */
    transition: transform 0.3s ease;
}

.add_to_cart_button{
	background-color: #D6B642 !important;
	color: #000 !important;
	font-family: "Inter-Regular" !important;
	font-size: .8em !important;
	margin-right: 1em;
	transition: all .5s;
}
.add_to_cart_button:hover{
	background-color: #000 !important;
	color: #D6B642 !important;
}
.added_to_cart{
	background-color: #D6B642 !important;
	color: #000 !important;
	font-family: "Inter-Regular" !important;
	font-size: .8em !important;
	transition: all .5s;
}
.add_to_cart_button:hover{
	added_to_cart: #000 !important;
	color: #D6B642 !important;
}
.wc-forward{
	background-color: #D6B642 !important;
	color: #000 !important;
	font-family: "Inter-Regular" !important;
	font-size: .8em !important;
	transition: all .5s;
}
.wc-forward:hover{
	background-color: #000 !important;
	color: #D6B642 !important;
}
/*  Clases para shop  */