/* ============================================================
 * europet-header.css
 * Europet modular CSS
 * ============================================================ */

/* === Menú móvil / mega menú / filtros especiales === */
/* Píldoras para filtros especiales */
.off-canvas .menu-item.tag-special > a {
  display:inline-block;
  padding:4px 10px;
  border:1px solid #e6e6e6;
  border-radius:999px;
  margin:4px 6px 8px 0;
  font-size:14px;
}
.off-canvas .menu-item.tag-special > a::before { content:"✔ "; }

/* --- Mega menú (desktop): destacar "Sin granos / Sin pollo" como filtros --- */
@media (min-width: 850px){
  .header .nav-dropdown .menu-item.tag-special {
    display: inline-block;
    margin-right: 6px;
  }
  .header .nav-dropdown .menu-item.tag-special > a{
    display: inline-block;
    padding: 4px 10px;
    border: 1px solid #e6e6e6;
    border-radius: 999px;
    line-height: 1.2;
    font-size: 13px;
  }
  .header .nav-dropdown .menu-item.tag-special > a::before{
    content: "✔ ";
    margin-right: 4px;
  }
}

/* Opcional: mejorar legibilidad de columnas del mega menú */
@media (min-width: 850px){
  .header .nav-dropdown{
    background: #fff;
  }
  .header .nav-dropdown .row > .col:not(:last-child){
    border-right: 1px solid #eee;
  }
}

/* === Top bar antiguo europet-topship legacy === */
/* Top bar: agrandar y hacer clickeable todo el bloque */
.header-top a.europet-topship{
  display:block;
  width:100%;
  text-align:center;
  padding:6px 10px;
  text-decoration:none;
  font-weight:650;
  line-height:1.15;
}

/* Móvil */
@media (max-width: 849px){
  .header-top a.europet-topship{
    font-size:15px;
  }
}

/* Solo desktop */
@media (min-width: 850px){
  .header-top a.europet-topship,
  .top-bar a.europet-topship{
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2;
    padding: 8px 12px;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
  }
}

/* === Header top bar actual === */
/* ============================================================
 * EUROPET - Header top bar
 * Texto superior de despacho
 * ============================================================ */

.ep-header-top-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 7px 12px !important;
  color: #251735 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-align: center;
  text-decoration: none !important;
  letter-spacing: 0.01em;
}

.ep-header-top-link:hover {
  color: #6f45ad !important;
  text-decoration: none !important;
}

.ep-top-mobile {
  display: none;
}

/* Tablet / móvil */
@media (max-width: 849px) {
  .ep-header-top-link {
    padding: 6px 8px !important;
    font-size: 13.5px !important;
    line-height: 1.15 !important;
    white-space: nowrap;
  }

  .ep-top-desktop {
    display: none;
  }

  .ep-top-mobile {
    display: inline;
  }
}

/* Celulares chicos */
@media (max-width: 420px) {
  .ep-header-top-link {
    font-size: 13px !important;
  }
}