/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       IQSQ
 Domain:       wcfmmp-store-lists
*/

/* ============================= */
/* ✅ Make Store Listings 4 Per Row */
/* ============================= */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li {
    width: 25% !important; /* Forces 4 per row */
    padding: 15px;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-4 {
    width: 25% !important; /* Ensures 4 per row */
}

/* ============================= */
/* ✅ Improve Store Listing Appearance */
/* ============================= */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper {
    background: #ffffff;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px;
}

/* Store title styling */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
}

/* Store Email / Phone # Appearance */
#wcfmmp-stores-wrap .wcfmmp-store-wrap p.store-phone {
    --wd-primary-color: #ffffff !important; /* Override only inside .store-phone */
    background: linear-gradient(90deg, var(--wd-primary-color) 0%, transparent 69%) !important;
    padding: 0px;
    color: black !important;
    font-weight: bold;
    border-radius: 5px;
    display: block;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-data .wcfmmp-store-rating {
    display:none !important;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li p.store-enquiry a.wcfm_catalog_enquiry {
    background: #116633 !important;
    border: #116633 !important;
    color: white !important;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-wrapper .store-content {
    border-bottom-color: #116633 !important;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li.coloum-3 a.wcfmmp-visit-store {
    background: #84B063 !important;
    border: #84B063 !important;
    color: white !important;
}


/* Inquiry & Visit Button Styles */
.wcfmmp-store .wcfmmp-store-buttons a {
    background-color: #008cba; /* Blue button */
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}

.wcfmmp-store .wcfmmp-store-buttons a:hover {
    background-color: #005f78;
}

/* ============================= */
/* ✅ Adjust Image & Store Avatar Sizing */
/* ============================= */
#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-content .store-info {
    height: 250px; /* Adjust banner size */
    background-size: cover;
    background-position: center;
}

#wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .store-footer .store-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #ddd;
}

/* ============================= */
/* ✅ Responsive Adjustments (Mobile & Tablet) */
/* ============================= */
@media (max-width: 991px) and (min-width: 768px) {
  #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li {
    width: 50% !important; /* 2 stores per row on tablets */
  }
}

@media (max-width: 767px) {
  #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li {
    width: 100% !important; /* 1 store per row on mobile */
  }
}

/* Ensure store buttons align properly */
@media (max-width: 640px) {
    #wcfmmp-stores-wrap ul.wcfmmp-store-wrap li .wcfmmp-store-buttons {
        text-align: center;
    }
}

/* ============================= */
/* ✅ Pagination Styling (If Needed) */
/* ============================= */
#wcfmmp-stores-wrap .paginations ul li a, 
#wcfmmp-stores-wrap .paginations ul li span {
    font-size: 13px;
    color: #999999;
    background: #eeeeee;
    min-height: 22px;
    line-height: 22px;
    min-width: 25px;
    display: block;
    text-align: center;
}

#wcfmmp-stores-wrap .paginations ul li span.current,
#wcfmmp-stores-wrap .paginations ul li a:hover {
    color: #fff;
    background: #17a2b8;
}