/* =========================================================
   Anmile Menu – CSS completo (layout horizontal del print)
   ========================================================= */

/* ===== Tokens de marca ===== */
:root{
  --anm-forest:#213F32;
  --anm-moss:#6B8B6E;
  --anm-sand:#D8C4A0;
  --anm-warm:#F8F7F4;
  --anm-walnut:#3A2E25;
  --anm-terra:#C07A45;
  --anm-terra-hover:#A96539;
  --anm-radius:14px;
  --anm-shadow:0 6px 20px rgba(33,63,50,.08);
}

/* ===== Layout general del menú ===== */
.anmile-menu-wrapper{ max-width:1100px; margin-inline:auto; padding:12px; }
.anmile-cat{ margin:18px 0 28px; }
.anmile-cat__header{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  border:1px solid var(--anm-sand); border-radius:12px; padding:10px 12px; background:#fff; margin-bottom: 15px;
}
.anmile-cat__title{
  margin:0; font-family:"Petrona", serif; color:var(--anm-forest); font-weight:700; font-size:1.3rem;
}
.anmile-cat__desc{ margin:0; font-family:"Rubik", system-ui, sans-serif; color:var(--anm-moss); font-size:.95rem; }

/* ===== Listado: columna única (como el print) ===== */
.anmile-grid{ display:flex; flex-direction:column; gap:14px; }

/* ===== Tarjeta horizontal ===== */
.anmile-card{
  position:relative; background:#fff; border:1px solid var(--anm-sand); border-radius:var(--anm-radius);
  box-shadow:var(--anm-shadow); padding:10px;
  display:flex; align-items:stretch; gap:14px; flex-wrap:wrap;
  transition:transform .15s ease, box-shadow .15s ease;
}
.anmile-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(33,63,50,.12); }

/* Media izquierda */
.anmile-card__media{
  flex:0 0 150px; height:150px;
  display:flex; align-items:center; justify-content:center;
  background:var(--anm-warm); border-radius:12px; overflow:hidden;
}
.anmile-card__img{ width:100%; height:100%; object-fit:cover; border-radius:12px; aspect-ratio:1/1; }

/* Contenido derecha */
.anmile-card__content {
    display: flex;
    flex-direction: column;
    width: 53%;
    margin-left:7px;
}
/* Header: name 100% arriba; abajo cat izq y price derecha */
.anmile-card__header{ display:flex; flex-wrap:wrap; align-items:center; column-gap:8px; margin-bottom:0px; }
.anmile-card__name{
  flex:0 0 100%; margin:0; font-family:"Petrona", serif; font-weight:600; color:var(--anm-forest);
  line-height:1.15; font-size:1.05rem;
}
.anmile-card__cat{ flex:0 0 27%; font-family:"Rubik", system-ui, sans-serif; font-size:15px; color:var(--anm-moss); }
.anmile-card__price{
  margin-left:auto; font-family:"Rubik", system-ui, sans-serif; font-weight:600; color:var(--anm-walnut);
  font-size:.95rem; white-space:nowrap;
}

/* Descripción en caja */
.anmile-card__desc{
  background:var(--anm-warm); border:1px solid var(--anm-sand); border-radius:10px;
  padding:8px 10px; color:var(--anm-walnut); font-family:"Rubik", system-ui, sans-serif;
  font-size:.9rem; line-height:1.35; margin: 6px 0px 4px 0px !important;
}

/* CTA ancho completo */
.anmile-card__cta{ flex:0 0 100%; }
.anmile-card__cta .button, .anmile-card .added_to_cart{
  width:100%; text-align:center; border-radius:18px; background:var(--anm-terra); border:1px solid var(--anm-terra);
  color:#fff; font-family:"Rubik", system-ui, sans-serif; font-weight:600; padding:12px 16px;
  transition:background .15s ease, transform .06s ease;
}
.anmile-card__cta .button:hover{ background:var(--anm-terra-hover); }
.anmile-card__cta .button:active{ transform:translateY(1px); }

/* Opcional: badge */
.anmile-card__badge{
  position:absolute; top:12px; left:12px; background:rgba(208,77,77,.95); color:#fff;
  font-family:"Rubik",sans-serif; font-size:.78rem; padding:6px 10px; border-radius:12px;
}

/* Toast (si usas el JS) */
.anmile-toast{
  position:fixed; left:50%; bottom:22px; transform:translateX(-50%) translateY(12px);
  background:var(--anm-forest); color:#fff; padding:10px 14px; border-radius:14px;
  box-shadow:var(--anm-shadow); opacity:0; transition:all .18s ease; z-index:9999;
  font-family:"Rubik",sans-serif; font-size:.9rem;
}
.anmile-toast.show{ opacity:1; transform:translateX(-50%) translateY(0); }

/* Responsive */
@media (max-width:640px){
  .anmile-card{ gap:10px; }
  .anmile-card__media{ flex:0 0 120px; height:120px; }
  .anmile-card__cat{ flex:0 0 50%; }
  .anmile-card__price{ font-size:.92rem; }
}