/* Styles for Contact Details Section */
#contact-section {
    /* Inherits base styling from #home-section, #about-section etc. in _home-content.css */
}

#contact-section .home-content {
    /* Inherits main styles from _home-content.css */
    text-align: left; /* Override center alignment for lists and paragraphs */
}

#contact-section .section-title {
    /* Inherits from _home-content.css */
     text-align: center; /* Keep title centered */
}

#contact-section .tagline {
    /* Inherits from _home-content.css */
     text-align: center; /* Keep tagline centered */
}

.contact-category {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.1);
}

.contact-category h3 {
    font-size: 1.4rem;
    color: #00ffaa; /* Highlight color */
    margin-top: 0;
    margin-bottom: 1.2rem;
    text-shadow: none;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
    font-weight: 600;
    text-align: left;
}

.contact-category ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-category li {
  font-size: 1rem;
  color: #e0e0e0;
  line-height: 1.6;
  margin-bottom: 0.8rem;
  position: relative;
  padding-left: 2rem; /* Increased padding for emoji */
  word-break: break-word; /* Prevent long emails/links from breaking layout */
  display: flex; /* Use flexbox for better alignment */
  align-items: flex-start;
}

.contact-category li::before {
  content: '•'; /* Default bullet or icon */
  position: absolute;
  left: 0;
  color: #00aaff; /* Adjust icon color */
  font-size: 1.2rem;
  line-height: 1.6;
  top: 0;
  width: 1.5rem; /* Fixed width for icon area */
  text-align: center;
}

.contact-category li a {
    color: #e0e0e0; /* Default link color */
    text-decoration: none;
    transition: color 0.3s ease;
}

.contact-category li a:hover {
    color: #00ffaa; /* Highlight color on hover */
    text-decoration: underline;
}

/* Specific icons for list items based on content or parent */
.contact-category.general li::before { content: 'ℹ️'; color: #aab; font-size: 1.1rem; top: 0.1rem; }
.contact-category.account li::before { content: '💰'; color: #ffcc00; font-size: 1.1rem; top: 0.1rem; }
.contact-category.investment li::before { content: '🚀'; color: #00ffaa; font-size: 1.1rem; top: 0.1rem; }
.contact-category.support li::before { content: '❓'; color: #00aaff; font-size: 1.1rem; top: 0.1rem; }
.contact-category.feedback li::before { content: '🗣️'; color: #ff8000; font-size: 1.1rem; top: 0.1rem; }
.contact-category.legal li::before { content: '⚖️'; color: #8000ff; font-size: 1.1rem; top: 0.1rem; }
.contact-category.special li::before { content: '🤝'; color: #00ffff; font-size: 1.1rem; top: 0.1rem; }
.contact-category.senior li::before { content: '👑'; color: #ff6b6b; font-size: 1.1rem; top: 0.1rem; }

/* Remove CSS pseudo-element emoji for sections where emoji is already in HTML */
.contact-category.connect li::before,
.contact-category.general-info li::before {
  content: none;
}

/* Adjust padding for items where ::before is removed */
.contact-category.connect li,
.contact-category.general-info li {
  padding-left: 0; /* Remove left padding as ::before is gone */
}

.contact-category p {
    font-size: 1rem;
    color: #e0e0e0;
    line-height: 1.6;
    margin-bottom: 1.2rem;
    text-align: left;
}

/* Specific style for the contact title */
.contact-directory-title {
    font-size: 2rem; /* Slightly smaller than main section title */
    background: linear-gradient(45deg, #00aaff, #00ffaa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 1.5rem;
    text-shadow: 0 0 15px rgba(0, 170, 255, 0.2);
    font-weight: 700;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .contact-category h3 {
        font-size: 1.2rem;
    }

    .contact-category li {
        font-size: 0.9rem;
    }
     .contact-category li::before {
         font-size: 1rem; /* Adjust icon size */
         top: 0.15rem;
         width: 1.3rem; /* Adjust width */
     }

     /* Adjust specific emoji sizes if needed */
     .contact-category.general li::before,
     .contact-category.account li::before,
     .contact-category.investment li::before,
     .contact-category.support li::before,
     .contact-category.feedback li::before,
     .contact-category.legal li::before,
     .contact-category.special li::before,
     .contact-category.senior li::before
    {
         font-size: 1rem;
         top: 0.15rem;
     }

    /* Adjust padding for items where ::before is removed on smaller screens */
    .contact-category.connect li,
    .contact-category.general-info li {
      padding-left: 0;
    }

    .contact-category p {
        font-size: 0.9rem;
    }
     .contact-directory-title {
         font-size: 1.8rem;
     }
}