/* ==========================================================================
   Project Link Card - WordPress Themify Builder Implementation
   ========================================================================== */

/* Main Parent Card Container */
.module_column.project-link-container {
    border-radius: var(--reference-radius-top) !important;
    border: 1px solid var(--reference-outline) !important;
    box-shadow: var(--reference-shadow) !important;
}

/* Left Column (Image Wrapper) */
.module_column.project-link-container .sub_column.first {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    /* Acts as the vertical divider on its right border */
    border-right: 1px solid rgba(204, 195, 216, 0.3) !important;
}

/* Title Styling Specificity Fix */
.project-link-container-link .tb_text_wrap p.live-title,
.project-link-container-link .tb_text_wrap p.live-title strong {
    font-family: var(--font-heading) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: var(--color-on-surface) !important;
    margin: 0 0 8px 0 !important; /* Margin bottom creates space above link */
}

/* Base Link Wrapper Alignment */
.project-link-container-link .live-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    color: var(--color-primary) !important;
    transition: color 0.3s ease !important;
}

/* Icon Resizing and Vertical Centering */
.project-link-container-link .link-icon {
    font-size: 18px !important;
    vertical-align: middle !important;
    display: inline-block !important;
    transition: transform 0.3s ease !important;
}

/* Underline Isolation - Only wraps around the actual link text */
.project-link-container-link .link-text {
    font-family: var(--font-main) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-bottom: 2px solid rgba(112, 47, 229, 0.3) !important;
    padding-bottom: 2px !important;
    transition: border-color 0.3s ease !important;
}

/* Global Hover Triggers (Fires when hovering anywhere over the text block module) */
.project-link-container-link:hover .live-link {
    color: var(--color-primary-container) !important;
}

.project-link-container-link:hover .link-icon {
    transform: scale(1.1) !important;
}

.project-link-container-link:hover .link-text {
    border-color: var(--color-primary) !important;
}