/* Hide BuddyPress search */



.dir-search.members-search.bp-search{

display:none;

}

/* Search Area */

#melka-business-directory .melka-search-wrapper{

    width:100%;

    border-radius:25px;

    padding:20px;

    margin-bottom:55px;
    
    margin-top:50px;
    
    /*border:1px solid gray;*/
    
    background:#fff;
    
    height:100px;
    
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

#melka-business-directory #melka-company-search{

display:flex;

gap:15px;

align-items:center;

flex-wrap:wrap;

}

#melka-business-directory #melka-search{

flex:3;

min-width:300px;

}

#melka-business-directory #melka-location{

flex:1;

min-width:180px;

}

#melka-business-directory #melka-category{

flex:1;

min-width:180px;

}

#melka-business-directory #melka-company-search button{

width:180px;

}

#melka-business-directory #melka-company-search input,
#melka-business-directory #melka-company-search select{

    /*border:1px solid #D8E0DC;*/
    box-shadow:0 10px 30px rgba(0,0,0,.08);

    border-radius:20px;

    background:#ffffff;

    padding:0 18px;

    font-size:15px;

    transition:.3s;
    
    width:100%;

}

#melka-business-directory #melka-company-search input,
#melka-business-directory #melka-company-search select,
#melka-business-directory #melka-company-search button{

    height:54px;

}


#melka-business-directory #melka-company-search input:hover,
#melka-business-directory #melka-company-search select:hover{

    border-color:#7E9F92;

}


#melka-business-directory #melka-company-search input:focus,
#melka-business-directory #melka-company-search select:focus{

    outline:none;

    border-color:#7E9F92;

    box-shadow:0 0 0 4px rgba(126,159,146,.18);

}

#melka-business-directory #melka-company-search button{

    background:#7E9F92;

    color:#fff;

    border:none;

    border-radius:12px;

    font-weight:600;

    font-size:15px;

    cursor:pointer;

    transition:.3s;

}

#melka-business-directory #melka-company-search button:hover{

    background:#6B8B7F;

}

#melka-business-directory #members-order-by{

    display:none !important;
   

}

/*.current-member-type{*/

/*    display:none;*/

/*}*/

#melka-business-directory .melka-search-header{

    margin-bottom:20px;

}

#melka-business-directory .melka-search-header h2{

    font-size:30px;

    font-weight:700;

    color:#1F2937;

    margin:0 0 8px;

}

#melka-business-directory .melka-search-header p{

    color:#6B7280;

    font-size:16px;

    margin:0;

}

#melka-business-directory .melka-company-grid{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(260px,1fr));

gap:25px;

margin-top:40px;

}

#melka-business-directory .melka-company-card{

background:#fff;

border-radius:18px;

padding:30px;

text-align:center;

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

transition:.3s;

}

#melka-business-directory .melka-company-card:hover{

transform:translateY(-6px);

}

#melka-business-directory .company-avatar img{

width:90px;

height:90px;

border-radius:50%;

object-fit:cover;

margin-bottom:15px;

}

#melka-business-directory .company-button{

display:inline-block;

margin-top:18px;

padding:12px 22px;

background:#7E9F92;

color:#fff;

border-radius:10px;

text-decoration:none;

font-weight:600;

}

#melka-business-directory .company-button:hover{

background:#6C8C80;

color:#fff;

}



#melka-business-directory .melka-grid{

display:grid;

grid-template-columns:repeat(auto-fill,minmax(420px,1fr));

gap:35px;

margin-top:40px;

}

#melka-business-directory .melka-card{

background:#fff;

border-radius:22px;

overflow:hidden;

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

transition:.35s;

width:400px;

}

#melka-business-directory .melka-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

#melka-business-directory .melka-cover{

height:170px;

overflow:hidden;

}

#melka-business-directory .melka-cover img{

width:100%;

height:150px;

object-fit:cover;

display:block;

}

#melka-business-directory .melka-avatar{

margin-top:-65px;

display:flex;

justify-content:center;

}

#melka-business-directory .melka-avatar img{

width:130px;

height:130px;

border-radius:50%;

border:6px solid #fff;

background:#fff;

object-fit:cover;

box-shadow:0 5px 20px rgba(0,0,0,.18);

}

#melka-business-directory .melka-content{

padding:25px 35px 35px;

text-align:center;

}

#melka-business-directory .melka-content h2{

font-size:28px;

font-weight:700;

margin:0;

color:#1F2937;

}

#melka-business-directory .melka-content h2 p{

font-size:28px;

font-weight:700;

margin:0;

color:#1F2937;

}

#melka-business-directory .melka-category{

display:inline-block;

padding:10px 22px;

background:#EAF5F0;

color:#0F2347;

border-radius:30px;

font-weight:600;

margin:10px auto 25px;

}

#melka-business-directory .melka-details{

/*display:flex;*/

/*justify-content:space-between;*/

margin:20px 0;

font-size:16px;

color:#555;

align-items:center;
}

#melka-business-directory .melka-details div{

/*display:flex;*/

align-items:center;

/*gap:8px;*/

text-align:center;

}

#melka-business-directory .melka-details div span{
    color:#0F2347;
}

#melka-business-directory .melka-description{

font-size:16px;

line-height:1.8;

color:#666;

margin-top:15px;

min-height:70px;

}

#melka-business-directory .melka-buttons{

display:flex;

gap:15px;

margin-top:30px;

}

#melka-business-directory .btn-green{


width:100%;

background:#0F2347;

color:#fff;

padding:15px;

border-radius:12px;

text-decoration:none;

font-weight:600;

}

#melka-business-directory .melka-buttons a{
    text-decoration:none;
    color:white;
}

#melka-business-directory .btn-green:hover{

background:#6C8C80;

color:#fff;

}

#melka-business-directory .btn-white{

flex:1;

background:#fff;

border:1px solid #D8E0DC;

padding:15px;

border-radius:12px;

text-decoration:none;

font-weight:600;

color:#222;

}

#melka-business-directory .btn-white:hover{

background:#F6F8F9;

}

#melka-business-directory .melka-directory-header{

margin-bottom:40px;

}

#melka-business-directory .melka-directory-header h1{

font-size:42px;

font-weight:800;

color:#0F2347;

margin-bottom:10px;

margin-top:30px;

}

#melka-business-directory .melka-directory-header p{

font-size:18px;

color:#18253F;

margin-bottom:20px;

}

#melka-business-directory .melka-count{

display:inline-block;

background:#F1F5F9;

padding:10px 18px;

border-radius:12px;

font-weight:600;

color:#475569;

}


#melka-business-directory .melka-pagination{

display:flex;

justify-content:center;

align-items:center;

gap:10px;

margin:50px 0;

flex-wrap:wrap;

}

#melka-business-directory .melka-pagination a{

padding:12px 18px;

background:#fff;

border:1px solid #E5E7EB;

border-radius:10px;

text-decoration:none;

color:#374151;

font-weight:600;

transition:.3s;

}

#melka-business-directory .melka-pagination a:hover{

background:#7E9F92;

color:#fff;

}

#melka-business-directory .melka-pagination .active{

background:#7E9F92;

color:#fff;

border-color:#7E9F92;

}

#melka-business-directory .melka-stats{

display:flex;

justify-content:space-between;

align-items:center;

margin:18px 0;

padding-top:14px;

border-top:1px solid #EEF2F4;

font-size:14px;

color:#6B7280;

gap:10px;

flex-wrap:wrap;

}

#melka-business-directory .melka-stat{

display:flex;

align-items:center;

gap:6px;

font-weight:500;

}

#melka-business-directory .melka-stat.verified{

color:#16A34A;

font-weight:700;

}

/* Elementor Compatibility */

#melka-business-directory img{

max-width:100%;

height:auto;

}

#melka-business-directory a{

text-decoration:none;

}

#melka-business-directory *{

box-sizing:border-box;

}


/* ==========================================
   TABLET (1024px and below)
========================================== */

@media (max-width:1024px){

    #melka-business-directory .melka-grid{

        grid-template-columns:repeat(2,1fr);

        gap:25px;

    }

    #melka-business-directory .melka-content{

        padding:25px;

    }

}


/* ==========================================
   MOBILE (768px and below)
========================================== */

@media (max-width:768px){

    /* Header */

    #melka-business-directory .melka-directory-header{

        text-align:center;

    }

    #melka-business-directory .melka-directory-header h1{

        font-size:32px;

    }

    #melka-business-directory .melka-directory-header p{

        font-size:16px;

    }

    /* Search */

    #melka-business-directory .melka-search-wrapper{

        height:auto;

        padding:20px;

    }

    #melka-business-directory #melka-company-search{

        flex-direction:column;

        gap:15px;

    }

    #melka-business-directory #melka-search,

    #melka-business-directory #melka-location,

    #melka-business-directory #melka-category,

    #melka-business-directory #melka-company-search button{

        width:100%;

        min-width:100%;

        flex:none;

    }

    #melka-business-directory #melka-company-search input,

    #melka-business-directory #melka-company-search select{

        width:100%;

    }

    /* Cards */

    #melka-business-directory .melka-grid{

        grid-template-columns:1fr;

        gap:25px;

    }

    #melka-business-directory .melka-cover{

        height:150px;

    }

    #melka-business-directory .melka-cover img{

        height:150px;

    }

    #melka-business-directory .melka-avatar{

        margin-top:-55px;

    }

    #melka-business-directory .melka-avatar img{

        width:110px;

        height:110px;

    }

    #melka-business-directory .melka-content{

        padding:20px;

    }

    #melka-business-directory .melka-content h2{

        font-size:24px;

    }

    #melka-business-directory .melka-category{

        font-size:14px;

    }

    #melka-business-directory .melka-details{

        font-size:15px;

    }

    #melka-business-directory .melka-description{

        font-size:15px;

        min-height:auto;

    }

    /* Statistics */

    #melka-business-directory .melka-stats{

        flex-direction:column;

        align-items:flex-start;

        gap:10px;

    }

    /* Button */

    #melka-business-directory .melka-buttons{

        display:block;

    }

    #melka-business-directory .btn-green{

        display:block;

        width:100%;

        text-align:center;

    }

}


/* ==========================================
   SMALL PHONES (480px and below)
========================================== */

@media (max-width:480px){

    #melka-business-directory .melka-directory-header h1{

        font-size:28px;

    }

    #melka-business-directory .melka-content{

        padding:18px;

    }

    #melka-business-directory .melka-avatar img{

        width:95px;

        height:95px;

    }

    #melka-business-directory .melka-category{

        padding:8px 18px;

        font-size:13px;

    }

    #melka-business-directory .melka-pagination{

        gap:6px;

    }

    #melka-business-directory .melka-pagination a{

        padding:10px 14px;

        font-size:14px;

    }

}


.melka-profile-actions{

margin-top:20px;

display:flex;

gap:15px;

justify-content:center;

flex-wrap:wrap;

}

.melka-profile-actions .friendship-button{

margin:0;

}

.melka-btn{

display:inline-block;

padding:12px 24px;

border-radius:8px;

font-weight:600;

text-decoration:none;

}

.melka-message{

background:#0F2347;

color:white !important;

}

.melka-message:hover{


color:white;

}

.melka-pending{

background:#f4f4f4;

color:#666;

cursor:default;

}
.melka-profile-actions{

    text-align:center;
    margin:-8px 0;

}

.melka-message-btn{

    display:inline-block;
    background:#2C6E63;
    color:#fff;
    padding:12px 30px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;

}

.melka-message-btn:hover{

    background:#24594f;
    color:#fff;

}

.melka-profile-actions pre{
    padding:0px;
    margin-bottom:-10px;
   font-family: sans-serif;
}


.melka-business-page{

display:flex;

flex-direction:column;

gap:30px;

margin-top:30px;

}

.melka-card{

background:#fff;

border-radius:18px;

padding:30px;

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

margin-bottom:0;

}

.melka-card h2{

margin-top:0;

font-size:24px;

color:#1f2937;

margin-bottom:20px;

}

.melka-card p{

line-height:1.8;

color:#555;

}

.melka-info-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px 40px;

}

.melka-info-item{

display:flex;

justify-content:space-between;

align-items:center;

padding:14px 0;

border-bottom:1px solid #eef2f5;

}

.melka-label{

font-weight:700;

color:#4B7A69;

}

.melka-info-item a{

color:#4B7A69;

text-decoration:none;

}

.melka-info-item a:hover{

text-decoration:underline;

}

@media(max-width:900px){

.melka-business-page{

grid-template-columns:1fr;

}

}

@media(max-width:600px){

.melka-card{

padding:20px;

}

.melka-info-item{

flex-direction:column;

align-items:flex-start;

}

}

















/* ===========================
   Google Business Gallery
=========================== */

.melka-upload-btn{

background:#4B7A69;
color:#fff;
border:none;
padding:12px 22px;
border-radius:10px;
font-weight:600;
cursor:pointer;
margin-bottom:20px;

}

.melka-gallery-featured{

position:relative;
height:380px;
border-radius:18px;
overflow:hidden;
margin-bottom:18px;
box-shadow:0 12px 30px rgba(0,0,0,.12);

}

.melka-gallery-featured img{

width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.4s;

}

.melka-gallery-featured:hover img{

transform:scale(1.04);

}

.melka-gallery-thumbs{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;

}

.melka-gallery-thumb{

position:relative;
height:150px;
overflow:hidden;
border-radius:14px;
cursor:pointer;
box-shadow:0 8px 20px rgba(0,0,0,.08);

}

.melka-gallery-thumb img{

width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.3s;

}

.melka-gallery-thumb:hover img{

transform:scale(1.08);

}

.melka-gallery-placeholder{

height:150px;
border:2px dashed #d8d8d8;
border-radius:14px;
display:flex;
justify-content:center;
align-items:center;
background:#fafafa;
cursor:pointer;

}

.melka-gallery-placeholder:hover{

border-color:#4B7A69;

}

.melka-gallery-placeholder span{

font-size:45px;
color:#4B7A69;

}

.melka-gallery-placeholder.big{

height:380px;

}

/* Delete Button */

.melka-delete-image{

position:absolute;
top:12px;
right:12px;
width:36px;
height:36px;
border:none;
border-radius:50%;
background:rgba(229,57,53,.92);
color:#fff;
font-size:22px;
cursor:pointer;
opacity:0;
transition:.25s;
z-index:20;

}

.melka-gallery-featured:hover .melka-delete-image,
.melka-gallery-thumb:hover .melka-delete-image{

opacity:1;

}

@media(max-width:768px){

.melka-gallery-featured{

height:240px;

}

.melka-gallery-thumbs{

grid-template-columns:repeat(2,1fr);

}

}