/* ==========================================================================
   css_cookies.css – banner cookies / GDPR (ets_gdpr)
   ==========================================================================
   Partes modificadas:
   - Barra inferior/superior: fondo crema, botones negro/amarillo
   - Modal preferencias: checkboxes, enlaces, botones
   - Override colores inline del módulo GDPR

   Responsive:
   - Desktop (base): barra horizontal botones
   - Tablet ≤ 991px: texto y botones más compactos
   - Móvil ≤ 767px: botones apilados a ancho completo
   ========================================================================== */

/* ----- Desktop / base ----- */

/* Barra inferior de cookies */
.gdpr_wrapper.footer,
.gdpr_wrapper.top,
body > .gdpr_wrapper.footer,
body > .gdpr_wrapper.top {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  z-index: 10050 !important;
  font-family: var(--dil-font, Montserrat, system-ui, sans-serif);
}

.gdpr_wrapper.footer {
  bottom: 0 !important;
  top: auto !important;
}

.gdpr_wrapper.top {
  top: 0 !important;
  bottom: auto !important;
}

.gdpr_wrapper.footer .gdpr_overlay,
.gdpr_wrapper.top .gdpr_overlay {
  display: none !important;
}

.gdpr_wrapper.footer .gpdr_content,
.gdpr_wrapper.top .gpdr_content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  width: 100%;
  margin: 0;
  padding: 0.95rem 1.35rem;
  background: var(--dil-black, #000) !important;
  border: 0 !important;
  box-sizing: border-box;
}

.gdpr_wrapper.footer .gdpr_welcome,
.gdpr_wrapper.top .gdpr_welcome,
.gdpr_wrapper.footer .gdpr_title,
.gdpr_wrapper.top .gdpr_title {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.25rem;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent !important;
}

.gdpr_wrapper.footer .gdpr_title > span,
.gdpr_wrapper.top .gdpr_title > span,
.gdpr_wrapper.footer .gdpr_welcome span,
.gdpr_wrapper.top .gdpr_welcome span {
  flex: 1 1 18rem;
  margin: 0;
  color: #fff !important;
  font-size: 0.84rem !important;
  font-weight: 400;
  line-height: 1.45;
}

.gdpr_wrapper.footer .gdpr_viewmore,
.gdpr_wrapper.top .gdpr_viewmore,
.gdpr_wrapper.footer a.gdpr_viewmore,
.gdpr_wrapper.top a.gdpr_viewmore,
.gdpr_hook .gdpr_viewmore,
a.gdpr_viewmore {
  color: #fff !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.gdpr_wrapper.footer .gdpr_viewmore:hover,
.gdpr_wrapper.top .gdpr_viewmore:hover,
.gdpr_wrapper.footer a.gdpr_viewmore:hover,
.gdpr_wrapper.top a.gdpr_viewmore:hover,
a.gdpr_viewmore:hover {
  color: var(--dil-yellow, #fccf27) !important;
}

.gdpr_wrapper.footer .gdpr_button,
.gdpr_wrapper.top .gdpr_button {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
}

.gdpr_wrapper.footer .gdpr_button .gdpr_btn_accept,
.gdpr_wrapper.top .gdpr_button .gdpr_btn_accept,
.gdpr_wrapper.footer a.gdpr_btn_accept.btn,
.gdpr_wrapper.top a.gdpr_btn_accept.btn,
.gdpr_wrapper.footer .gdpr_btn_accept,
.gdpr_wrapper.top .gdpr_btn_accept,
.gdpr_button .gdpr_btn_accept.btn,
.gdpr_notice .gdpr_button .gdpr_btn_accept {
  min-width: 8.5rem !important;
  min-height: 2.55rem !important;
  margin: 0 !important;
  padding: 0.65rem 1.1rem !important;
  background: var(--dil-black, #000) !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.gdpr_wrapper.footer .gdpr_button .gdpr_btn_accept:hover,
.gdpr_wrapper.top .gdpr_button .gdpr_btn_accept:hover,
.gdpr_wrapper.footer a.gdpr_btn_accept.btn:hover,
.gdpr_wrapper.top a.gdpr_btn_accept.btn:hover,
.gdpr_wrapper.footer .gdpr_btn_accept:hover,
.gdpr_wrapper.top .gdpr_btn_accept:hover,
.gdpr_button .gdpr_btn_accept.btn:hover,
.gdpr_notice .gdpr_button .gdpr_btn_accept:hover {
  background: var(--dil-yellow, #fccf27) !important;
  border-color: var(--dil-yellow, #fccf27) !important;
  color: var(--dil-black, #000) !important;
  -webkit-text-fill-color: var(--dil-black, #000) !important;
}

.gdpr_wrapper.footer .gdpr_btn_decline,
.gdpr_wrapper.top .gdpr_btn_decline,
.gdpr_wrapper.footer a.gdpr_btn_decline.btn,
.gdpr_wrapper.top a.gdpr_btn_decline.btn,
.gdpr_button .gdpr_btn_decline.btn,
.gdpr_notice .gdpr_button .gdpr_btn_decline {
  min-height: 2.55rem !important;
  margin: 0 !important;
  padding: 0.65rem 1rem !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.45) !important;
  border-radius: 0 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

.gdpr_wrapper.footer .gdpr_btn_decline:hover,
.gdpr_wrapper.top .gdpr_btn_decline:hover,
.gdpr_button .gdpr_btn_decline.btn:hover {
  border-color: #fff !important;
  color: var(--dil-yellow, #fccf27) !important;
}

/* Modal “Ver más detalles” */
.gdpr_notice {
  background-color: rgba(0, 0, 0, 0.72) !important;
  font-family: var(--dil-font, Montserrat, system-ui, sans-serif);
}

.gdpr_notice .gdpr_notice_wap {
  background: var(--dil-cream, #faf5eb) !important;
  border: 1px solid var(--dil-line, #ddd8ce) !important;
  border-radius: 0 !important;
  padding: 4.25rem 1.5rem 5rem !important;
  max-width: min(42rem, 92vw) !important;
  width: 100% !important;
  box-shadow: none !important;
}

.gdpr_notice_wap > .gdpr_title {
  background: transparent !important;
  color: var(--dil-black, #000) !important;
  font-family: var(--dil-font-display, Oswald, Montserrat, sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  height: auto !important;
  top: 1.1rem !important;
}

.gdpr_notice .gdpr_content,
.gdpr_notice span.gdpr_desc.item,
.gdpr_notice span.gdpr_desc.item p,
.gdpr_notice .gdpr_general_top,
.gdpr_notice .gdpr_general_top p,
.gdpr_notice .gdpr_general_bottom,
.gdpr_notice .gdpr_general_bottom p {
  color: #3a3a3a !important;
  font-size: 0.86rem !important;
  line-height: 1.55 !important;
}

.gdpr_notice .gdpr_title.item {
  color: var(--dil-black, #000) !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.gdpr_notice span.gdpr_number {
  background: var(--dil-black, #000) !important;
  color: #fff !important;
  border-radius: 0 !important;
}

.gdpr_notice .gdpr_button {
  bottom: 1.15rem !important;
}

.gdpr_notice .gdpr_btn_accept {
  background: var(--dil-black, #000) !important;
  border-color: var(--dil-black, #000) !important;
  color: #fff !important;
}

.gdpr_notice .gdpr_btn_accept:hover {
  background: var(--dil-yellow, #fccf27) !important;
  border-color: var(--dil-yellow, #fccf27) !important;
  color: var(--dil-black, #000) !important;
}

.gdpr_notice .gdpr_btn_decline {
  border-color: var(--dil-line, #ddd8ce) !important;
  color: var(--dil-ink, #151515) !important;
  background: #fff !important;
}

/* Checkboxes GDPR en formularios (registro / producto / newsletter) */
.gdpr_hook .custom-checkbox label,
.gdpr_hook.receive .custom-checkbox label {
  color: var(--dil-ink, #151515);
  font-size: 0.82rem;
  line-height: 1.45;
}

.gdpr_hook .custom-checkbox input[type='checkbox'] + span,
.gdpr_hook.receive .custom-checkbox input[type='checkbox'] + span {
  border: 1px solid var(--dil-line, #ddd8ce) !important;
  background: var(--dil-cream-soft, #fefcf7) !important;
  border-radius: 0 !important;
}

.gdpr_hook .custom-checkbox input[type='checkbox']:checked + span,
.gdpr_hook.receive .custom-checkbox input[type='checkbox']:checked + span {
  background: var(--dil-black, #000) !important;
  border-color: var(--dil-black, #000) !important;
  color: var(--dil-yellow, #fccf27) !important;
}

.gdpr_hook .alert.alert-info,
.gdpr_delete_my_data .alert.alert-info,
.gdpr_info .alert.alert-info {
  background-color: var(--dil-sand, #f7f4ee) !important;
  border-color: var(--dil-line, #ddd8ce) !important;
  color: var(--dil-ink, #151515) !important;
}

.ets_gdpr_pagination b {
  background-color: var(--dil-black, #000) !important;
  color: #fff !important;
}

.gdpr_personal .badge,
.ets-gdpr-panel .badge {
  background-color: var(--dil-black, #000) !important;
  border-radius: 0 !important;
}

/* Popup sign-in GDPR si aparece */
.ets_gdpr_popup,
.ets_gdpr_sign_in_popup {
  border-radius: 0 !important;
  font-family: var(--dil-font, Montserrat, system-ui, sans-serif);
}

/* ==========================================================================
   Tablet ≤ 991px
   ========================================================================== */

@media (max-width: 991px) {
  .gdpr_wrapper.footer .gpdr_content,
  .gdpr_wrapper.top .gpdr_content {
    padding: 0.9rem 1.1rem;
  }

  .gdpr_wrapper.footer .gdpr_title > span,
  .gdpr_wrapper.top .gdpr_title > span {
    font-size: 0.8rem !important;
  }
}

/* ==========================================================================
   Móvil ≤ 767px
   ========================================================================== */

@media (max-width: 767px) {
  .gdpr_wrapper.footer .gpdr_content,
  .gdpr_wrapper.top .gpdr_content {
    flex-direction: column;
    align-items: stretch;
    padding: 0.95rem 0.9rem 1.05rem;
  }

  .gdpr_wrapper.footer .gdpr_title,
  .gdpr_wrapper.top .gdpr_title,
  .gdpr_wrapper.footer .gdpr_welcome,
  .gdpr_wrapper.top .gdpr_welcome {
    flex-direction: column;
    align-items: stretch;
  }

  .gdpr_wrapper.footer .gdpr_button,
  .gdpr_wrapper.top .gdpr_button {
    width: 100%;
  }

  .gdpr_wrapper.footer .gdpr_btn_accept,
  .gdpr_wrapper.top .gdpr_btn_accept,
  .gdpr_wrapper.footer .gdpr_btn_decline,
  .gdpr_wrapper.top .gdpr_btn_decline {
    width: 100% !important;
    text-align: center;
  }

  .gdpr_notice .gdpr_notice_wap {
    padding: 3.75rem 1rem 4.5rem !important;
  }
}