/*
Theme Name: Miñu 2.0
Version: 1.3
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap');

*{box-sizing:border-box}
body{margin:0;font-family:'Inter',sans-serif;background:#F9F7F3;color:#1E1E1E}
a{text-decoration:none}

/* Header */
.mi-header{position:sticky;top:0;z-index:120;background:#fff;border-bottom:1px solid #eee}
.container.flex-between{max-width:1240px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{position:relative;display:inline-block}
.logo img{height:46px;width:auto;display:block}
.main-menu{list-style:none;display:flex;gap:24px;margin:0;padding:0}
.main-menu a{font-family:'Poppins',sans-serif;font-weight:600;font-size:1rem;color:#222}
.main-menu a:hover{color:#FF5B2E}
.mi-menu-toggle{display:none;border:1px solid #ddd;background:#fff;border-radius:10px;padding:6px 10px;font-size:20px;line-height:1;cursor:pointer}
.mi-header-actions{display:flex;align-items:center;gap:12px}
.mi-header-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid #eee;background:#fff;color:#222;font-size:19px;position:relative}
.mi-header-icon:hover{border-color:#FF5B2E}
#miu-cart-count{position:absolute;top:-6px;right:-6px;background:#FF5B2E;color:#fff;font-size:11px;line-height:1;padding:4px 5px;border-radius:999px;min-width:18px;text-align:center}

.hero{background:#FF5B2E;color:#fff;text-align:center;padding:128px 20px 92px}
.hero h1{font-family:'Poppins',sans-serif;font-size:clamp(2rem,4vw,3rem);margin:0 0 10px}
.hero p{margin:0 0 24px;font-size:1.1rem}
.cta{display:inline-block;background:#fff;color:#FF5B2E;padding:10px 22px;border-radius:999px;font-weight:600}

/* Contenedor uniforme (sin tocar la tienda, que ya estaba bien) */
main.page-content,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce{
  max-width:1240px;
  margin:34px auto;
  padding:0 20px;
}

/* Woo general */
.woocommerce-breadcrumb{display:none!important}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:12px}

/* Igualar categorías (Mujer/Hombre/Peques/Accesorios) al estilo Tienda */
.tax-product_cat .site-main.woocommerce-products,
.main-content .product-section{max-width:1240px !important;margin:0 auto !important;padding:0 5% !important}

.tax-product_cat ul.products,
.main-content .product-section .woocommerce ul.products,
.main-content .product-section .woocommerce ul.products[class*="columns-"]{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  gap:24px !important;
  width:100% !important;
  clear:both !important;
  margin:26px 0 0 !important;
  padding:0 !important;
}

.tax-product_cat ul.products li.product,
.main-content .product-section .woocommerce ul.products li.product{
  flex:0 0 calc(25% - 18px) !important;
  width:calc(25% - 18px) !important;
  max-width:calc(25% - 18px) !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
}

/* Evitar que result-count/ordering desplacen la primera fila */
.main-content .product-section .woocommerce-result-count,
.main-content .product-section .woocommerce-ordering{
  float:none !important;
  display:inline-block;
}
.main-content .product-section .woocommerce-result-count{margin-right:20px}
.main-content .product-section .woocommerce ul.products{clear:both !important}

.tax-product_cat .woocommerce-result-count,
.tax-product_cat .woocommerce-ordering,
.main-content .product-section .woocommerce-result-count,
.main-content .product-section .woocommerce-ordering{
  margin-top:22px !important;
  margin-bottom:20px !important;
}

.main-content .product-section .section-title{
  max-width:1240px;
  margin:0 auto;
  padding:14px 0 0;
}

/* Carrito integrado */
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table,
.woocommerce-account .woocommerce-MyAccount-content{
  border-radius:14px;overflow:hidden;background:#fff
}
.woocommerce-cart .cart-collaterals,
.woocommerce-checkout #order_review,
.woocommerce-account .woocommerce-MyAccount-navigation{
  background:#fff;border-radius:14px;padding:18px
}
.woocommerce-cart .coupon{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.woocommerce-cart .coupon input{min-width:220px;max-width:300px;padding:11px 12px;border-radius:10px;border:1px solid #ddd}

/* Botones */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #place_order,
.woocommerce button.button,
.woocommerce a.button,
.woocommerce input.button{background:#FF5B2E!important;color:#fff!important;border-radius:999px!important;border:0!important;padding:12px 20px!important}

/* Checkout limpio (forzado para evitar layout arrinconado) */
.woocommerce-checkout form.checkout{display:block !important;max-width:1240px;margin:0 auto !important}
.woocommerce-checkout .col2-set{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr) !important;gap:32px !important;width:100% !important;align-items:start !important}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{float:none !important;width:100% !important;max-width:none !important;margin:0 !important;clear:none !important}
.woocommerce-checkout .col2-set .col-1{grid-column:1 !important;order:1 !important}
.woocommerce-checkout .col2-set .col-2{grid-column:2 !important;order:2 !important}
.woocommerce-checkout #customer_details{width:100% !important;float:none !important;margin:0 !important}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review{width:100% !important;float:none !important;background:#fff;padding:20px;border-radius:14px}
.woocommerce-checkout #order_review_heading{margin-top:0 !important}
.woocommerce-checkout #order_review{position:sticky;top:110px}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{border:1px solid #d8d8d8;border-radius:10px;padding:11px}

/* Checkout heading + pasos */
.mi-checkout-wrap{max-width:1200px;margin:35px auto;padding:0 20px}
.mi-checkout-title{font-family:'Poppins',sans-serif;color:#FF5B2E;text-align:center;margin:0 0 12px}
.mi-checkout-steps{display:flex;justify-content:center;gap:10px;margin:0 0 24px;font-family:'Poppins',sans-serif;flex-wrap:wrap}
.mi-checkout-steps .step{background:#FFE3DA;color:#C54B24;padding:8px 14px;border-radius:999px}
.mi-checkout-steps .step.active{background:#FF5B2E;color:#fff}
.mi-checkout-steps .step.active-soft{background:#FFE3DA;color:#C54B24}

/* Confirmación de pedido más centrada y limpia */
.woocommerce-order-received .woocommerce-order,
.woocommerce-order-received .woocommerce-notice,
.woocommerce-order-received .woocommerce-order-overview,
.woocommerce-order-received .woocommerce-thankyou-order-received{max-width:860px;margin-left:auto;margin-right:auto;text-align:center}

/* Footer distribuido */
.footer{margin-top:70px;background:linear-gradient(135deg,#2B2D34,#1f2127);color:#fff}
.footer-content{max-width:1240px;margin:0 auto;padding:48px 22px;display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:34px}
.cta-footer{grid-column:1/-1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:24px}
.cta-footer h3{margin:0 0 8px;font-family:'Poppins',sans-serif;color:#ff7d57}
.cta-description{margin:0 0 12px;color:#ddd}
.newsletter-form{display:flex;gap:10px;max-width:560px}
.email-input{flex:1;padding:11px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#222}
.subscribe-btn{padding:11px 16px;border:none;border-radius:10px;background:#FF5B2E;color:#fff;font-weight:600;cursor:pointer}
.footer-links{display:flex;gap:40px;justify-content:space-between}
.footer-column h4,.social-section h4{margin:0 0 12px;font-family:'Poppins',sans-serif}
.footer-column ul{margin:0;padding:0;list-style:none}
.footer-column li{margin:0 0 8px}
.footer-column a,.social-link{color:#ddd}
.footer-column a:hover,.social-link:hover{color:#fff}
.social-links{display:flex;flex-direction:column;gap:10px}
.social-link{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.bottom-footer{border-top:1px solid rgba(255,255,255,.12);padding:14px 20px}
.footer-bottom-content{max-width:1240px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:12px}

@media (max-width: 980px){
  .logo img{height:40px}
  .mi-menu-toggle{display:inline-flex;align-items:center;justify-content:center}
  .main-nav{position:absolute;left:0;right:0;top:64px;background:#fff;border-top:1px solid #eee;display:none;padding:10px 20px;z-index:130}
  .main-nav.open{display:block}
  .main-menu{flex-direction:column;gap:12px}
  .main-menu a{font-size:1rem;display:block;padding:8px 0}

  /* Checkout totalmente lineal en tablet/móvil */
  .woocommerce-checkout form.checkout,
  .woocommerce-checkout .col2-set{display:block !important}
  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2,
  .woocommerce-checkout #customer_details,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{
    width:100% !important;
    max-width:100% !important;
    float:none !important;
    clear:both !important;
    margin:0 0 14px 0 !important;
  }
  .woocommerce-checkout #order_review{position:static !important}
  .woocommerce form .form-row-first,
  .woocommerce form .form-row-last{width:100% !important;float:none !important}

  .tax-product_cat ul.products li.product,
  .main-content .product-section .woocommerce ul.products li.product{flex:0 0 calc(50% - 12px) !important;max-width:calc(50% - 12px) !important;width:calc(50% - 12px) !important}
  .footer-content{grid-template-columns:1fr}
  .footer-links{flex-direction:column;gap:18px}
}

@media (max-width: 560px){
  .container.flex-between{padding:10px 14px}
  .mi-header-actions{gap:8px}
  .mi-header-icon{width:36px;height:36px;font-size:16px}
  .tax-product_cat ul.products li.product,
  .main-content .product-section .woocommerce ul.products li.product{flex:0 0 100% !important;max-width:100% !important;width:100% !important}
}