/* =====================================================
   FINANCIAL SOLUTIONS – CLASSIC REAL ESTATE
   ===================================================== */

.solutions-section{
    padding:6.5rem 0;
    background:#ffffff;
}

/* Grid */
.solutions-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:2.2rem;
}

/* =====================================================
   CARD
   ===================================================== */
.solution-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    border:1px solid #e5e7eb;
    box-shadow:0 14px 34px rgba(0,0,0,.10);
    transition:box-shadow .3s ease, transform .3s ease;
}

.solution-card:hover{
    box-shadow:0 22px 48px rgba(0,0,0,.16);
    transform:translateY(-6px);
}

/* =====================================================
   IMAGE
   ===================================================== */
.solution-image{
    position:relative;
    height:300px;
    overflow:hidden;
}

.solution-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .6s ease;
}

.solution-card:hover .solution-image img{
    transform:scale(1.05);
}

/* Dark overlay – always visible (classic) */
.solution-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.45),
        rgba(0,0,0,.15)
    );
}

/* =====================================================
   CONTENT
   ===================================================== */
.solution-content{
    padding:2rem 2rem 2.2rem;
}

/* Title */
.solution-title{
    font-size:1.45rem;
    font-weight:800;
    color:#000000;
    margin-bottom:.8rem;
    line-height:1.4;
    letter-spacing:-.3px;
}

/* Description */
.solution-description{
    font-size:.98rem;
    line-height:1.75;
    color:#475569;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */

/* Tablet */
@media(max-width:1024px){
    .solutions-grid{
        grid-template-columns:repeat(2,1fr);
        gap:2rem;
    }

    .solution-image{ height:260px; }
    .solution-title{ font-size:1.3rem; }
}

/* Mobile */
@media(max-width:768px){
    .solutions-section{
        padding:4.5rem 0;
    }

    .solutions-grid{
        grid-template-columns:1fr;
        gap:1.6rem;
    }

    .solution-image{ height:220px; }

    .solution-content{
        padding:1.6rem;
    }

    .solution-title{
        font-size:1.2rem;
    }

    .solution-description{
        font-size:.92rem;
    }
}

/* =====================================================
   RTL SUPPORT
   ===================================================== */
html[dir="rtl"] .solution-card{
    direction:rtl;
    text-align:right;
}


/* Ensure RTL compatibility for all elements */
html[dir="rtl"] .solution-card {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .financial-solutions-header .breadcrumb {
    flex-direction: row-reverse;
}

html[dir="rtl"] .solution-overlay {
    background: linear-gradient(-135deg, rgba(239, 182, 111, 0.1) 0%, rgba(142, 93, 34, 0.1) 100%);
}

/* ===== ANIMATIONS ===== */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.solution-card {
    animation: fadeInUp 0.6s ease-out backwards;
}

.solution-card:nth-child(1) { animation-delay: 0.1s; }
.solution-card:nth-child(2) { animation-delay: 0.2s; }
.solution-card:nth-child(3) { animation-delay: 0.3s; }
.solution-card:nth-child(4) { animation-delay: 0.4s; }
.solution-card:nth-child(5) { animation-delay: 0.5s; }

/* ===== ACCESSIBILITY ===== */

/* Focus states for keyboard navigation */
.solution-card:focus-within {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
    .solution-card,
    .solution-image img,
    .solution-overlay,
    .solution-title {
        animation: none;
        transition: none;
    }
}

/* ===== PRINT STYLES ===== */

@media print {
    .financial-solutions-header {
        background: var(--white);
        color: var(--gray-900);
    }

    .financial-solutions-header .page-title {
        color: var(--gray-900);
    }

    .financial-solutions-header .page-description,
    .financial-solutions-header .breadcrumb {
        color: var(--gray-700);
    }

    .solution-card {
        page-break-inside: avoid;
        box-shadow: none;
        border: 1px solid var(--gray-300);
    }

    .solution-card:hover {
        transform: none;
        box-shadow: none;
    }
}