/*
====================================
 B2B WOOLFF MATCHMAKING
 GLAVNI CSS
====================================
*/


/* GLOBAL */

.b2b-companies-wrapper{

    width:100%;
    max-width:1200px;
    margin:40px auto;
    padding:20px;

}



.b2b-companies-wrapper h2{

    text-align:center;
    font-size:32px;
    font-weight:700;
    margin-bottom:35px;
    color:#222;

}



/*
====================================
 GRID KOMPANIJA
====================================
*/


.b2b-company-grid{

    display:grid;
    grid-template-columns:
    repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

}



/*
====================================
 KARTICA FIRME
====================================
*/


.b2b-company-card{


    background:#ffffff;

    border-radius:18px;

    padding:30px;

    box-shadow:
    0 8px 25px rgba(0,0,0,0.10);

    border:1px solid #eeeeee;

    transition:0.3s ease;


}



.b2b-company-card:hover{


    transform:translateY(-5px);

    box-shadow:
    0 15px 35px rgba(0,0,0,0.15);


}




/*
====================================
 NAZIV FIRME
====================================
*/


.b2b-company-card h3{


    font-size:25px;

    margin-bottom:25px;

    color:#0b4d8c;

    font-weight:700;

    border-bottom:2px solid #0b4d8c;

    padding-bottom:12px;


}




/*
====================================
 PODACI
====================================
*/


.b2b-company-info p{


    font-size:16px;

    line-height:1.6;

    margin-bottom:18px;

    color:#444;


}



.b2b-company-info strong{


    color:#111;

    font-weight:700;


}




/*
====================================
 WEB LINK
====================================
*/


.b2b-company-info a{


    color:#0b4d8c;

    text-decoration:none;

    font-weight:600;


}



.b2b-company-info a:hover{


    text-decoration:underline;


}



/*
====================================
 OPIS FIRME
====================================
*/


.b2b-description{


    background:#f7f9fc;

    padding:15px;

    border-radius:10px;

}



/*
====================================
 TERMINI
====================================
*/


.b2b-company-info p:last-of-type{


    background:#eef7ff;

    padding:15px;

    border-radius:10px;

    color:#064b7a;

    font-weight:600;


}



/*
====================================
 DUGME SASTANAK
====================================
*/


.b2b-meeting-button{


    display:block;

    width:100%;

    text-align:center;

    margin-top:25px;

    padding:15px 20px;

    background:#0b4d8c;

    color:white !important;

    font-size:16px;

    font-weight:700;

    border-radius:10px;

    text-decoration:none !important;

    transition:0.3s;


}



.b2b-meeting-button:hover{


    background:#08345e;

    transform:scale(1.03);


}



/*
====================================
 REGISTRACIJA FORMA
====================================
*/


.b2b-company-form{


    max-width:750px;

    margin:40px auto;

    background:#fff;

    padding:35px;

    border-radius:18px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.10);


}



.b2b-company-form h2{


    text-align:center;

    margin-bottom:30px;

    color:#0b4d8c;


}



.b2b-company-form input,
.b2b-company-form textarea,
.b2b-company-form select{


    width:100%;

    padding:14px;

    border:1px solid #ddd;

    border-radius:8px;

    font-size:16px;

    margin-top:8px;

    box-sizing:border-box;


}



.b2b-company-form textarea{


    min-height:120px;


}



.b2b-company-form label{


    font-weight:600;

    color:#222;


}



.b2b-company-form button{


    width:100%;

    padding:16px;

    margin-top:20px;

    background:#0b4d8c;

    color:#fff;

    border:none;

    border-radius:10px;

    font-size:18px;

    font-weight:700;

    cursor:pointer;


}



.b2b-company-form button:hover{


    background:#08345e;


}



/*
====================================
 PORUKE / STATUS
====================================
*/


.b2b-success{


    background:#e8f8ed;

    border-left:5px solid #2ecc71;

    padding:15px;

    margin:20px 0;

}



.b2b-error{


    background:#ffecec;

    border-left:5px solid #e74c3c;

    padding:15px;

    margin:20px 0;


}




/*
====================================
 MOBILNI PRIKAZ
====================================
*/


@media(max-width:768px){


.b2b-companies-wrapper{

    padding:10px;

}


.b2b-company-grid{

    grid-template-columns:1fr;

}



.b2b-company-card{

    padding:20px;

}



.b2b-company-card h3{

    font-size:22px;

}



.b2b-company-form{

    padding:20px;

}



}