/*
  Theme Name:   Jannah
  Theme URI:    http://jannah.tielabs.com/
  Description:  Beautiful, Powerful & Flexible WordPress Theme for News, Magazine and Blog websites.
  Author:       TieLabs
  Author URI:   https://tielabs.com/
  Version:      7.1.0
  License:      license purchased
  License URI:  http://themeforest.net/licenses/regular_extended
  Tags:         two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
  Text Domain:  jannah
  Tested up to: 6.4
  Requires at least: 5.0
*/

/* Main stylesheet: keep in sync with assets/css/style.css */

:root {
  --ls-primary: #0069d9;
  --ls-primary-dark: #0056b3;
  --ls-bg: #f8f9fa;
  --ls-border: #dee2e6;
  --ls-text: #212529;
  --ls-text-muted: #6c757d;
  --ls-radius: 12px;
  --ls-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

span.d-block {
  width: 100%;
}

.d-flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.align-items-center {
  align-items: center;
}

.justify-content-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.d-none {
  display: none;
}

.d-block {
  display: block;
}

.d-sm-block {
  display: block;
}

.d-md-block {
  display: block;
}
.d-lg-block {
  display: block;
}
.d-xl-block {
  display: block;
}
.d-md-none {
  display: none;
}

.d-lg-none {
  display: none;
}

.d-xl-none {
  display: none;
}

.list-items-lawer > div {
  padding: 10px 0;
}

.title-search-top {
  min-width: 0;
}

/* --- Loop Lawyer --- */

.box-lawer-index {
  margin-block: 12px;
  border-radius: 0.5rem;
  box-shadow: var(--ls-shadow);
}

.box-lawer-index .box-slide-info {
  display: flex;
  gap: 0.8rem;
  border: 1px solid #eee;
  border-radius: 6px;
  padding: 8px;
}
.serp-card {
  position: relative;
  height: 100%;
}
.serp-card .pro {
  width: 85%;
  height: 19px;
  border-radius: 100px;
  padding: 0 4px;
  background-color: #fff1eb;
  position: absolute;
  bottom: -0.5rem;
  left: 8%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.serp-card .pro p {
  color: #1c1f24;
  font-size: 11px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 0;
  margin-bottom: 0;
}
.box-lawer-index .lawer-body a {
  display: block;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 130%;
}
.box-lawer-index .lawer-body > a {
  padding-bottom: 0;
}
.rating-container .caption {
  color: #999;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-left: 5px;
  margin-right: 0;
}
.box-lawer-index .lawer-body span {
  font-size: 0.813rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

.box-lawer-index .rating-stars {
  position: relative;
  display: inline-block;
  font-size: 19px;
  line-height: 1;
  letter-spacing: 1px;
}

.box-lawer-index .rating-stars .empty-stars {
  color: #d5d5d5;
}

.box-lawer-index .rating-stars .filled-stars {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  color: #ffb100;
  white-space: nowrap;
}

.box-lawer-index .badge-stars,
.box-lawer-index .badge-count {
  font-size: 13px;
}

.rating-stars input.rating-input {
  display: none;
}

.box-lawer-index .badge-count {
  margin-left: 5px;
}