/*
 * project-mind-block.css
 *
 * Styles for the "Have a project in mind?" contact block (.pm-wrapper) used by the
 * landing templates: page-ai-agent.php, page-real-estate-brokerage-software.php,
 * page-custom-real-estate.php, page-real-estate-mls-software-development.php,
 * page-rental-property-management-software.php.
 *
 * These rules were previously emitted as an inline <style> inside <body> by the
 * `project_mind_block_ai` Code Snippet (DB), which is invalid HTML (a <style> element
 * is not allowed as a child of <div>). The markup now lives in
 * template-parts/project-mind-block.php and this stylesheet is enqueued into <head>,
 * so the rules are byte-equivalent to the old snippet output — no visual change.
 *
 * Enqueued by litslink_scripts() in functions.php on those 5 page templates only.
 */

.pm-wrapper{
    max-width: 900px !important;
    padding: 10px !important;
    border-radius: 12px !important;
    font-family: Arial, sans-serif !important;
    color: #1f2937 !important;
}

.pm-title h2{
    font-size: 30px !important;
    font-weight: 600 !important;
    margin-bottom: 20px !important;
}

.pm-text{
    font-size: 16px !important;
    color: #6b7280 !important;
    line-height: 1.7 !important;
    max-width: 600px !important;
}

.pm-steps-title{
    margin-top: 30px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

.pm-steps{
    margin-top: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
}

.pm-step{
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
}

.pm-number{
    color: #4f46e5 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    min-width: 20px !important;
}

.pm-step-text{
    color: #6b7280 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.pm-badges{
    margin-top: 30px !important;
    display: flex !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
}

.pm-badge{
    background: white !important;
    border: 1px solid #e5e7eb !important;
    padding: 1px 6px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #374151 !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.03) !important;
    flex: 1 1 45%;
    min-width: 160px;
    margin-bottom: 10px;
}

.pm-icon{
    color: #4f46e5 !important;
    font-weight: 700 !important;
}

/* responsive */

@media (max-width: 768px){

    .pm-wrapper{
        padding: 12px 14px !important; /* минимальные отступы */
    }

    .pm-title h2{
        font-size: 22px !important;
        margin: 0 !important;
        line-height: 1.3 !important;
    }

    /* полностью убираем влияние скрытых блоков */
    .pm-text,
    .pm-steps-title,
    .pm-steps,
    .pm-badges{
        display:none !important;
        margin:0 !important;
        padding:0 !important;
        height:0 !important;
    }

}
