/**
 * Moquetas Feriales — ajustes sobre los CSS originales de la 1.5 (assets/css15/) para el HTML de PrestaShop 9.
 * Las páginas reproducidas con el HTML de la 1.5 (portada, categorías, fichas, CMS, búsqueda...) se ven solo con
 * los CSS de la 1.5; aquí van los retoques para las partes que siguen siendo de PrestaShop 9 (carrito, pedido,
 * cuenta, formularios) y las pequeñas diferencias de marcado.
 */

/* Elementos que la 1.5 ocultaba con su CSS y que el JavaScript de esta versión muestra u oculta */
.hidden { display: none; }
#more_info_sheets .block_hidden_only_for_screen { display: none; }

/* Zoom de la imagen grande (jqzoom): la ventana se coloca respecto al bloque de la imagen */
#view_full_size { position: relative; display: block; }
div.zoomdiv img.bigimg { max-width: none; }

/* Ventana de ampliación (fancybox 1.3): posición absoluta sobre la página */
#fancybox-wrap { position: absolute; z-index: 1101; padding: 20px; display: none; }
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; }
#fancybox-img { display: block; cursor: pointer; }

/* Botón "Añadir al carrito" de la portada: <button> en lugar del <a> de la 1.5, mismo aspecto */
#featured-products_block_center form.mf-anadir { display: inline; margin: 0; padding: 0; }
#featured-products_block_center button.exclusive {
  cursor: pointer;
  font-family: Arial, Verdana, sans-serif;
}

/* La columna izquierda se oculta en las mismas páginas que en la 1.5: lo hace global.css por el id del <body>
   (layout-both-columns.tpl pone el de la 1.5: "order" en el carrito y el pedido, etc.). Los pagos de PS 9: */
body#module-ps_wirepayment-payment #left_column, body#module-ps_checkpayment-payment #left_column { display: none; }
body#module-ps_wirepayment-payment #center_column, body#module-ps_checkpayment-payment #center_column { width: 757px; }

/* Si en alguna página se carga el CSS de classic, que no cambie la cabecera, las columnas ni el pie de la 1.5 */
body { background: #fff; font-family: Arial, Verdana, sans-serif; }
#page.container_9 { width: 980px; max-width: none; padding: 0; margin: 0 auto; }
#header, #header *, #columns > .column, #columns > .column *, #footer, #footer * { box-sizing: content-box; }
#header a, #footer a, #left_column a, #right_column a { text-decoration: none; }
#header img, #footer img, #left_column img, #right_column img { max-width: none; }

/* Botón de menú para móvil (moquetas-movil.css): en escritorio no se ve */
#mf-boton-menu { display: none; }