/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.6.1.1760324126
Updated: 2025-10-13 02:55:26

*/

/* === Ajuste del header de Storefront === */

/* Hacer que el header use flexbox */
.site-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Mantener el logo a la izquierda */
.site-branding {
  order: 1;
}

/* Mover el menú al extremo derecho */
.storefront-primary-navigation {
  order: 2;
  margin-left: auto;
}

/* Alinear el contenido del menú */
.main-navigation {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* Ajustar separación y estética general */
.site-header .storefront-primary-navigation ul.menu {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-header {
  padding: 10px 30px;
}