/* Fiqh Al-Asr: modern reading layout with an Islamic palette. */

:root {
  --fiqh-ink: #14261c;
  --fiqh-green: #0f4f3a;
  --fiqh-green-deep: #0c2e22;
  --fiqh-gold: #c4a15a;
  --fiqh-gold-soft: #e7d3a1;
  --fiqh-cream: #f7f3ea;
  --fiqh-paper: #fffdf8;
  --fiqh-text: #2b261f;
  --fiqh-muted: #6d6458;
  --fiqh-font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --fiqh-naskh: "Amiri", "Noto Naskh Arabic", "Times New Roman", serif;
}

body.bs-publisher {
  background-color: var(--fiqh-cream);
  color: var(--fiqh-text);
  font-family: var(--fiqh-font);
  font-size: 16px;
  line-height: 1.85;
}

body.bs-publisher.active-top-line {
  border-top: 4px solid var(--fiqh-gold) !important;
}

body.bs-publisher h1,
body.bs-publisher h2,
body.bs-publisher h3,
body.bs-publisher h4,
body.bs-publisher .post-title,
body.bs-publisher .section-heading,
body.bs-publisher .main-menu a,
body.bs-publisher .topbar,
body.bs-publisher .site-footer {
  font-family: var(--fiqh-font);
}

::selection {
  background: var(--fiqh-green);
  color: #fff;
}

/* Top bar and main menu */
.topbar.topbar-style-1 {
  background: var(--fiqh-green-deep) !important;
  color: var(--fiqh-green) !important;
  border-bottom: 1px solid rgba(196, 161, 90, 0.35);
}

.topbar .topbar-inner,
.topbar .section-menu,
.topbar .section-menu a,
.topbar .topbar-sign-in {
  color: var(--fiqh-green) !important;
  font-weight: 600;
}

.topbar .section-menu a:hover,
.topbar .topbar-sign-in:hover {
  color: var(--fiqh-green-deep) !important;
}

.topbar .better-social-counter.style-button .social-item {
  margin: 0 0 0 6px !important;
  float: right !important;
}

.topbar .better-social-counter.style-button .item-icon {
  width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  background: var(--fiqh-gold) !important;
  color: var(--fiqh-green-deep) !important;
  border-radius: 8px !important;
}

.topbar .social-item.instagram {
  display: none !important;
}

#topbar-date,
#topbar-date .topbar-date {
  background: var(--fiqh-gold) !important;
  color: var(--fiqh-ink) !important;
  border-radius: 999px;
  padding: 2px 12px !important;
}

.main-menu-wrapper {
  background: var(--fiqh-paper) !important;
  box-shadow: 0 10px 28px rgba(18, 38, 28, 0.06);
  border-bottom: 2px solid var(--fiqh-gold) !important;
}

.main-menu > li > a {
  color: var(--fiqh-ink) !important;
  font-weight: 600;
  font-size: 15px;
}

.main-menu > li > a:hover,
.main-menu > li:hover > a,
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a {
  color: var(--fiqh-green) !important;
}

.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a {
  box-shadow: inset 0 -3px 0 var(--fiqh-gold);
}

.main-menu .sub-menu {
  background: var(--fiqh-paper) !important;
  border-radius: 14px;
  border: 1px solid rgba(196, 161, 90, 0.45);
  border-top: 3px solid var(--fiqh-gold) !important;
  box-shadow: 0 18px 40px rgba(18, 38, 28, 0.12);
  padding: 8px 0;
}

.main-menu .sub-menu a {
  color: var(--fiqh-ink) !important;
  font-weight: 500;
  background: transparent !important;
}

.main-menu.menu .sub-menu li:hover > a,
.main-menu .sub-menu a:hover,
.main-menu .sub-menu li.current-menu-item:hover > a {
  background: var(--fiqh-green) !important;
  color: #fff !important;
}

.search-container .search-handler {
  color: var(--fiqh-green) !important;
}

.search-box .search-field {
  border-radius: 999px;
  border: 1px solid var(--fiqh-gold-soft) !important;
  background: #fff;
  font-family: var(--fiqh-font);
}

.site-header .header-inner {
  padding-bottom: 0 !important;
}

/* Pull the ticker up under the banner. Theme spacing adds about 90px. */
.home main.content-container,
.home .content-container > .layout-1-col {
  margin-top: 0 !important;
}

.home .wpb-content-wrapper > .vc_row-has-fill:first-child > .wpb_column > .bs-vc-wrapper,
.home .wpb-content-wrapper > .vc_row-has-fill:first-child > .bs-vc-wrapper > .vc_column_container > .bs-vc-wrapper {
  padding-top: 16px !important;
}

.home .wpb_raw_code:has(.spt-container) {
  padding: 0 !important;
  margin: 0 0 8px !important;
}

/* Latest-topics ticker. Plugin prints inline colors and animates with floats. */
.spt-container {
  border: 1px solid rgba(196, 161, 90, 0.45) !important;
  border-radius: 14px !important;
  overflow: hidden;
  background: var(--fiqh-green-deep) !important;
  box-shadow: none !important;
  margin: 0 !important;
}

.spt-label {
  background: var(--fiqh-gold) !important;
  color: var(--fiqh-ink) !important;
  font-family: var(--fiqh-font) !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 46px !important;
  padding: 0 16px !important;
}

.spt-marquee {
  background: var(--fiqh-green-deep) !important;
  line-height: 46px !important;
}

.spt-link {
  color: #f7f3ea !important;
  font-family: var(--fiqh-font) !important;
  font-weight: 500;
}

.spt-link:hover {
  color: var(--fiqh-gold) !important;
}

/* Section titles */
.section-heading .h-text {
  background: transparent !important;
  color: var(--fiqh-green-deep) !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  padding: 0 0 6px !important;
  border-bottom: 3px solid var(--fiqh-gold);
  box-shadow: none !important;
}

.section-heading.sh-t2:before,
.section-heading.sh-t2:after,
.section-heading .h-text:before,
.section-heading .h-text:after {
  background: transparent !important;
}

/* Cards */
.listing-item .item-inner {
  background: var(--fiqh-paper);
  border: 1px solid rgba(196, 161, 90, 0.35);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 34px rgba(18, 38, 28, 0.07);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.listing-item .item-inner:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(18, 38, 28, 0.12);
}

.listing-item .featured img,
.listing-item .img-holder,
.listing-item .img-cont {
  border-radius: 0;
}

.listing-item .title,
.listing-item .post-title {
  color: var(--fiqh-ink) !important;
  font-weight: 600;
  line-height: 1.55;
}

.listing-item .post-meta,
.listing-item .post-meta a,
.listing .post-meta {
  color: var(--fiqh-muted) !important;
}

.term-badges.floated .term-badge a {
  background: var(--fiqh-green-deep) !important;
  color: #f7f3ea !important;
  border: 1px solid var(--fiqh-gold);
  border-radius: 999px !important;
  padding: 3px 12px !important;
  font-weight: 600;
  max-width: none;
}

.term-badges.text-badges a {
  color: var(--fiqh-green) !important;
  background: transparent !important;
  font-weight: 700 !important;
}

/* Article reading */
.single .entry-content,
.single .post-content,
.single-post-content,
.entry-content {
  font-family: var(--fiqh-naskh);
  font-size: 22px;
  line-height: 2.05;
  color: #241f1a;
}

.single h1,
.single .post-title,
.single-post-title {
  font-family: var(--fiqh-font) !important;
  color: var(--fiqh-ink) !important;
  font-weight: 700;
  line-height: 1.45;
}

.bf-breadcrumb,
.bf-breadcrumb a {
  color: var(--fiqh-muted) !important;
  font-family: var(--fiqh-font);
}

.pagination .page-numbers,
.bs-numbered-pagination a,
.bs-numbered-pagination span {
  border-radius: 10px !important;
  border-color: var(--fiqh-gold-soft) !important;
}

.pagination .page-numbers.current,
.pagination .current {
  background: var(--fiqh-green) !important;
  color: #fff !important;
  border-color: var(--fiqh-green) !important;
}

/* Footer */
.site-footer,
.site-footer .footer-social-icons,
.site-footer .copy-footer {
  background: var(--fiqh-green-deep) !important;
  color: #f3ead8 !important;
}

.site-footer {
  margin-top: 48px;
  padding-top: 8px;
}

.site-footer .footer-social-icons {
  padding: 28px 0 8px;
}

.site-footer .social-list {
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 10px;
  direction: rtl;
  margin: 0 !important;
}

.site-footer .better-social-counter.style-big-button .social-item,
.site-footer .better-social-counter.style-big-button.colored .social-item,
.site-footer .better-social-counter.style-big-button.colored .social-item.facebook,
.site-footer .better-social-counter.style-big-button.colored .social-item.twitter,
.site-footer .better-social-counter.style-big-button.colored .social-item.youtube,
.site-footer .better-social-counter.style-big-button.colored .social-item.telegram {
  float: none !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 72px;
  margin: 0 !important;
  padding: 12px 10px !important;
  background: #17382b !important;
  border: 1px solid rgba(196, 161, 90, 0.55) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.site-footer .better-social-counter.style-big-button .social-item:hover,
.site-footer .better-social-counter.style-big-button.colored .social-item:hover {
  background: var(--fiqh-gold) !important;
}

.site-footer .better-social-counter.style-big-button .item-icon {
  background: var(--fiqh-gold) !important;
  color: var(--fiqh-green-deep) !important;
  border: 0 !important;
  border-radius: 12px !important;
  text-shadow: none !important;
}

.site-footer .better-social-counter.style-big-button .social-item:hover .item-icon {
  background: var(--fiqh-green-deep) !important;
  color: #fff !important;
}

.site-footer .better-social-counter .item-name,
.site-footer .better-social-counter .item-title-join {
  color: #f7f3ea !important;
  font-family: var(--fiqh-font) !important;
  text-align: right;
}

.site-footer .better-social-counter .item-name {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.site-footer .better-social-counter .item-title-join {
  font-size: 13px !important;
  opacity: 0.85;
}

.site-footer .better-social-counter .social-item:hover .item-name,
.site-footer .better-social-counter .social-item:hover .item-title-join {
  color: var(--fiqh-ink) !important;
}

.site-footer a,
.site-footer .copy-1,
.site-footer .copy-2 {
  color: #f3ead8 !important;
}

.footer-menu .bf-icon,
.footer-menu .fa {
  display: none !important;
}

.footer-menu a {
  font-family: var(--fiqh-font);
}

.footer-menu a:hover {
  color: var(--fiqh-gold) !important;
}

.copy-footer {
  border-top: 1px solid rgba(196, 161, 90, 0.35);
  padding-bottom: 18px;
}

@media (max-width: 782px) {
  .site-footer .social-list {
    flex-wrap: wrap;
  }

  .site-footer .better-social-counter.style-big-button .social-item,
  .site-footer .better-social-counter.style-big-button.colored .social-item {
    flex: 1 1 calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
  }
}

.back-top {
  background: var(--fiqh-green) !important;
  border-radius: 12px;
}

@media (max-width: 782px) {
  .single .entry-content,
  .single .post-content,
  .entry-content {
    font-size: 19px;
    line-height: 1.95;
  }

  .section-heading .h-text {
    font-size: 18px !important;
  }
}