/* === Enhanced Link Style === */

/* Link cards - cleaner rounded style with glass effect */
.default-link-comp {
  border-radius: 18px !important;
  padding: 10px 20px 10px 10px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(var(--comp-rgb), 0.85) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15),
              inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease;
  height: auto !important;
  min-height: 68px;
}

.default-link-comp:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25),
              inset 0 1px 0 rgba(255, 255, 255, 0.15);
  background: rgba(var(--comp-rgb), 0.95) !important;
}

/* Link images - consistent rounded squares */
.default-link-comp-image-con {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px;
  border-radius: 14px !important;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.default-link-comp-image-con img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 14px !important;
  object-fit: cover;
}

/* Link text styling */
.default-link-comp-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.default-link-comp-text h2 {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
}

/* Contact/Email component */
.default-contact-comp {
  border-radius: 18px !important;
  padding: 10px 15px 10px 10px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(var(--comp-rgb), 0.85) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15),
              inset 0 1px 0 rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.3s ease;
  height: auto !important;
  min-height: 68px;
}

.default-contact-comp:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
}

.default-contact-comp-image-con {
  width: 50px !important;
  height: 50px !important;
  min-width: 50px;
  border-radius: 14px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.default-contact-comp-btn {
  border-radius: 12px !important;
  padding: 6px 14px !important;
  font-size: 13px !important;
  font-weight: 600;
  transition: all 0.2s ease;
}

/* Separator/Divider - subtle gradient line */
.default-dvider-con {
  padding: 5px 30px !important;
}

.default-dvider {
  height: 2px !important;
  border-radius: 2px !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(var(--comp-rgb), 0.6),
    rgba(var(--comp-rgb), 0.8),
    rgba(var(--comp-rgb), 0.6),
    transparent
  ) !important;
}

/* Title styling */
.default-title-con {
  padding: 5px 0 !important;
}

.default-title {
  font-size: 14px !important;
  letter-spacing: 1px;
  opacity: 0.9;
}

/* Social media icons */
.sm-con {
  gap: 14px !important;
}

.sm-con a {
  transition: all 0.3s ease;
}

.sm-con a:hover {
  transform: translateY(-3px) scale(1.1);
}

/* User info section */
.user-contact-wrapper {
  margin-bottom: 5px;
}