/**
 * Theme Name: Saasify
 * Theme URI: https://blockifywp.com/themes/saasify
 * Author: Blockify
 * Author URI: https://blockifywp.com/
 * Description: Modern full site editing child theme for Blockify. Perfect for SaaS companies, startups, agencies, freelancer portfolios, crypto or any digital product or service business.
 * Requires at least: 6.2
 * Tested up to: 6.4
 * Requires PHP: 7.4
 * Version: 0.5.0
 * License: GPL-2.0-or-later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: saasify
 * Domain Path: /languages
 * Template: blockify
 * Tags: full-site-editing, block-patterns, block-styles, custom-logo, editor-style, featured-images, sticky-post, wide-blocks, translation-ready, grid-layout, one-column, two-columns, three-columns, four-columns, e-commerce, news, portfolio
*/

/* Profile Container Styling */
.investor-profile-container {
    display: grid;
    grid-template-columns: 1fr 2fr; /* Two columns: 1/3 for the left column, 2/3 for the middle */
    grid-template-rows: auto; /* Prevent multiple rows */
    grid-gap: 20px; /* Space between columns */
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    color: #fff; /* Ensure text is readable */
    max-width: 90%; /* Make sure the container does not overflow */
    overflow: hidden; /* Prevent overflow */
}

/* Left Column (About / Profile Summary Section) */
.left-column {
    grid-column: 1 / 2;
    grid-row: 1; /* Ensure in the first row */
    background-color: #0E203F; /* Darker background */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    border: 1px solid #2C3E50; /* Light border */
    z-index: 1; /* Ensure the left column stays on top */
    word-wrap: break-word; /* Ensure text wraps */
    overflow-wrap: break-word; /* Prevent long words from overflowing */
    max-width: 100%; /* Allow the column to be full width */
    margin-top: 5px;
}

/* Middle Column (Highlights Section) */
.middle-column {
    grid-column: 2 / 3;
    grid-row: 1; /* Ensure in the first row */
    width: 100%; /* Allow middle column to fill remaining space */
    display: grid;
    grid-template-columns: 1fr; /* Single column */
    grid-gap: 20px;
}

.investor-highlights {
    display: grid;
    grid-template-columns: 1fr; /* Single column */
    grid-template-rows: auto; /* Auto rows to fit the content */
    grid-gap: 20px; /* Space between highlight boxes */
}

/* Responsive Behavior for Mobile Screens */
@media (max-width: 768px) {
    .investor-profile-container {
        grid-template-columns: 1fr; /* Stack the columns vertically */
        grid-template-rows: auto; /* Stack rows automatically */
        overflow-x: hidden; /* Prevent horizontal overflow */
        max-width: 100%;
        grid-gap: 10px; 
    }

    .middle-column {
        grid-column: 1 / 2; /* Make the middle column span the full width */
        grid-row: 2; /* Place the middle column below the left column */
        margin-top: 20px; /* Add margin to ensure spacing between the two sections */
    }

    .left-column {
        grid-column: 1 / 2; /* Ensure left column spans the full width */
        grid-row: 1; /* Ensure the left column stays on top */
        max-width: 100%; /* Full width on mobile screens */
        padding: 10px;
    }

    .highlight-box {
        padding: 20px; /* Adjust padding for better spacing on smaller screens */
    }

    .portfolio-companies-grid {
        grid-template-columns: 1fr; /* Stack portfolio companies vertically on small screens */
        text-align: center;
    }
}

/* Ensure text and images don't overflow on mobile */
.investor-profile-container * {
    max-width: 100%;
    overflow-x: hidden;
}


.highlight-box {
    text-align: center;
    width: 100%;
    padding: 15px;
    border: 1px solid #2C3E50;
    border-radius: 8px;
    background-color: #0E203F;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-top: 5px; /* Add margin to prevent clipping */
}

.highlight-box:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.highlight-box h2 {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #fff; /* Lighter blue for headers */
    border-bottom: 1px solid #2C3E50; /* Light separator */
    padding-bottom: 10px;
}

.highlight-box p {
    font-size: 1.4em;
    font-weight: bold;
    color: #fff; /* White text */
}

/* Hide the Right Column (Recent News & Activity) */
.right-column {
    display: none; /* Disable the third column */
}

/* Styling for the team members list, scoped to .team-members */
.team-members .team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
    gap: 10px;
    text-align: left;
    align-items: center; /* Align items vertically */
}

/* Ensure proper alignment for links in the email and LinkedIn columns */
.team-grid a {
    color: #1a73e8;
    text-decoration: none;
}

.team-grid a:hover {
    text-decoration: underline;
}

/* Titles of the columns */
.team-grid div:nth-child(-n+5) {
    font-weight: bold;
}

/* New class for the portfolio companies */
.portfolio-companies-grid,
.similar-investors-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 equal columns for portfolio companies */
    gap: 20px; /* Adjust gap between companies as needed */
    justify-items: center; /* Center each company name within its cell */
    padding: 10px 0; /* Add some padding to the top and bottom */
    text-align: center; /* Ensure text is centered */
    color: #fff; /* Set text color to white (or adjust to match your theme) */
}

.portfolio-role {
    color: #9ca3af;        /* same gray as .similar-note */
}


.blur-email {
    filter: blur(5px); /* Keep the blur effect */
    cursor: default; /* Default cursor */
    text-decoration: none; /* No underline */
    pointer-events: none; /* Disable interaction */
    color: inherit; /* Inherit text color */
    padding-left: 5px; /* Add some padding to the left */
    padding-right: 5px; /* Add some padding to the right to avoid cut-off */
    display: inline-block; /* Ensures padding is respected */
}



/* Footer section styling for the "Unlock 9 more" link */
.footer-section {
    text-align: center;
    margin-top: 20px;
}

.unlock-link {
    color: #1a73e8;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    display: inline-block;
    padding: 10px 0;
}

.unlock-link:hover {
    text-decoration: underline;
}

.industries-container {
    display: inline-block;
    max-width: 100%; /* Ensure it doesn't overflow */
    white-space: nowrap; /* Keep it all on one line */
    overflow: hidden; /* Hide any overflowing content */
}

#industries-text {
    display: inline-block;
    -webkit-line-clamp: none; /* No clamping here since it's inline */
    white-space: nowrap; /* Ensure text remains in a single line */
    overflow: hidden; /* Hide any overflowing content */
    text-overflow: ellipsis; /* Apply ellipsis if content overflows */
    max-width: calc(100% - 100px); /* Adjust based on space occupied by 'Industries:' */
    vertical-align: bottom; /* Align text vertically */
}

#activity-text.very_active {
    color: #90ee90;
}

#activity-text.active {
    color: yellow;
}

#activity-text.low_active {
    color: orange;
}

#activity-text.not_active {
    color: red;
}

/* Indenting or left-margin for profile details */
.profile-details p, .profile-details h4 {
    margin-left: 20px; /* Adds 20px of left margin to these elements */
}

/* You can adjust the margin as needed */
.profile-details p {
    margin-left: 20px; /* Adds space to <p> elements */
}

.profile-details h4 {
    margin-left: 20px; /* Adds space to <h4> elements */
}
.profile-summary div,
.profile-details div {
    margin-left: 20px; /* Adds the same margin as was previously applied to <p> elements */
    margin-bottom: 10px; /* Similar bottom margin to maintain spacing */
}

/* Style h2 to match the h3 styling */
.profile-summary h2 {
    font-size: 24px; /* Adjust the font size to match h3 */
    color: #f9fafb; /* Same color as h3 */
    font-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Same font family */
    margin: 24px 0px; /* Same margin as h3 */
}
/* Add margin to the profile-description to match other profile details */
.profile-description {
    margin-left: 20px; /* Same margin as other elements */
    margin-bottom: 10px; /* Add a bit of bottom margin for spacing */
}

/* Add margin between AI reasoning and the legend */
.legend-margin {
    margin-top: 30px; /* Adjust as needed */
}

.similar-investors-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* 👈 allow shrink */
    gap: 20px;
    justify-items: center;
    text-align: center;
}

.similar-investors-grid a {                 /* optional tweaks */
    word-break: break-word;                 /* wrap very long names */
    text-decoration: underline;
}

/**
 * Theme Name: Saasify
 * Theme URI: https://blockifywp.com/themes/saasify
 * Author: Blockify
 * Author URI: https://blockifywp.com/
 * Description: Modern full site editing child theme for Blockify. Perfect for SaaS companies, startups, agencies, freelancer portfolios, crypto or any digital product or service business.
 * Requires at least: 6.2
 * Tested up to: 6.4
 * Requires PHP: 7.4
 * Version: 0.5.0
 * License: GPL-2.0-or-later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: saasify
 * Domain Path: /languages
 * Template: blockify
 * Tags: full-site-editing, block-patterns, block-styles, custom-logo, editor-style, featured-images, sticky-post, wide-blocks, translation-ready, grid-layout, one-column, two-columns, three-columns, four-columns, e-commerce, news, portfolio
*/

/* Profile Container Styling */
.investor-profile-container {
    display: grid;
    grid-template-columns: 1fr 2fr; /* Two columns: 1/3 for the left column, 2/3 for the middle */
    grid-template-rows: auto; /* Prevent multiple rows */
    grid-gap: 20px; /* Space between columns */
    align-items: flex-start;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    color: #fff; /* Ensure text is readable */
    max-width: 90%; /* Make sure the container does not overflow */
    overflow: hidden; /* Prevent overflow */
}

/* Left Column (About / Profile Summary Section) */
.left-column {
    grid-column: 1 / 2;
    grid-row: 1; /* Ensure in the first row */
    background-color: #0E203F; /* Darker background */
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    border: 1px solid #2C3E50; /* Light border */
    z-index: 1; /* Ensure the left column stays on top */
    word-wrap: break-word; /* Ensure text wraps */
    overflow-wrap: break-word; /* Prevent long words from overflowing */
    max-width: 100%; /* Allow the column to be full width */
    margin-top: 5px;
}

/* Middle Column (Highlights Section) */
.middle-column {
    grid-column: 2 / 3;
    grid-row: 1; /* Ensure in the first row */
    width: 100%; /* Allow middle column to fill remaining space */
    display: grid;
    grid-template-columns: 1fr; /* Single column */
    grid-gap: 20px;
}

.investor-highlights {
    display: grid;
    grid-template-columns: 1fr; /* Single column */
    grid-template-rows: auto; /* Auto rows to fit the content */
    grid-gap: 20px; /* Space between highlight boxes */
}

/* Responsive Behavior for Mobile Screens */
@media (max-width: 768px) {
    .investor-profile-container {
        grid-template-columns: 1fr; /* Stack the columns vertically */
        grid-template-rows: auto; /* Stack rows automatically */
        overflow-x: hidden; /* Prevent horizontal overflow */
        max-width: 100%;
        grid-gap: 10px; 
    }

    .middle-column {
        grid-column: 1 / 2; /* Make the middle column span the full width */
        grid-row: 2; /* Place the middle column below the left column */
        margin-top: 20px; /* Add margin to ensure spacing between the two sections */
    }

    .left-column {
        grid-column: 1 / 2; /* Ensure left column spans the full width */
        grid-row: 1; /* Ensure the left column stays on top */
        max-width: 100%; /* Full width on mobile screens */
        padding: 10px;
    }

    .highlight-box {
        padding: 20px; /* Adjust padding for better spacing on smaller screens */
    }

    .portfolio-companies-grid {
        grid-template-columns: 1fr; /* Stack portfolio companies vertically on small screens */
        text-align: center;
    }
}

/* Ensure text and images don't overflow on mobile */
.investor-profile-container * {
    max-width: 100%;
    overflow-x: hidden;
}

.highlight-box {
    text-align: center;
    width: 100%;
    padding: 15px;
    border: 1px solid #2C3E50;
    border-radius: 8px;
    background-color: #0E203F;
    color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-top: 5px; /* Add margin to prevent clipping */
}

.highlight-box:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

.highlight-box h2 {
    margin-bottom: 10px;
    font-size: 1.2em;
    color: #fff; /* Lighter blue for headers */
    border-bottom: 1px solid #2C3E50; /* Light separator */
    padding-bottom: 10px;
}

.highlight-box p {
    font-size: 1.4em;
    font-weight: bold;
    color: #fff; /* White text */
}

/* Hide the Right Column (Recent News & Activity) */
.right-column {
    display: none; /* Disable the third column */
}

/* Styling for the team members list, scoped to .team-members */
.team-members .team-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
    gap: 10px;
    text-align: left;
    align-items: center; /* Align items vertically */
}

/* Ensure proper alignment for links in the email and LinkedIn columns */
.team-grid a {
    color: #1a73e8;
    text-decoration: none;
}

.team-grid a:hover {
    text-decoration: underline;
}

/* Titles of the columns */
.team-grid div:nth-child(-n+5) {
    font-weight: bold;
}

/* New class for the portfolio companies */
.portfolio-companies-grid,
.similar-investors-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 equal columns for portfolio companies */
    gap: 20px; /* Adjust gap between companies as needed */
    justify-items: center; /* Center each company name within its cell */
    padding: 10px 0; /* Add some padding to the top and bottom */
    text-align: center; /* Ensure text is centered */
    color: #fff; /* Set text color to white (or adjust to match your theme) */
}

.blur-email {
    filter: blur(5px); /* Keep the blur effect */
    cursor: default; /* Default cursor */
    text-decoration: none; /* No underline */
    pointer-events: none; /* Disable interaction */
    color: inherit; /* Inherit text color */
    padding-left: 5px; /* Add some padding to the left */
    padding-right: 5px; /* Add some padding to the right to avoid cut-off */
    display: inline-block; /* Ensures padding is respected */
}

/* Footer section styling for the "Unlock 9 more" link */
.footer-section {
    text-align: center;
    margin-top: 20px;
}

.unlock-link {
    color: #1a73e8;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    display: inline-block;
    padding: 10px 0;
}

.unlock-link:hover {
    text-decoration: underline;
}

.industries-container {
    display: inline-block;
    max-width: 100%; /* Ensure it doesn't overflow */
    white-space: nowrap; /* Keep it all on one line */
    overflow: hidden; /* Hide any overflowing content */
}

#industries-text {
    display: inline-block;
    -webkit-line-clamp: none; /* No clamping here since it's inline */
    white-space: nowrap; /* Ensure text remains in a single line */
    overflow: hidden; /* Hide any overflowing content */
    text-overflow: ellipsis; /* Apply ellipsis if content overflows */
    max-width: calc(100% - 100px); /* Adjust based on space occupied by 'Industries:' */
    vertical-align: bottom; /* Align text vertically */
}

#activity-text.very_active {
    color: #90ee90;
}

#activity-text.active {
    color: yellow;
}

#activity-text.low_active {
    color: orange;
}

#activity-text.not_active {
    color: red;
}

/* Indenting or left-margin for profile details */
.profile-details p, .profile-details h4 {
    margin-left: 20px; /* Adds 20px of left margin to these elements */
}

/* You can adjust the margin as needed */
.profile-details p {
    margin-left: 20px; /* Adds space to <p> elements */
}

.profile-details h4 {
    margin-left: 20px; /* Adds space to <h4> elements */
}
.profile-summary div,
.profile-details div {
    margin-left: 20px; /* Adds the same margin as was previously applied to <p> elements */
    margin-bottom: 10px; /* Similar bottom margin to maintain spacing */
}

/* Style h2 to match the h3 styling */
.profile-summary h2 {
    font-size: 24px; /* Adjust the font size to match h3 */
    color: #f9fafb; /* Same color as h3 */
    font-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* Same font family */
    margin: 24px 0px; /* Same margin as h3 */
}
/* Add margin to the profile-description to match other profile details */
.profile-description {
    margin-left: 20px; /* Same margin as other elements */
    margin-bottom: 10px; /* Add a bit of bottom margin for spacing */
}

/* Add margin between AI reasoning and the legend */
.legend-margin {
    margin-top: 30px; /* Adjust as needed */
}

.similar-investors-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)); /* 👈 allow shrink */
    gap: 20px;
    justify-items: center;
    text-align: center;
}

.similar-investors-grid a {                 /* optional tweaks */
    word-break: break-word;                 /* wrap very long names */
    text-decoration: underline;
}

/* ===============================
   EVC POPUP + RADAR ANIMATION
   =============================== */

/* Overlay */
#evc-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    z-index: 9998;
    display: none;
}

/* Modal container */
#evc-popup {
    position: fixed;
    inset: 0;
    display: none;               /* toggled to flex via JS */
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

/* Modal card */
#evc-popup .evc-modal {
    background: #0E203F;
    max-width: 520px;
    width: 92%;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    overflow: hidden;
    position: relative;
}

/* Header */
.evc-header {
    padding: 18px 20px 0;
}
.evc-title {
    margin: 0 40px 6px;
    padding-top: 28px;
    text-align: center;
    font-size: 22px;
    line-height: 1.25;
    color: #ffffff;
}

/* Close button */
.evc-close {
    position: absolute;
    right: 12px;
    top: 12px;
    border: 0;
    background: transparent;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #475569;
}
.evc-close:hover { color: #0f172a; }

/* Body */
.evc-body { padding: 10px 22px 22px; }
.evc-sub {
    margin: 0 0 12px;
    text-align: center;
    color: #cccccc;
}

#evc-popup .evc-sub strong {
    color: #ffffff;
}

/* CTA */
.evc-cta {
    display: flex;
    justify-content: center;
    padding: 12px 0 18px;
}
.evc-btn {
    background: #FFC107;
    color: #fff;
    border: 0;
    padding: 11px 18px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
}
.evc-btn:hover { opacity: 0.9 }
.evc-btn:focus { outline: 2px solid #93c5fd; outline-offset: 2px; }

/* Radar animation (scaled for popup) */
.evc-radar {
    position: relative;
    width: 140px;
    height: 140px;
    margin: 10px auto 14px;
}
.evc-radar .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 52px;
    height: 52px;
    object-fit: contain;
}
.evc-radar .wave {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: evcWave 2.5s infinite ease-out;
    border: 1px solid #ffcc00;
    background:
        linear-gradient(to right, transparent 19px, rgba(255,255,0,.3) 20px),
        linear-gradient(to bottom, transparent 19px, rgba(255,255,0,.3) 20px);
    background-size: 20px 20px;
    opacity: 1;
    z-index: 1;
}
@keyframes evcWave {
    0%   { width: 14px; height: 14px; opacity: 1; }
    100% { width: 140px; height: 140px; opacity: 0; }
}
.evc-radar .dot {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ffcc00;
    border-radius: 50%;
    opacity: 0;
    z-index: 3;
}
.evc-radar .dot1 { top: 10px;  left: 70px;  animation: evcDot1 2.5s infinite; }
.evc-radar .dot2 { top: 28px;  left: 98px;  animation: evcDot2 2.5s infinite; }
.evc-radar .dot3 { top: 70px;  left: 12px;  animation: evcDot3 2.5s infinite; }
.evc-radar .dot4 { top: 100px; left: 104px; animation: evcDot4 2.5s infinite; }
.evc-radar .dot5 { top: 112px; left: 58px;  animation: evcDot5 2.5s infinite; }

@keyframes evcDot1 { 0%,80% {opacity:0} 85% {opacity:1} 100% {opacity:0} }
@keyframes evcDot2 { 0%,60% {opacity:0} 65% {opacity:1} 100% {opacity:0} }
@keyframes evcDot3 { 0%,70% {opacity:0} 90% {opacity:1} 100% {opacity:0} }
@keyframes evcDot4 { 0%,50% {opacity:0} 55% {opacity:1} 100% {opacity:0} }
@keyframes evcDot5 { 0%,55% {opacity:0} 60% {opacity:1} 100% {opacity:0} }

/* Reduced motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .evc-radar .wave, .evc-radar .dot { animation: none !important; }
}

/* Compact tweaks for small screens */
@media (max-width: 480px) {
    #evc-popup .evc-modal { width: 94%; }
    .evc-title { font-size: 20px; margin: 0 36px 6px; }
    .evc-radar { width: 120px; height: 120px; }
    @keyframes evcWave {
        0%   { width: 14px; height: 14px; opacity: 1; }
        100% { width: 120px; height: 120px; opacity: 0; }
    }
}

/* Solo contact grid = exactly 2 columns × 2 rows */
.solo-contact .contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;              /* exactly two rows */
  grid-template-areas:
    "head-email head-linkedin"
    "val-email  val-linkedin";
  gap:10px;
  text-align:left;
  align-items:center;
}
.solo-contact .contact-grid > div{ margin:0; } /* kill any default margins */
.solo-contact .head-email{ grid-area:head-email; font-weight:700; }
.solo-contact .head-linkedin{ grid-area:head-linkedin; font-weight:700; }
.solo-contact .val-email{ grid-area:val-email; }
.solo-contact .val-linkedin{ grid-area:val-linkedin; }
.solo-contact .contact-grid a{ color:#1a73e8; text-decoration:none; }
.solo-contact .contact-grid a:hover{ text-decoration:underline; }

/* Extra space below the grids */
.team-members .team-grid,
.solo-contact .contact-grid {
  margin-bottom: 36px;   /* try 24px if you want more */
}

.evc-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

#vchart-map > div { overflow: hidden !important; width: 100% !important; height: 100% !important; }
#vchart-legend span { overflow: visible !important; }

/* Style legend item containers (rounded boxes with borders) - exclude first child which is the label */
#vchart-legend > div:not(:first-child),
#vchart-legend > span:not(:first-child),
#vchart-legend .legend-item,
#vchart-legend [class*="legend"][class*="item"] {
    background: #0B1740 !important;
    background-color: #0B1740 !important;
}

/* Style map region bubbles/circles */
#vchart-map circle,
#vchart-map .vchart-circle,
#vchart-map .bubble,
#vchart-map [data-type="bubble"] {
    fill: #0B1740 !important;
    background: #0B1740 !important;
}

/* Style map region markers */
#vchart-map svg circle {
    fill: #0B1740 !important;
}

a:not([href]),
a[href=""],
a[href="#"] {
  color: inherit;         /* will be white inside your dark boxes */
  text-decoration: none;  /* no underline */
  cursor: default;        /* not clickable cursor */
  pointer-events: none;   /* can't be clicked */
}

/* Inline CTA (below General Info, above Activity Report) */
.inline-cta {
    margin: 16px 20px 10px;
    padding: 12px 16px;
    background: #0B1740;
    border: 1px solid #2C3E50;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: nowrap;
}

.inline-cta p {
    margin: 0;
    font-weight: 600;
    color: #ffffff;
    flex: 1 1 auto;
    max-width: 70%;          /* ✅ limit text width so button fits */
    line-height: 1.4;
}

.inline-cta__btn {
    display: inline-block;
    text-decoration: none;
    background: #FFC107;      /* Yellow */
    color: #ffffff;           /* White text */
    font-weight: 800;
    padding: 10px 18px;
    border-radius: 8px;
    line-height: 1;
    flex: 0 0 auto;
    text-align: center;
    white-space: nowrap;
    min-width: 130px;
}

.inline-cta__btn:hover { opacity: 0.9; }
.inline-cta__btn:focus {
    outline: 2px solid #93c5fd;
    outline-offset: 2px;
}

/* Stack nicely on mobile */
@media (max-width: 768px) {
    .inline-cta {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }
    .inline-cta p {
        max-width: 100%;
        margin-bottom: 10px;
    }
    .inline-cta__btn {
        width: 100%;
    }
}

/* Center text + button in the stacked CTA */
.inline-cta {
    flex-direction: column !important;
    align-items: center !important;   /* center children horizontally */
    text-align: center;               /* center the paragraph text */
    gap: 12px;
}

.inline-cta p {
    max-width: 100% !important;
    margin: 0;
}

.inline-cta__btn {
    align-self: center;               /* center the button */
    white-space: nowrap;
    padding: 12px 18px;
    /* If you prefer full-width on narrow cards, add: width: 100%; */
}

/* Container caps */
.senja-lock {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  overflow-x: hidden;
}

/* Breakpoints — tweak sizes if you want */
@media (min-width: 1025px) { .senja-lock { max-width: 900px; } }                 /* desktop */
@media (max-width: 1024px) and (min-width: 601px) { .senja-lock { max-width: 700px; } } /* tablet */
@media (max-width: 600px) { .senja-lock { max-width: 100%; padding: 0 16px; } }  /* mobile */

/* Remove auto-inserted <br> inside similar cards */
.similar-card br {
    display: none !important;
}
.similar-secondary-chips a br {
    display: none !important;
}
/* ===========================
   Similar Investors (revamp)
   =========================== */

/* 3 hero cards in a row */
.similar-investors-primary {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
}

@media (max-width: 900px) {
    .similar-investors-primary {
        flex-wrap: wrap;
    }
}

.similar-card {
    position: relative;
    flex: 1 1 0;
    min-width: 0;

    padding: 16px 18px 14px;
    border-radius: 18px;

    display: flex;
    flex-direction: column;
    gap: 6px;
    text-align: center !important;
    align-items: center !important;
    overflow: hidden;
}

/* Thin coloured top accent */
.similar-card::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 10px;
    height: 2px;
    border-radius: 999px;
    opacity: 0.85;
    pointer-events: none;
}

/* Small badge in the corner */
.similar-pill {
    align-self: flex-start;
    margin-top: 6px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 10px;

    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border: 1px solid transparent;
    background: rgba(15, 23, 42, 0.9);
}

/* Investor name */
.similar-name {
    margin-top: 10px;
    color: #f9fafb;
    text-decoration: none;
    word-break: break-word;
}

.similar-name:hover {
    text-decoration: underline;
}

/* Tiny explanation */
.similar-note {
    font-size: 0.8rem;
    color: #9ca3af;
}

/* ===========================
   Other similar investors (chips)
   =========================== */

.similar-investors-secondary {
    padding-top: 12px;
    margin-top: 10px;
    padding-left: 10px;

    display: flex;          /* row layout */
    align-items: center;    /* vertically center label + chips */
    gap: 12px;              /* space between label and chips */
    flex-wrap: wrap;        /* allow chips to wrap on small screens */
    text-align: left;
}

/* Label behaves like a small inline badge */
.similar-secondary-label {
    display: inline-flex;   /* not block, so it stays on the row */
    align-items: center;
    margin: 0;              /* remove bottom margin that pushed chips down */
    white-space: nowrap;    /* keep label on a single line */
}

/* Chips row just handles spacing between pills */
.similar-secondary-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

/* Reset any weird theme pseudo-elements on these anchors */
.similar-chip::before,
.similar-chip::after {
    content: none !important;
}

/* Clean, single-line pill */
.similar-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 6px 16px;
    margin: 0;

    border-radius: 999px;
    border: 1px solid #1f2e57;
    background: #0B1740;

    font-size: 0.82rem;
    line-height: 1;          /* ✅ kills the “two lines” feeling */
    font-weight: 500;
    white-space: nowrap;     /* ✅ force one line – no wrapping */

    color: #e5e7eb;
    text-decoration: none;

    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.55);
    transition: background 0.15s ease, border-color 0.15s ease,
                transform 0.15s ease, box-shadow 0.15s ease;
}

.similar-chip:hover {
    background: #0b1d3f;
    border-color: rgba(96, 165, 250, 0.8);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.75);
}
.similar-card {
    padding: 8px 0 6px;   /* less vertical padding now that pills/lines are gone */
    border-radius: 0;
    gap: 4px;
}

/* Kill the coloured top accent line */
.similar-card::before {
    content: none !important;
}

/* Hide the REGION / STAGE / VERTICAL pill tags */
.similar-pill {
    display: none !important;
}

.portfolio-companies-grid a {
    color: #f9fafb !important;   /* white */
    text-decoration: none;
}

.portfolio-companies-grid a:hover {
    text-decoration: underline;
}