/* UX fixes móvil/tablet — migrado del snippet HFCM #7 "Dynasty Quick Fixes UX móvil
   (Digisap 2026-10-28, v3)" al tema el 2026-11-09. Se carga en todas las páginas. */


/* Botón Accept del aviso de cookies: contraste 2,93:1 -> 19,8:1 */
#cookie-notice #cn-accept-cookie{background:#0A0A0A!important;color:#FFFFFF!important;min-height:44px;padding:0 18px!important;font-size:14px!important;border-radius:0!important}

/* Barra fija de reserva (solo móvil; la crea el JS) */
#dy-sticky{display:none}

@media (max-width:767px){
  /* Quita el hueco bajo la foto de la ficha (min-height:400px del tema) */
  .dynasty-single__media{min-height:0!important}
  .dynasty-single__form-box{padding:16px!important}
  .dynasty-single__form-box .dlr-booking-wrap{margin-top:12px!important}

  /* Área táctil del carrito: 30 px -> 44 px */
  .dynasty-header__cart{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}

  /* Aviso de cookies más compacto */
  #cookie-notice .cookie-notice-container{padding:10px 12px!important;font-size:13px!important;line-height:1.35!important}

}

/* v2: barra fija también en tablet vertical (hasta 1023 px) */
@media (max-width:1023px){
  #dy-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:99998;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#FFFFFF;border-top:1px solid #E5E5E5;
    box-shadow:0 -12px 24px -16px rgba(10,10,10,.35);transform:translateY(0);transition:transform .25s ease,opacity .25s ease;font-family:Raleway,system-ui,sans-serif}
  #dy-sticky.dy-hidden{transform:translateY(110%);opacity:0;pointer-events:none}
  #dy-sticky .dy-sticky__info{display:flex;flex-direction:column;min-width:0}
  #dy-sticky .dy-sticky__title{font:600 13px/1.25 Montserrat,system-ui,sans-serif;color:#0A0A0A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #dy-sticky .dy-sticky__price{font:700 17px/1.2 Montserrat,system-ui,sans-serif;color:#0A0A0A}
  #dy-sticky .dy-sticky__btn{flex:0 0 auto;min-height:48px;padding:0 18px;border:0;background:#D4AF37;color:#0A0A0A;
    font:700 13px/1 Montserrat,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;max-width:58%}
  #dy-sticky .dy-sticky__btn:active{transform:scale(.98)}
  #dy-sticky .dy-sticky__btn:focus-visible{outline:2px solid #0A0A0A;outline-offset:2px}
  #dy-sticky .dy-sticky__btn--wa{background:#25D366}

  /* Burbuja de WhatsApp sube cuando la barra está visible */
  body.dy-bar-on .qlwapp__container{bottom:calc(var(--dy-bar-h,76px) + 8px)!important;transition:bottom .25s ease}
  body.dy-bar-on{padding-bottom:var(--dy-bar-h,76px)}
}

/* v2: de 1024 a 1279 px el menú de escritorio no cabe y saca de pantalla "Reserve your drive" y el carrito.
   En ese rango se usa el menú hamburguesa que el tema ya trae para tablet. */
@media (min-width:1024px) and (max-width:1279px){
  .dynasty-header__nav{display:none!important}
  .dynasty-header__burger{display:flex!important}
  .dynasty-mobile-menu:not([hidden]){display:block!important}
}

/* v2: desde 768 px el campo de fecha de entrega se salía del formulario (en 1024 px quedaba cortado).
   Las columnas se reparten el ancho y bajan solas cuando no caben. */
@media (min-width:768px){
  .dlr-booking-form .dlr-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important}
  .dlr-booking-form .dlr-row > *{min-width:0}
  .dlr-booking-form .dlr-row .dlr-input{max-width:100%;box-sizing:border-box}
}

/* Texto de ayuda bajo botones deshabilitados (mansión y yate) */
.dy-help{display:block;margin-top:8px;font-size:13px;line-height:1.4;color:#C0C0C0;text-align:center}