/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* Import Google Font: Barlow */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700&display=swap');

/* Sobrescribir variables globales de Bootstrap */
:root {
  --bs-font-sans-serif: 'Barlow', sans-serif;
  --bs-primary: #FFA400;
  --bs-secondary: #371710;

  --bs-link-color-rgb: var(--bs-primary);
  --bs-link-hover-color-rgb: 255,164,0;

  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #000;

  --footer-background-color: #FFA400;
  --footer-text-color: #000;
  --footer-heading-color: #000;

  /* También puedes redefinir tonos relacionados si quieres más control */
  --bs-primary-rgb: 255, 164, 0;
  --bs-secondary-rgb: 55, 23, 16;

  --slider-text-color: var(--bs-primary);
}

a:hover {
  color: var(--bs-primary);
}

/* Tipografía base */
body {
  font-family: var(--bs-font-sans-serif);
}

/* Asegúrate de que se respete también en formularios y botones */
button, input, select, textarea {
  font-family: inherit;
}

.btn{
	--bs-btn-font-weight: 600;
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFA400;
  --bs-btn-border-color: #FFA400;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #000; /* un tono más oscuro */
  --bs-btn-hover-border-color: #000;

  --bs-btn-focus-shadow-rgb: 255, 164, 0; /* shadow naranjo */
  
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #cc8500;
  --bs-btn-active-border-color: #cc8500;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);

  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #FFA400;
  --bs-btn-disabled-border-color: #FFA400;
}


.btn-outline-primary {
  --bs-btn-color: #FFA400;
  --bs-btn-border-color: #FFA400;

  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #FFA400;
  --bs-btn-hover-border-color: #FFA400;

  --bs-btn-focus-shadow-rgb: 255, 164, 0;

  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #FFA400;
  --bs-btn-active-border-color: #FFA400;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);

  --bs-btn-disabled-color: #FFA400;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFA400;

  --bs-gradient: none;
}

.header {
    --header-bg: #000;
    --header-top-bg: #FFA400;
	/*--header-top-bg: #1D1D1B;*/
}
@media (min-width: 768px) {
    .header-top {
        border-bottom: var(--header-top-border-bottom);
    }
}
.header-top,
.header-bottom {
    --header-top-border-bottom: 1px solid #000;
    --header-bottom-border-bottom: 1px solid #000;
}
/*.header a:not(.dropdown-item):not(.btn) {
    color: #FFF;
}
.header .header-top a:not(.dropdown-item):not(.btn) {
    color: #FFA400;
}
.header .header-top a:not(.dropdown-item):not(.btn):hover{
	color: #FFF;
}
.header-block__badge {
   	background: #FFA400;
	color: #000;
}*/
.header .header-bottom a:not(.dropdown-item):not(.btn){
	color: #FFF;
}
.header a:not(.dropdown-item):not(.btn) {
  color: #fff;
}

.header-block__badge {
  background: var(--bs-primary);
  border-radius: 40rem;
  color: var(--bs-white);
  display: inline-block;
  font-size: .6rem;
  font-weight: 600;
  height: 1.5rem;
  line-height: 1.5;
  min-width: 1.5rem;
  padding: 0 .1rem;
  position: absolute;
  left: 1rem !important;
  text-align: center;
  top: .4rem;
}


#_desktop_user_info .dropdown-item,
#_desktop_user_info .dropdown-item i{
	color: #000 !important;	
}
#_desktop_user_info .dropdown-item{
	padding: 2px 5px;
}
#_desktop_user_info .dropdown-item:hover{
	color: #FFA400 !important;
}
#_desktop_user_info .dropdown-item:hover i{
	color: #FFA400 !important;
}


@media (max-width: 768px){
	.header-top__right {
		justify-content: center;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .changestatus .mm_extra_item .cart-preview a {
        padding: 18px 0 !important;
    }
}

@media (min-width: 1200px){
	.header-block__action-btn{
		padding-top: 18px;
	}
}
@media (max-width: 1199px){
	.header-block__action-btn{
		padding-top: 22px;
	}
}

.navbar-brand img{
	height: 84px !important;
}

#language-selector option{
	background-color: #FFF !important;
	text-align: left !important;
}

.ets_mm_megamenu.hook-default {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 10px;
    padding: 0;
}

.ets_mm_megamenu.sticky_enabled.scroll_heading:not(.disable_sticky_mobile) {
    padding: 0;
    width: 100%;
}
@media (max-width: 767px) {
  .hook-default .ets_mm_megamenu_content .container {
    padding: 0 15px;
  }
}
.ybc-menu-toggle {
  padding: 18px 0;
}

@media (max-width: 767px) {
  .mm_menus_li > a {
    font-size: 1em;
  }
}

#search_widget form input {
	background-color: #dbd5cc;
}

.footer__main .email-subscription {
    background-color: #dbd5cc;
    flex: 0 0 auto;
    width: 25%;
}

.footer__main .email-subscription__label {
  font-size: 1.1rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFF;
}

.form-check-input:checked {
  background-color: #000;
  border-color: #000;
}


.footer .footer__main {
    font-size: 0.813rem;
    background: #FFA400;
}

.footer .footer__block__title {
    font-size: 1.1rem;
    font-weight: 400;
	text-transform: uppercase;
}

.footer .footer__block__content-list a {
    color: #000;
}

.footer .copyright, .footer .copyright a, .footer .h2, .footer .h2 a, .footer .h3, .footer .h3 a, .footer .h4, .footer .h4 a, .footer h2, .footer h2 a, .footer h3, .footer h3 a {
    color: #000;
}
.footer .copyright {
	font-size: 0.8rem
}

/* MENU */
.mm_columns_ul { padding-left: 200px !important;  }
.ets_mm_megamenu { margin-top: 0 !important } 
/*.mm_extra_item { margin-top: 15px; }*/
.mm_extra_item .cart-preview.inactive .header { padding: 0 0 !important; }
.mm_menu_content_title{ color: #FFF !important; }
.ets_mm_categories li{ width: 100%; text-align: center;  }
.ets_mm_categories li .ets_mm_url{ font-size: 14px !important; text-transform: uppercase;  }
.ets_mm_categories li .ets_mm_url:hover{  color: #FFA400 !important; }
.ets_mm_megamenu .mm_columns_ul {
    /*border: 1px solid #E7E7E7;*/
  border-left: none !important;
}
.mm_menus_ul {
  background-color: #000000;
}
.ets_mm_megamenu .container {
  background-color: #000000;
}
.ybc-menu-toggle {
  color: #FFF;
}
.ybc-menu-toggle .icon-bar {
  background-color: #FFF;
}
.header {
  position: relative;  /*static*/
}
.mm_extra_item .user-info a {
	display: block !important;
  padding: 18px 2px;
  line-height: 22px;
}

@media (max-width: 1199px) and (min-width: 768px) {
    .changestatus .mm_menus_li {
		border-left: none !important;
		border-right: none !important;
	}
	.ets-dir-ltr.layout_layout2.changestatus .mm_menus_ul > li {
		border-right: none;
	}
}


.product-features-custom {
  font-size: 20px;
  margin-top: 5px;
  margin-bottom: 8px;
  color: #9A9A9A;
}

.page-product .product__name {
  margin-bottom: 0;
  font-family: 'Times New Roman', serif !important;
  font-weight: 400;
  font-size: 2.2rem;

}

.gap-2 {
  gap: 0 !important;
}

.mm_menus_ul {
    background-color: #000 !important;
}

.wishlist-button-add { 
	box-shadow: none !important;
}
.wishlist-button-add i{
	color: #CCC !important;
}

.ets_mm_block_content {
	text-align: center;
}
.ets_mm_megamenu .mm_columns_ul {
	padding-top: 10px;
}

.social-sharing ul li {
	width: 2rem;
	height: 2rem;
	border: 1px #CCC solid;
	border-radius: 50%;
}
.form-select:focus {
   box-shadow: 0 0 0 .25rem rgba(255, 164, 0,.25)
}

.form-control:focus {
  box-shadow: 0 0 0 .25rem rgba(255, 164, 0,.25)
}

.step .address.selected {
  border: 2px solid #FFA400;
  margin: 0;
}

.form-check-input:focus {
  border-color: #86b7fe;
  box-shadow: 0 0 0 .25rem rgba(255,164,0,.25);
  outline: 0;
}

.wishlist-list-item:hover .wishlist-list-item-title{
  color: #FFA400 !important;
}

.wishlist-pagination .js-wishlist-search-link:not([href]):not([tabindex]):hover {
  color: #000 !important;
}



.changestatus .ets_mm_block_content img {
  width: 15%;
}

@media (max-width: 767px) {
  .mm_columns_ul {
    padding-left: 0 !important;
  }
  .mm_menus_ul .arrow::after {
    border-left: 2px solid #fff !important;
  }
  .mm_menus_ul .arrow::before {
    border-top: 2px solid #fff !important;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .mm_columns_ul {
    padding-left: 0 !important;
  }
  .changestatus .mm_menus_ul .arrow::after {
    border-left: 2px solid #fff !important;
  }
  .changestatus .mm_menus_ul .arrow::before {
    border-top: 2px solid #fff !important;
  }
  .changestatus.ets_mm_megamenu .mm_columns_ul {
    background-color: white !important;
  }
}

.email-subscription__content__inputs button{
	background-color: #000 !important;
	color: #FFF !important;
}
.blockreassurance p{
	margin-top: 4px;
}
/*
.wishlist-container{
	position: relative;
	z-index: 10 !important;
}
*/

/* 1. Ocultar el contenedor de la imagen/logo de PayPal */
.ps_checkout-payment-option .ps_checkout-mark {
    display: none !important;
}

/* 2. Corregir el label para que no se comporte como bloque y permita alineación */
.ps_checkout-payment-option label.form-check-label {
    display: flex !important; /* Cambiamos inline por flex */
    align-items: center !important;
    line-height: 3.5 !important; /* Reseteamos el 2.5 que sobraba */
    margin-bottom: 0 !important;
}

/* 3. Ajustar el radio button para que no tenga ese margen superior excesivo */
.payment__option.ps_checkout-payment-option input[type="radio"] {
    margin-top: 0 !important;
    vertical-align: middle;
}

/* 4. Asegurar que el texto ocupe su espacio sin saltos */
.ps_checkout-payment-option span {
    display: inline-block !important;
    white-space: nowrap;
}

/* Estilo base para el botón deshabilitado */
#payment-confirmation button.disabled, 
#payment-confirmation button[disabled] {
    cursor: not-allowed !important;
    opacity: 0.65;
    pointer-events: auto !important; /* <--- Esta es la clave */
    transition: all 0.2s ease;
}

/* El efecto Hover ahora sí funcionará */
#payment-confirmation button.disabled:hover,
#payment-confirmation button[disabled]:hover {
    background-color: #fff0f0 !important; /* Un tono rojizo suave de fondo */
    color: #ff4c4c !important;
}

/* Opcional: Quitar la sombra de Bootstrap si te molesta */
#payment-confirmation button.disabled:focus {
    box-shadow: none !important;
}


.js-conditions-to-approve a{
	color: #FFA400;
}