/* ============================================================
   HH Chamber Directory - Public CSS v1.1.5
   ============================================================ */
:root {
    --hhcd-blue:     #003366;
    --hhcd-sky:      #00ADEF;
    --hhcd-green:    #66CC33;
    --hhcd-gray:     #666666;
    --hhcd-yellow:   #FFCC33;
    --hhcd-dark:     #333333;
    --hhcd-white:    #ffffff;
    --hhcd-navy:     #002244;
    --hhcd-bg:       #f5f7fa;
    --hhcd-border:   #e0e6ed;
    --hhcd-radius:   10px;
    --hhcd-shadow:   0 2px 12px rgba(0,51,102,0.09);
    --hhcd-shadow-hover: 0 6px 24px rgba(0,51,102,0.16);
    --hhcd-transition: 0.2s ease;
}

/* ---- Wrap ---- */
.hhcd-directory-wrap {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--hhcd-dark);
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 8px;
}

/* ---- Filter Bar ---- */
.hhcd-filter-bar { margin-bottom: 16px; }
.hhcd-filter-inner {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}
.hhcd-search-group {
    display: flex;
    flex: 1;
    min-width: 200px;
    position: relative;
}
.hhcd-search-input {
    width: 100%;
    padding: 10px 44px 10px 14px;
    border: 2px solid var(--hhcd-border);
    border-radius: var(--hhcd-radius);
    font-size: 14px;
    font-family: inherit;
    outline: none;
    transition: border-color var(--hhcd-transition);
    background: var(--hhcd-white);
}
.hhcd-search-input:focus { border-color: var(--hhcd-sky); }
.hhcd-search-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: var(--hhcd-gray);
    padding: 4px;
    display: flex;
    align-items: center;
}
.hhcd-cat-select {
    padding: 10px 12px;
    border: 2px solid var(--hhcd-border);
    border-radius: var(--hhcd-radius);
    font-size: 14px;
    font-family: inherit;
    outline: none;
    cursor: pointer;
    background: var(--hhcd-white);
    min-width: 180px;
}
.hhcd-cat-select:focus { border-color: var(--hhcd-sky); }
.hhcd-clear-filters {
    font-size: 13px;
    color: var(--hhcd-gray);
    text-decoration: none;
    background: #f0f0f0;
    border-radius: 6px;
    padding: 6px 10px;
    white-space: nowrap;
}
.hhcd-clear-filters:hover { background: #e0e0e0; }

/* ---- Alpha Bar ---- */
.hhcd-alpha-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    margin-bottom: 14px;
}
.hhcd-alpha-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: var(--hhcd-white);
    border: 1.5px solid var(--hhcd-border);
    color: var(--hhcd-blue);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    transition: all var(--hhcd-transition);
}
.hhcd-alpha-pill:hover,
.hhcd-alpha-pill.active {
    background: var(--hhcd-blue);
    border-color: var(--hhcd-blue);
    color: var(--hhcd-white);
}

/* ---- Misc ---- */
.hhcd-update-link { font-size: 13px; color: var(--hhcd-gray); margin-bottom: 12px; }
.hhcd-update-link a { color: var(--hhcd-sky); }
.hhcd-result-count { font-size: 13px; color: var(--hhcd-gray); margin-bottom: 14px; }

/* ---- Featured Section ---- */
.hhcd-featured-section { margin-bottom: 28px; }
.hhcd-featured-heading {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--hhcd-blue);
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hhcd-featured-heading::before,
.hhcd-featured-heading::after { content: ''; flex: 1; height: 1px; background: var(--hhcd-border); }
.hhcd-section-divider { border: none; border-top: 2px solid var(--hhcd-border); margin: 20px 0 28px; }

/* ---- Card Grid & Column Variants ---- */
.hhcd-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    margin-bottom: 28px;
}
.hhcd-cols-1 { grid-template-columns: 1fr; }
.hhcd-cols-2 { grid-template-columns: repeat(2, 1fr); }
.hhcd-cols-3 { grid-template-columns: repeat(3, 1fr); }
.hhcd-cols-4 { grid-template-columns: repeat(4, 1fr); }
.hhcd-featured-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

@media (max-width: 1000px) {
    .hhcd-cols-4 { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
    .hhcd-cols-3, .hhcd-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 580px) {
    .hhcd-card-grid, .hhcd-cols-2, .hhcd-cols-3, .hhcd-cols-4 { grid-template-columns: 1fr; }
}

/* ---- Card ---- */
.hhcd-card {
    background: var(--hhcd-white);
    border: 1.5px solid var(--hhcd-border);
    border-radius: var(--hhcd-radius);
    box-shadow: var(--hhcd-shadow);
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: box-shadow var(--hhcd-transition), transform var(--hhcd-transition);
}
.hhcd-card:hover {
    box-shadow: var(--hhcd-shadow-hover);
    transform: translateY(-3px);
}
.hhcd-card-featured { border-color: var(--hhcd-sky); border-width: 2px; }

/* Admin edit link on card */
.hhcd-admin-edit-link {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(0,51,102,0.85);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 4px;
    text-decoration: none;
    z-index: 10;
    opacity: 0;
    transition: opacity var(--hhcd-transition);
}
.hhcd-card:hover .hhcd-admin-edit-link { opacity: 1; }

/* Tier badge */
.hhcd-tier-badge {
    position: absolute;
    top: 8px;
    right: 8px;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 7px;
    border-radius: 4px;
    z-index: 2;
}
.hhcd-tier-badge-lg {
    position: static;
    font-size: 12px;
    padding: 4px 12px;
    display: inline-block;
    margin-bottom: 8px;
}
.hhcd-tier-visionary_partner { background: var(--hhcd-blue);   color: var(--hhcd-white); }
.hhcd-tier-executive_partner  { background: #3a3a3a;            color: var(--hhcd-white); }
.hhcd-tier-business_builder   { background: var(--hhcd-yellow); color: var(--hhcd-dark); }
.hhcd-tier-community_partner  { background: var(--hhcd-green);  color: var(--hhcd-white); }

/* Logo */
.hhcd-card-logo-link { display: block; text-decoration: none; }
.hhcd-card-logo {
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: #f8fafc;
    border-bottom: 1px solid var(--hhcd-border);
}
.hhcd-card-logo img {
    max-width: 100%;
    max-height: 74px;
    object-fit: contain;
    display: block;
}
.hhcd-logo-placeholder {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--hhcd-blue);
    color: var(--hhcd-white);
    font-size: 26px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Card body */
.hhcd-card-body {
    padding: 12px 14px 14px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: relative;
    z-index: 1;
}
.hhcd-card-name { font-size: 14px; font-weight: 700; margin: 0; line-height: 1.3; }
.hhcd-card-name a { color: var(--hhcd-blue); text-decoration: none; }
.hhcd-card-name a:hover { color: var(--hhcd-sky); }
.hhcd-card-cats { display: flex; flex-wrap: wrap; gap: 4px; }
.hhcd-cat-tag {
    font-size: 10px;
    background: #e8f4fc;
    color: var(--hhcd-blue);
    border-radius: 4px;
    padding: 2px 6px;
    font-weight: 700;
    display: inline-block;
}
a.hhcd-cat-tag:hover { background: var(--hhcd-sky); color: var(--hhcd-white); }
.hhcd-card-phone, .hhcd-card-web { font-size: 12px; margin: 0; color: var(--hhcd-gray); }
.hhcd-card-phone a, .hhcd-card-web a { color: var(--hhcd-gray); text-decoration: none; }
.hhcd-card-phone a:hover, .hhcd-card-web a:hover { color: var(--hhcd-sky); }
.hhcd-card-view-btn {
    display: inline-block;
    margin-top: auto;
    padding-top: 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--hhcd-sky);
    text-decoration: none;
}
.hhcd-card-view-btn:hover { color: var(--hhcd-blue); }
.hhcd-card-link-overlay { position: absolute; inset: 0; z-index: 0; }

/* ---- No results ---- */
.hhcd-no-results { text-align: center; padding: 48px 0; color: var(--hhcd-gray); }
.hhcd-no-results p { font-size: 16px; margin-bottom: 16px; }

/* ---- Pagination ---- */
.hhcd-pagination { display: flex; gap: 5px; justify-content: center; flex-wrap: wrap; margin-top: 28px; padding-bottom: 28px; }
.hhcd-page-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: 1.5px solid var(--hhcd-border);
    border-radius: 6px;
    background: var(--hhcd-white);
    color: var(--hhcd-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition: all var(--hhcd-transition);
}
.hhcd-page-btn:hover, .hhcd-page-btn.current { background: var(--hhcd-blue); border-color: var(--hhcd-blue); color: var(--hhcd-white); }

/* ---- Buttons ---- */
.hhcd-btn {
    display: inline-block;
    padding: 10px 20px;
    background: var(--hhcd-blue);
    color: var(--hhcd-white);
    border-radius: var(--hhcd-radius);
    font-weight: 700;
    text-decoration: none;
    font-size: 14px;
    transition: background var(--hhcd-transition);
    text-align: center;
}
.hhcd-btn:hover { background: var(--hhcd-sky); color: var(--hhcd-white); }
.hhcd-btn-block { display: block; width: 100%; box-sizing: border-box; margin-top: 14px; }

/* ==============================================================
   MEMBER PROFILE PAGE - Single column layout
   ============================================================== */
.hhcd-profile-wrap {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    max-width: 860px;
    margin: 0 auto;
    padding: 0 16px 48px;
    color: var(--hhcd-dark);
}

/* Nav bar */
.hhcd-profile-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    flex-wrap: wrap;
    gap: 8px;
}
.hhcd-profile-back {
    color: var(--hhcd-sky);
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
}
.hhcd-profile-back:hover { color: var(--hhcd-blue); }
.hhcd-profile-admin-edit {
    font-size: 12px;
    font-weight: 700;
    background: var(--hhcd-blue);
    color: var(--hhcd-white);
    padding: 5px 12px;
    border-radius: 6px;
    text-decoration: none;
}
.hhcd-profile-admin-edit:hover { background: var(--hhcd-sky); color: #fff; }

/* Master info card */
.hhcd-profile-card {
    background: var(--hhcd-white);
    border: 1.5px solid var(--hhcd-border);
    border-left: 4px solid var(--hhcd-blue);
    border-radius: var(--hhcd-radius);
    box-shadow: var(--hhcd-shadow);
    padding: 28px;
    margin-bottom: 20px;
}

/* Top row: logo + identity */
.hhcd-profile-card-top {
    display: flex;
    gap: 24px;
    align-items: flex-start;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--hhcd-border);
}
.hhcd-profile-logo {
    flex-shrink: 0;
    width: 140px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid var(--hhcd-border);
    padding: 12px;
}
.hhcd-profile-logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.hhcd-logo-placeholder-lg { width: 72px; height: 72px; font-size: 30px; }

.hhcd-profile-identity { flex: 1; }
.hhcd-profile-biz-name {
    font-size: 24px;
    font-weight: 800;
    color: var(--hhcd-blue);
    margin: 0 0 8px;
    line-height: 1.2;
}
.hhcd-profile-cats { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }

/* Info grid */
.hhcd-profile-info-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    margin-bottom: 20px;
}
@media (max-width: 600px) {
    .hhcd-profile-info-grid { grid-template-columns: 1fr; }
}
.hhcd-info-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 0;
    border-bottom: 1px solid var(--hhcd-border);
    font-size: 13px;
}
.hhcd-info-item:nth-child(odd) { padding-right: 24px; }
.hhcd-info-item:nth-child(even) { padding-left: 24px; border-left: 1px solid var(--hhcd-border); }
.hhcd-info-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--hhcd-gray);
    font-weight: 800;
}
.hhcd-info-value { color: var(--hhcd-dark); font-weight: 500; }
.hhcd-info-value a, a.hhcd-info-value { color: var(--hhcd-sky); text-decoration: none; }
.hhcd-info-value a:hover, a.hhcd-info-value:hover { text-decoration: underline; }

/* CTA row */
.hhcd-profile-cta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding-top: 16px;
}
.hhcd-btn-cta {
    padding: 9px 20px;
    background: var(--hhcd-blue);
    color: var(--hhcd-white);
    border-radius: 8px;
    font-weight: 700;
    text-decoration: none;
    font-size: 13px;
    transition: background var(--hhcd-transition);
}
.hhcd-btn-cta:hover { background: var(--hhcd-sky); color: #fff; }

/* Social links */
.hhcd-social-icon {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    background: #e8f4fc;
    color: var(--hhcd-blue);
    transition: all var(--hhcd-transition);
}
.hhcd-social-icon:hover { background: var(--hhcd-sky); color: var(--hhcd-white); }

/* Bio */
.hhcd-profile-bio {
    background: var(--hhcd-white);
    border: 1.5px solid var(--hhcd-border);
    border-radius: var(--hhcd-radius);
    padding: 24px;
    margin-bottom: 20px;
    box-shadow: var(--hhcd-shadow);
}
.hhcd-profile-bio h2 {
    font-size: 16px;
    font-weight: 800;
    color: var(--hhcd-blue);
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--hhcd-border);
}
.hhcd-bio-content p { font-size: 14px; line-height: 1.75; color: #444; margin: 0 0 12px; }
.hhcd-bio-content p:last-child { margin-bottom: 0; }

/* Map */
.hhcd-profile-map {
    border-radius: var(--hhcd-radius);
    overflow: hidden;
    border: 1.5px solid var(--hhcd-border);
    box-shadow: var(--hhcd-shadow);
    margin-bottom: 20px;
}

/* Chamber badge */
.hhcd-chamber-badge {
    background: var(--hhcd-blue);
    border-radius: var(--hhcd-radius);
    padding: 16px;
    text-align: center;
    margin-bottom: 20px;
}
.hhcd-chamber-badge-inner { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.hhcd-chamber-badge-icon { font-size: 20px; color: var(--hhcd-yellow); }
.hhcd-chamber-badge-text { font-size: 13px; font-weight: 800; color: var(--hhcd-white); text-transform: uppercase; letter-spacing: 0.06em; }
.hhcd-chamber-badge-sub { font-size: 11px; color: rgba(255,255,255,0.75); }

/* Responsive */
@media (max-width: 600px) {
    .hhcd-profile-card-top { flex-direction: column; }
    .hhcd-profile-logo { width: 100%; height: auto; }
    .hhcd-profile-biz-name { font-size: 20px; }
}

/* Tier badge (shared) */
/* Tier badge — absolute version removed from card, now inline in card body */
.hhcd-tier-badge {
    display: inline-block;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 7px;
    border-radius: 4px;
}
.hhcd-card-tier-badge {
    display: inline-block;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 3px 8px;
    border-radius: 4px;
    margin-bottom: 4px;
}
.hhcd-tier-badge-lg { font-size: 11px; padding: 4px 10px; margin-bottom: 6px; }
.hhcd-tier-visionary_partner { background: var(--hhcd-blue);   color: var(--hhcd-white); }
.hhcd-tier-executive_partner  { background: #3a3a3a;            color: var(--hhcd-white); }
.hhcd-tier-business_builder   { background: var(--hhcd-yellow); color: var(--hhcd-dark); }
.hhcd-tier-community_partner  { background: var(--hhcd-green);  color: var(--hhcd-white); }

/* ---- Social icons with SVG backgrounds ---- */
.hhcd-social-icon {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px 7px 10px;
}
.hhcd-social-icon::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}
.hhcd-social-facebook::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23003366'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E"); }
.hhcd-social-instagram::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23003366'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E"); }
.hhcd-social-linkedin::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23003366'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); }
.hhcd-social-twitter::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23003366'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.747l7.73-8.835L1.254 2.25H8.08l4.259 5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E"); }
.hhcd-social-youtube::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23003366'%3E%3Cpath d='M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z'/%3E%3C/svg%3E"); }

/* Hover state — swap icon color to white */
.hhcd-social-facebook:hover::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E"); }
.hhcd-social-instagram:hover::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/%3E%3C/svg%3E"); }
.hhcd-social-linkedin:hover::before  { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/%3E%3C/svg%3E"); }
.hhcd-social-twitter:hover::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.747l7.73-8.835L1.254 2.25H8.08l4.259 5.63zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E"); }
.hhcd-social-youtube:hover::before   { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z'/%3E%3C/svg%3E"); }

/* Card tier badge color variants */
.hhcd-card-tier-badge.hhcd-tier-visionary_partner { background: var(--hhcd-blue);   color: var(--hhcd-white); }
.hhcd-card-tier-badge.hhcd-tier-executive_partner  { background: #3a3a3a;            color: var(--hhcd-white); }
.hhcd-card-tier-badge.hhcd-tier-business_builder   { background: var(--hhcd-yellow); color: var(--hhcd-dark); }
.hhcd-card-tier-badge.hhcd-tier-community_partner  { background: var(--hhcd-green);  color: var(--hhcd-white); }

/* ---- Member Self-Edit Form ---- */
.hhcd-edit-wrap {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    max-width: 760px;
    margin: 0 auto;
    color: var(--hhcd-dark);
}
.hhcd-edit-title {
    font-size: 22px;
    font-weight: 700;
    color: var(--hhcd-blue);
    margin-bottom: 20px;
}
.hhcd-edit-notice {
    padding: 14px 18px;
    border-radius: 6px;
    margin-bottom: 20px;
    font-size: 14px;
    border: 1px solid transparent;
}
.hhcd-notice-success { background: #f0f8f0; border-color: #b7e1b7; color: #1a5c1a; }
.hhcd-notice-error   { background: #fdf0f0; border-color: #e1b7b7; color: #5c1a1a; }
.hhcd-notice-info    { background: #f0f6ff; border-color: #b7cfe1; color: #1a3a5c; }
.hhcd-edit-section {
    background: var(--hhcd-white);
    border: 1px solid var(--hhcd-border);
    border-radius: var(--hhcd-radius);
    padding: 20px 24px;
    margin-bottom: 20px;
}
.hhcd-edit-section h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--hhcd-blue);
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--hhcd-border);
}
.hhcd-edit-field {
    margin-bottom: 14px;
}
.hhcd-edit-field label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--hhcd-dark);
    margin-bottom: 5px;
}
.hhcd-edit-field input[type="text"],
.hhcd-edit-field input[type="url"],
.hhcd-edit-field textarea {
    width: 100%;
    padding: 9px 12px;
    border: 2px solid var(--hhcd-border);
    border-radius: 6px;
    font-size: 14px;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color .2s;
    background: #fafbfc;
}
.hhcd-edit-field input:focus,
.hhcd-edit-field textarea:focus {
    border-color: var(--hhcd-sky);
    outline: none;
    background: #fff;
}
.hhcd-edit-field textarea { resize: vertical; }
.hhcd-field-note {
    font-size: 12px;
    color: var(--hhcd-gray);
    margin: 5px 0 0;
}
.hhcd-edit-actions {
    text-align: center;
    padding: 8px 0 24px;
}
.hhcd-edit-actions .hhcd-btn-cta {
    font-size: 15px;
    padding: 12px 32px;
}
