/*
 * category-list.css — Pro category-list + location-list widget styles (FE2 split).
 *
 * Moved verbatim out of wpc-public-pro.css: the .wpc-category-list-style1..4 and
 * .wpc-location-list-style1..4 variants (shared .wpc-single-cat-item / .wpc-cat-thumb
 * / .wpc-category-title primitives). Pure relocation — no rule changed. Served
 * directly from source like cards-pro.css; enqueued right after wpc-pro-cards so
 * source order is preserved (these selectors had zero reuse later in the monolith).
 * Consumers: [wpc_category_list]/[wpc_location_list] shortcodes (global enqueue) and
 * the category-list + menu-location-list Elementor widgets (get_style_depends()).
 */


/*-------------------------
// category  list widget
--------------------------*/
.wpc-single-cat-item {
  position: relative;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  overflow: hidden;
  margin-bottom: 30px;
}
.wpc-single-cat-item .wpc-cat-thumb {
  width: 100%;
  min-height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.wpc-single-cat-item .wpc-category-title {
  font-size: 20px;
  text-transform: capitalize;
  text-align: center;
  margin: 0;
}
.wpc-single-cat-item .wpc-category-title a {
  color: #101010;
}
.wpc-single-cat-item:hover .wpc-cat-thumb {
  transform: scale(1.02);
}

/* style the google-map-iframe-inside the thumb */
.wpc-location-list-style2 .wpc-single-cat-item .wpc-cat-thumb  iframe{
  width: 100%;
  height: 250px;
  border-radius: 50%;
}
.wpc-location-list-style4 .wpc-single-cat-item .wpc-cat-thumb  iframe{
  height: 100px;
  border-radius: 50%;
}
/* style the google-map-iframe-inside the thumb */
.wpc-location-list-style3 .wpc-single-cat-item .wpc-cat-thumb  iframe{
  height: 250px;
  width: 100%;
}
/* style the google-map-iframe-inside the thumb */
.wpc-location-list-style1 .wpc-single-cat-item .wpc-cat-thumb  iframe{
  height: 250px;
  width: 100%;
}

/*-------------------------
// category  list widget style 1
--------------------------*/
.wpc-location-list-style1 .wpc-category-title,
.wpc-location-list-style3 .wpc-category-title,
.wpc-category-list-style1 .wpc-category-title,
.wpc-category-list-style3 .wpc-category-title {
  position: absolute;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 20px;
  text-transform: capitalize;
  width: 100%;
}
.wpc-location-list-style1 .wpc-category-title a,
.wpc-location-list-style3 .wpc-category-title a,
.wpc-category-list-style1 .wpc-category-title a,
.wpc-category-list-style3 .wpc-category-title a {
  color: #fff;
  padding: 10px 0;
  display: block;
  background: #e3106e;
}

/*-------------------------
// category  list widget style 2
--------------------------*/
.wpc-category-list-style2 .wpc-cat-thumb,
.wpc-location-list-style2 .wpc-cat-thumb {
  width: 250px;
  margin: auto auto 15px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
}

/*-------------------------
// category  list widget style 3
--------------------------*/
.wpc-category-list-style3 .wpc-cat-thumb,
.wpc-location-list-style3 .wpc-cat-thumb {
  position: relative;
}
.wpc-category-list-style3 .wpc-cat-thumb:before,
.wpc-location-list-style3 .wpc-cat-thumb:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.5);
}
.wpc-category-list-style3 .wpc-category-title,
.wpc-location-list-style3 .wpc-category-title {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.wpc-category-list-style3 .wpc-category-title a,
.wpc-location-list-style3 .wpc-category-title a {
  background: transparent;
}

/*-------------------------
// category  list widget style 4
--------------------------*/
.wpc-category-list-style4 .wpc-cat-title-wrap,
.wpc-location-list-style4 .wpc-cat-title-wrap {
  flex: 0 0 60%;
  max-width: 60%;
  align-self: center;
}
.wpc-category-list-style4 .wpc-cat-img,
.wpc-location-list-style4 .wpc-cat-img {
  flex: 0 0 40%;
  max-width: 40%;
}
.wpc-category-list-style4 .wpc-category-title,
.wpc-location-list-style4 .wpc-category-title {
  text-align: left;
  margin-bottom: 25px;
}
.wpc-category-list-style4 .wpc-cat-thumb,
.wpc-location-list-style4 .wpc-cat-thumb {
  min-height: 120px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 10px solid #fff;
  max-width: 120px;
  margin-left: auto;
}
.wpc-category-list-style4 .wpc-readmore-link,
.wpc-location-list-style4 .wpc-readmore-link {
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  display: inline-block;
  text-align: center;
  color: #232323;
  line-height: 50px;
  font-size: 15px;
}
.wpc-category-list-style4 .wpc-readmore-link i,
.wpc-location-list-style4 .wpc-readmore-link i {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
}
.wpc-category-list-style4 .wpc-single-cat-item,
.wpc-location-list-style4 .wpc-single-cat-item {
  display: flex;
  flex-wrap: wrap;
  padding: 25px;
  background: #fef8ec;
  transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.wpc-category-list-style4 .wpc-single-cat-item:hover,
.wpc-location-list-style4 .wpc-single-cat-item:hover {
  background: #e3106e;
}
.wpc-category-list-style4 .wpc-single-cat-item:hover .wpc-readmore-link,
.wpc-category-list-style4 .wpc-single-cat-item:hover .wpc-category-title a,
.wpc-location-list-style4 .wpc-single-cat-item:hover .wpc-readmore-link,
.wpc-location-list-style4 .wpc-single-cat-item:hover .wpc-category-title a {
  color: #fff;
}