/* brand-hub.css — e-Potion.ro */

:root {
  --ep-brand-dark:         #0d1117;
  --ep-brand-green:        #27ae60;
  --ep-brand-border:       #e5e7eb;
  --ep-brand-border-hover: #9ca3af;
  --ep-brand-muted:        #6b7280;
  --ep-brand-lighter:      #9ca3af;
  --ep-brand-radius:       10px;
  --ep-brand-shadow:       0 1px 6px rgba(0,0,0,.08);
  --ep-brand-shadow-h:     0 4px 20px rgba(0,0,0,.14);
  --ep-brand-trans:        .18s ease;
  --ep-badge-own-bg:  #d4edda; --ep-badge-own-fg:  #155724;
  --ep-badge-con-bg:  #d1ecf1; --ep-badge-con-fg:  #0c5460;
  --ep-badge-dist-bg: #f0f0f0; --ep-badge-dist-fg: #4b5563;
}

/* Main wrapper — no sidebar, full width */
.ep-brand-hub-main { width: 100%; }
.ep-brand-hub-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px 72px; box-sizing: border-box; }

/* Hero */
.ep-brand-hub__hero { background:#0d1117; border-radius:12px; padding:48px 32px 40px; margin:24px 0 44px; color:#fff; text-align:center; }
.ep-brand-hub__h1 { font-size:clamp(1.4rem,2.5vw,2rem); font-weight:700; margin:0 0 12px; color:#fff; line-height:1.3; }
.ep-brand-hub__subtitle { font-size:.95rem; line-height:1.7; color:rgba(255,255,255,.72); max-width:580px; margin:0 auto 18px; }
.ep-brand-hub__hero-stats { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; }
.ep-brand-hub__stat { font-size:.85rem; color:rgba(255,255,255,.55); }
.ep-brand-hub__stat strong { color:#fff; font-weight:700; }
.ep-brand-hub__stat--sep { opacity:.3; }

/* Sections */
.ep-brand-hub__section { margin-bottom:52px; }
.ep-brand-hub__section-head { border-bottom:2px solid var(--ep-brand-border); padding-bottom:12px; margin-bottom:20px; }
.ep-brand-hub__section--ro .ep-brand-hub__section-head { border-bottom-color:var(--ep-brand-green); }
.ep-brand-hub__section-title { font-size:1.15rem; font-weight:700; color:#111; margin:0 0 5px; }
.ep-brand-hub__section-desc { font-size:.85rem; color:var(--ep-brand-muted); margin:0; line-height:1.5; }
.ep-brand-hub__flag { margin-right:5px; }

/* Grids */
.ep-brand-grid--ro  { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:14px; }
.ep-brand-grid--int { display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:12px; }
.ep-brand-grid      { display:grid; grid-template-columns:repeat(auto-fill,minmax(140px,1fr)); gap:12px; }

/* Tablet */
/* Mobile */
@media (max-width:768px) {
  .ep-brand-hub__hero { padding:28px 16px; }
  .ep-brand-hub__h1   { font-size:1.25rem; }
  .ep-brand-hub-wrap  { padding:0 14px 48px; }
  .ep-brand-grid--ro  { grid-template-columns:repeat(2,1fr); gap:10px; }
  .ep-brand-grid--int { grid-template-columns:repeat(3,1fr); gap:10px; }
}
@media (max-width:480px) {
  .ep-brand-grid--ro, .ep-brand-grid--int { grid-template-columns:repeat(2,1fr); gap:8px; }
}

/* Brand Card */
.ep-brand-card { display:flex; flex-direction:column; align-items:center; text-align:center; background:#fff; border:1px solid var(--ep-brand-border); border-radius:var(--ep-brand-radius); padding:16px 10px 12px; text-decoration:none !important; color:inherit !important; box-shadow:var(--ep-brand-shadow); gap:7px; min-height:140px; justify-content:space-between; transition:box-shadow var(--ep-brand-trans),border-color var(--ep-brand-trans),transform var(--ep-brand-trans); }
.ep-brand-card:hover { box-shadow:var(--ep-brand-shadow-h); border-color:var(--ep-brand-border-hover); transform:translateY(-2px); }

.ep-brand-card__logo { width:100%; height:54px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.ep-brand-card__logo img { max-width:100%; max-height:54px; width:auto; height:auto; object-fit:contain; filter:grayscale(15%); transition:filter var(--ep-brand-trans); }
.ep-brand-card:hover .ep-brand-card__logo img { filter:grayscale(0%); }
.ep-brand-card__text-logo { font-size:.72rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#111; word-break:break-word; }

.ep-brand-card__meta  { display:flex; flex-direction:column; align-items:center; gap:4px; width:100%; }
.ep-brand-card__name  { font-size:.78rem; font-weight:600; color:#111; display:block; line-height:1.3; }
.ep-brand-card__count { font-size:.7rem; color:var(--ep-brand-lighter); }
.ep-brand-card__cta   { font-size:.7rem; font-weight:600; color:var(--ep-brand-green); opacity:0; transition:opacity var(--ep-brand-trans); white-space:nowrap; }
.ep-brand-card:hover .ep-brand-card__cta { opacity:1; }

/* Badges */
.ep-brand-badge { display:inline-block; font-size:.6rem; font-weight:700; letter-spacing:.03em; text-transform:uppercase; padding:2px 6px; border-radius:20px; line-height:1.6; white-space:nowrap; }
.ep-brand-badge--own      { background:var(--ep-badge-own-bg);  color:var(--ep-badge-own-fg); }
.ep-brand-badge--contract { background:var(--ep-badge-con-bg);  color:var(--ep-badge-con-fg); }
.ep-brand-badge--dist     { background:var(--ep-badge-dist-bg); color:var(--ep-badge-dist-fg); }

/* Individual term page */
.ep-brand-term-page__title { font-size:clamp(1.3rem,3vw,1.9rem); font-weight:700; margin:0 0 8px; }
.ep-brand-term-page__desc  { font-size:.95rem; line-height:1.7; color:var(--ep-brand-muted); max-width:70ch; }
.ep-brand-term-page__products { margin-top:20px; }

/* H3 reset — brand names inside cards */
h3.ep-brand-card__name {
  margin: 0;
  padding: 0;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.3;
  color: #111;
}