/* ===============================
   CATEGORY GRID – ICON TOP / TEXT BELOW
================================ */

.dd-cat-grid{
  display:grid;
  grid-template-columns:repeat(var(--dd-cols,5), minmax(0,1fr));
  gap:20px;
}

.dd-cat-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding:20px 14px;
  border:1px solid rgba(0,0,0,.1);
  border-radius:14px;
  text-decoration:none;
  text-align:center;

  transition:.2s ease;
}

.dd-cat-item:hover{
  border-color: rgba(0,0,0,.3);
  transform: translateY(-3px);
}

/* BIG ICON */
.dd-cat-icon{
  font-size:42px;
  line-height:1;
  margin-bottom:4px;
}

.dd-cat-item:hover .dd-cat-icon{
  color:#000000/* black */
}

.dd-cat-icon-img{
  width:44px;
  height:44px;
  object-fit:contain;
  margin-bottom:4px;
}

/* CATEGORY NAME */
.dd-cat-name{
  font-weight:700;
  font-size:18px;
}

/* COUNT BELOW NAME */
.dd-cat-count{
  font-size:12px;
  opacity:.65;
}


/* ===============================
   PARTNERS GRID
================================ */

.dd-partners-wrap {
  margin-top: 10px;
}

.dd-partners-title{
  margin: 0 0 6px;
}

.dd-partners-count{
  margin: 0 0 14px;
  opacity: .75;
}

.dd-partners-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

/* ===============================
   PARTNER CARD (CENTERED)
================================ */

.dd-partner-card{
  border:1px solid rgba(0,0,0,.1);
  border-radius:12px;
  padding:16px;

  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;

  transition:.2s;
}

.dd-partner-card:hover{
  transform: translateY(-2px);
  border-color: rgba(0,0,0,.3);
}

/* ===============================
   PARTNER LOGO
================================ */

.dd-partner-logo{
  min-height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:12px;
}

.dd-partner-logo img{
  max-width:320px;
  max-height:160px;
  width:auto;
  height:auto;
  object-fit:contain;
}

.dd-partner-logo-placeholder{
  width:150px;
  height:150px;
  background:#000;
  color:#fff;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:700;
  font-size:16px;
  line-height:1.3;
  letter-spacing:.5px;
  text-transform:uppercase;
}

/* ===============================
   PARTNER COMPANY NAME
================================ */

.dd-partner-company{
  font-weight:700;
  margin-bottom:12px;
}

/* ===============================
   BUTTON
================================ */

.dd-partner-card .dd-more-info{
  margin-top:auto;
  min-width:140px;
}

/* ===============================
   OPTIONAL ROWS (IF USED)
================================ */

.dd-partner-row{
  margin:6px 0;
}

.dd-partner-address{
  opacity:.8;
  font-size:14px;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 1024px){
  .dd-cat-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .dd-partners-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .dd-cat-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .dd-cat-item{
    padding: 14px 10px;
  }
  .dd-cat-icon{
    font-size: 32px;
  }
  .dd-cat-name{
    font-size: 14px;
  }
  .dd-partners-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 400px){
  .dd-partners-grid{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/* Make logo + name link clean */
.dd-partner-link{
  display:block;
  text-decoration:none;
  color:inherit;
}

/* Subtle hover feedback */
.dd-partner-link:hover .dd-partner-company{
  text-decoration: underline;
}

/* Optional: logo hover polish */
.dd-partner-link:hover img{
  transform: scale(1.03);
}

/* Smooth hover animation */
.dd-partner-logo img{
  transition: transform .2s ease;
}