/*
Theme Name: Shoptimizer Child Theme
Theme URI: 
Description: Child theme of Shoptimizer
Author: CommerceGurus
Author URI: 
Template: shoptimizer
Version: 1.2.2.5
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html
*/


/* ===== GRID DE MARCAS (responsive con auto-fit) ===== */
.oaseeds-brand-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

/* Responsive refinado */
@media (max-width: 360px) {
  .oaseeds-brand-grid {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 16px;
  }
}
@media (min-width: 1200px) {
  .oaseeds-brand-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

/* ===== TARJETAS DE MARCA ===== */
.oaseeds-brand-card {
  display: grid;
  grid-template-rows: 1fr auto;   /* Logo arriba centrado + Nombre fijo abajo */
  align-items: center;
  text-align: center;
  text-decoration: none;
  padding: 14px;
  border: 1px solid #eee;
  border-radius: 10px;
  background: #fff;
  height: 100%;                  /* asegura que todas las tarjetas se estiren */
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.oaseeds-brand-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  border-color: #e5e5e5;
}

/* ===== LOGO ===== */
.oaseeds-brand-media {
  display: grid;
  place-items: center;          /* centra vertical + horizontal */
  min-block-size: 110px;        /* alto mínimo uniforme */
}
.oaseeds-brand-logo {
  max-inline-size: 140px;       /* ancho máximo */
  max-block-size: 90px;         /* alto máximo */
  inline-size: 100%;
  block-size: auto;
  object-fit: contain;          /* asegura que no se deforme */
}

/* ===== PLACEHOLDER SI NO HAY LOGO ===== */
.oaseeds-brand-placeholder {
  display: inline-grid;
  place-items: center;
  inline-size: 100px;
  block-size: 100px;
  border-radius: 14px;
  border: 1px solid #e8e8e8;
  background: #fafafa;
  font-weight: 700;
  font-size: 36px;
  color: #777;
}

/* ===== NOMBRE ===== */
.oaseeds-brand-name {
  margin-top: 12px;
  font-weight: 600;
  font-size: 0.95rem;
  color: #111;
  overflow: hidden;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* limita a 2 líneas si es muy largo */
  -webkit-box-orient: vertical;
}