/* Start custom CSS for wp-widget-tag_cloud, class: .elementor-element-a466b40 *//* ===========================
   Elementor Pro – Tag Cloud
   Paste in: Advanced → Custom CSS (widget)
   =========================== */

/* Wrapper */
.elementor-58250 .elementor-element.elementor-element-a466b40 {
  --tag-bg: #fff;
  --tag-color: #0d47a1;
  --tag-border: #dcd7c6;
  --tag-hover-bg: #0d47a1;
  --tag-hover-color: #fff;
  --tag-shadow: 0 1px 0 rgba(0,0,0,.06);
  --tag-gap: 10px;
  --tag-pad-y: .35em;
  --tag-pad-x: .75em;
  --tag-radius: 999px;
  --tag-font-size: 20px;          /* base */
  --tag-font-size-sm: 18px;       /* tablet */
  --tag-font-size-xs: 16px;       /* mobile */
  --heading-color: #6b3d12;       /* matches brown header vibe */
  --heading-size: 28px;

  direction: rtl;                 /* Urdu / Arabic flow */
  text-align: right;
  line-height: 1.6;
  font-feature-settings: "rlig","calt";
  /* Urdu/Nastaliq stack; falls back gracefully */
  font-family: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Mehr Nastaliq Web",
               "Scheherazade New", "Noto Naskh Arabic", serif;
}

/* Optional: style the section heading inside this widget (if present) */
.elementor-58250 .elementor-element.elementor-element-a466b40 h2,
.elementor-58250 .elementor-element.elementor-element-a466b40 h3,
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud-heading,
.elementor-58250 .elementor-element.elementor-element-a466b40 .elementor-heading-title {
  color: var(--heading-color);
  font-size: var(--heading-size);
  margin: 0 0 12px 0;
  font-weight: 700;
  letter-spacing: .2px;
}

/* Tag container */
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud,
.elementor-58250 .elementor-element.elementor-element-a466b40 .wp-block-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tag-gap);
  align-items: flex-start;
}

/* Individual tag links */
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a,
.elementor-58250 .elementor-element.elementor-element-a466b40 .wp-block-tag-cloud a {
  position: relative;
  display: inline-block;
  padding: var(--tag-pad-y) var(--tag-pad-x);
  border: 1px solid var(--tag-border);
  border-radius: var(--tag-radius);
  background: var(--tag-bg);
  color: var(--tag-color);
  box-shadow: var(--tag-shadow);
  text-decoration: none;
  font-size: var(--tag-font-size);
  line-height: 1.4;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, transform .12s ease;
  /* nicer digit alignment for Urdu numerals */
  font-variant-numeric: tabular-nums;
  white-space: nowrap;            /* keep each tag in one piece */
}

/* Hover / focus */
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a:hover,
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a:focus,
.elementor-58250 .elementor-element.elementor-element-a466b40 .wp-block-tag-cloud a:hover,
.elementor-58250 .elementor-element.elementor-element-a466b40 .wp-block-tag-cloud a:focus {
  background: var(--tag-hover-bg);
  color: var(--tag-hover-color);
  border-color: var(--tag-hover-bg);
  transform: translateY(-1px);
  outline: none;
}

/* Active/Current tag (WP adds .tag-link-current sometimes) */
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a[aria-current="page"],
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a.current-tag,
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a.tag-link-current {
  background: var(--tag-hover-bg);
  color: var(--tag-hover-color);
  border-color: var(--tag-hover-bg);
}

/* Subtle underline sweep on hover (from right → left for RTL) */
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a::after,
.elementor-58250 .elementor-element.elementor-element-a466b40 .wp-block-tag-cloud a::after {
  content: "";
  position: absolute;
  inset-inline-end: 12px;         /* right in RTL */
  inset-inline-start: 12px;       /* left in RTL */
  bottom: 6px;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .25s ease;
  opacity: .35;
}
.elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a:hover::after,
.elementor-58250 .elementor-element.elementor-element-a466b40 .wp-block-tag-cloud a:hover::after {
  transform: scaleX(1);
}

/* Make long clouds breathe on small screens */
@media (max-width: 1024px) {
  .elementor-58250 .elementor-element.elementor-element-a466b40 {
    --tag-font-size: var(--tag-font-size-sm);
  }
}
@media (max-width: 767px) {
  .elementor-58250 .elementor-element.elementor-element-a466b40 {
    --tag-font-size: var(--tag-font-size-xs);
    --tag-gap: 8px;
    --tag-pad-y: .32em;
    --tag-pad-x: .6em;
    --heading-size: 24px;
  }
  /* allow wrapping if a tag is too long on tiny screens */
  .elementor-58250 .elementor-element.elementor-element-a466b40 .tagcloud a,
  .elementor-58250 .elementor-element.elementor-element-a466b40 .wp-block-tag-cloud a {
    white-space: normal;
  }
}

/* Optional: tighter visual rhythm inside an Elementor container */
.elementor-58250 .elementor-element.elementor-element-a466b40 .elementor-widget-container {
  padding: 12px 14px 18px;
  border: 1px dashed rgba(0,0,0,.06);
  border-radius: 10px;
  background-image: radial-gradient(ellipse at 30% 0%, rgba(107,61,18,.05), rgba(107,61,18,0) 60%);
}/* End custom CSS */