/* ============================================
   Urdu Book Store v1.0 — bookstore-style.css
   Standalone CSS — defines CSS variables so the
   plugin works even without the Poetry Section plugin.
   ============================================ */

:root {
  --urdu-cream:          #faf7f2;
  --urdu-cream-dark:     #f0ebe3;
  --urdu-burgundy:       #6b1c3e;
  --urdu-burgundy-light: #8b2d5e;
  --urdu-gold:           #c9a84c;
  --urdu-gold-light:     #d4b96e;
  --urdu-text:           #2c1e1a;
  --urdu-text-muted:     #7a6b5e;
  --urdu-border:         #d4c9b8;
  --urdu-shadow:         rgba(43, 30, 26, 0.08);
}

/* ============================================
   Urdu Nastaliq Text
   ============================================ */

.urdu-text {
  font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Urdu Typesetting', serif;
  direction: rtl;
  text-align: right;
  line-height: 2.8;
  font-weight: 400;
  color: var(--urdu-text);
}

/* ============================================
   Page Wrapper
   ============================================ */

.urdu-bookstore {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 1rem 3rem;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: var(--urdu-text);
}

/* ============================================
   Authors / Poets Shared Hero Banner
   (.urdu-poets-hero — shared with poetry section)
   ============================================ */

.urdu-poets-hero {
  width: 100%;
  background: linear-gradient(135deg, #4a0e28 0%, var(--urdu-burgundy) 50%, #8b2d5e 100%);
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.urdu-poets-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse at 20% 50%, rgba(201, 168, 76, 0.12) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 50%, rgba(201, 168, 76, 0.08) 0%, transparent 60%);
  pointer-events: none;
}

.urdu-poets-hero::after {
  content: '✦';
  position: absolute;
  right: 3%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 6rem;
  color: rgba(201, 168, 76, 0.08);
  line-height: 1;
  pointer-events: none;
}

.urdu-poets-hero__inner {
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin: 0 auto;
  padding: 1.8rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.1rem;
}

.urdu-poets-hero__title {
  font-size: 2.4rem;
  color: #fff;
  margin: 0;
  line-height: 2;
  text-shadow: 0 2px 12px rgba(0,0,0,0.25);
  letter-spacing: 0.01em;
}

.urdu-poets-hero__search {
  display: flex;
  gap: 0.6rem;
  width: 100%;
  max-width: 620px;
  flex-wrap: nowrap;
}

.urdu-poets-hero__input {
  flex: 1;
  padding: 0.65rem 1.1rem;
  border: 1.5px solid rgba(255,255,255,0.35);
  border-radius: 8px 0 0 8px;
  font-size: 0.9rem;
  background: rgba(255,255,255,0.13);
  color: #fff;
  backdrop-filter: blur(4px);
  transition: border-color 0.2s ease, background 0.2s ease;
  min-width: 0;
}

.urdu-poets-hero__input::placeholder {
  color: rgba(255,255,255,0.6);
}

.urdu-poets-hero__input:focus {
  outline: none;
  border-color: var(--urdu-gold);
  background: rgba(255,255,255,0.2);
}

.urdu-poets-hero__select {
  padding: 0.65rem 0.9rem;
  border: 1.5px solid rgba(255,255,255,0.35);
  border-radius: 0 8px 8px 0;
  font-size: 0.88rem;
  background: rgba(255,255,255,0.13);
  color: #fff;
  cursor: pointer;
  backdrop-filter: blur(4px);
  transition: border-color 0.2s ease, background 0.2s ease;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .urdu-poets-hero__inner {
    padding: 1.4rem 1rem;
    gap: 0.85rem;
  }
  .urdu-poets-hero__title {
    font-size: 1.8rem;
  }
  .urdu-poets-hero__search {
    flex-direction: column;
    gap: 0.5rem;
    max-width: 100%;
  }
  .urdu-poets-hero__input {
    border-radius: 8px;
  }
}

/* ============================================
   Hero Banner
   ============================================ */

.urdu-bookstore__hero {
  background: linear-gradient(135deg, var(--urdu-burgundy) 0%, #4a0e28 100%);
  color: #fff;
  border-radius: 16px;
  margin: 1.5rem 0 2rem;
  padding: 3rem 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.urdu-bookstore__hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'/%3E%3C/svg%3E") repeat;
  pointer-events: none;
}

.urdu-bookstore__hero-inner {
  position: relative;
  z-index: 1;
}

.urdu-bookstore__hero-title {
  font-size: 3.5rem;
  margin: 0 0 0.25rem;
  color: #fff !important;
  line-height: 2;
  direction: rtl;
  text-align: center !important;
  font-family: 'Noto Nastaliq Urdu', serif;
}

.urdu-bookstore__hero-subtitle {
  font-size: 1.15rem;
  margin: 0.5rem 0 0.25rem;
  color: rgba(255,255,255,0.85);
  letter-spacing: 0.02em;
}

.urdu-bookstore__hero-count {
  font-size: 0.9rem;
  color: var(--urdu-gold-light);
  margin: 0;
  font-weight: 500;
}

/* ============================================
   Category Pills / Tabs
   ============================================ */

.urdu-bookstore__cats {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  align-items: center;
}

.urdu-bookstore__cat-pill {
  display: inline-block;
  padding: 0.45rem 1.1rem;
  border-radius: 24px;
  border: 2px solid var(--urdu-border);
  background: #fff;
  color: var(--urdu-text-muted);
  font-size: 0.875rem;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 500;
}

.urdu-bookstore__cat-pill:hover {
  border-color: var(--urdu-burgundy);
  color: var(--urdu-burgundy);
  background: var(--urdu-cream);
}

.urdu-bookstore__cat-pill.is-active {
  background: var(--urdu-burgundy);
  border-color: var(--urdu-burgundy);
  color: #fff;
}

.urdu-bookstore__cat-pill .count {
  font-size: 0.78rem;
  opacity: 0.75;
  margin-left: 0.3rem;
}

/* ============================================
   Search + Filter Bar
   ============================================ */

.urdu-bookstore__search-bar {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 2rem;
  flex-wrap: wrap;
  align-items: flex-end;
}

.urdu-bookstore__search-input {
  flex: 1;
  min-width: 220px;
  padding: 0.65rem 1rem;
  border: 2px solid var(--urdu-border);
  border-radius: 8px;
  font-size: 0.95rem;
  color: var(--urdu-text);
  transition: border-color 0.2s;
  background: #fff;
}

.urdu-bookstore__search-input:focus {
  outline: none;
  border-color: var(--urdu-burgundy);
}

.urdu-bookstore__search-btn {
  padding: 0.65rem 1.5rem;
  background: var(--urdu-burgundy);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.urdu-bookstore__search-btn:hover {
  background: var(--urdu-burgundy-light);
}

.urdu-bookstore__sort-select {
  padding: 0.65rem 2rem 0.65rem 0.9rem;
  border: 2px solid var(--urdu-border);
  border-radius: 8px;
  font-size: 0.9rem;
  color: var(--urdu-text);
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a6b5e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 0.7rem center;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  transition: border-color 0.2s;
  white-space: nowrap;
}

.urdu-bookstore__sort-select:focus {
  outline: none;
  border-color: var(--urdu-burgundy);
}

.urdu-bookstore__filter-clear {
  padding: 0.65rem 1rem;
  color: var(--urdu-text-muted);
  font-size: 0.9rem;
  text-decoration: none;
  border-radius: 8px;
  transition: color 0.2s;
}

.urdu-bookstore__filter-clear:hover {
  color: var(--urdu-burgundy);
}

.urdu-bookstore__result-note {
  color: var(--urdu-text-muted);
  font-size: 0.9rem;
  margin-bottom: 1rem;
}

/* ============================================
   Live search — loading state
   ============================================ */

#urdu-book-grid-wrap {
  position: relative;
  transition: opacity 0.2s ease;
}

#urdu-book-grid-wrap.is-loading {
  opacity: 0.45;
  pointer-events: none;
}

#urdu-book-grid-wrap.is-loading::after {
  content: '';
  position: absolute;
  inset: 0;
  background: transparent;
  z-index: 2;
}

/* ============================================
   Book Grid
   ============================================ */

.urdu-book-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

.urdu-book-grid--store {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.urdu-book-grid--more {
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 1rem;
}

/* ============================================
   Book Card
   ============================================ */

.urdu-book-card {
  background: #fff;
  border: 1px solid var(--urdu-border);
  border-radius: 12px;
  overflow: hidden;
  transition: all 0.25s ease;
  display: flex;
  flex-direction: column;
}

.urdu-book-card:hover {
  box-shadow: 0 8px 28px var(--urdu-shadow);
  transform: translateY(-3px);
  border-color: var(--urdu-gold);
}

.urdu-book-card--store {
  /* same as base */
}

.urdu-book-card__link {
  text-decoration: none;
  color: inherit;
  display: block;
  flex: 1;
}

/* Cover */
.urdu-book-card__cover {
  position: relative;
  background: linear-gradient(160deg, var(--urdu-burgundy) 0%, #3a0e22 100%);
  aspect-ratio: 3/4;
  overflow: hidden;
}

.urdu-book-card__cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.urdu-book-card:hover .urdu-book-card__cover img {
  transform: scale(1.03);
}

.urdu-book-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  opacity: 0.6;
  color: #fff;
}

/* Store badges */
.urdu-book-card__badges {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

.urdu-book-badge {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
}

.urdu-book-badge--amazon  { background: rgba(229, 100, 0, 0.92); }
.urdu-book-badge--daraz   { background: rgba(232, 108, 0, 0.92); }
.urdu-book-badge--read    { background: rgba(14, 116, 144, 0.92); }
.urdu-book-badge--dl      { background: rgba(34, 102, 53, 0.92); }

/* Card meta */
.urdu-book-card__meta {
  padding: 0.85rem 0.9rem 0.75rem;
  flex: 1;
}

.urdu-book-card__title {
  font-size: 1rem;
  margin: 0 0 0.2rem;
  color: var(--urdu-burgundy);
  line-height: 2.2;
}

.urdu-book-card__roman {
  font-size: 0.82rem;
  color: var(--urdu-text-muted);
  margin: 0 0 0.2rem;
  font-style: italic;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.urdu-book-card__poet {
  font-size: 0.8rem;
  color: var(--urdu-burgundy-light);
  margin: 0 0 0.2rem;
  font-weight: 500;
}

.urdu-book-card__year {
  display: inline-block;
  font-size: 0.75rem;
  color: var(--urdu-text-muted);
  background: var(--urdu-cream);
  padding: 0.1rem 0.45rem;
  border-radius: 4px;
  border: 1px solid var(--urdu-border);
}

/* Quick buy buttons */
.urdu-book-card__quick-btns {
  display: flex;
  border-top: 1px solid var(--urdu-border);
}

.urdu-book-card__quick-btn {
  flex: 1;
  text-align: center;
  padding: 0.5rem 0.25rem;
  font-size: 0.72rem;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: all 0.2s ease;
  border-right: 1px solid var(--urdu-border);
  color: var(--urdu-text-muted);
}

.urdu-book-card__quick-btn:last-child {
  border-right: none;
}

.urdu-book-card__quick-btn--amazon:hover  { background: #e56400; color: #fff; }
.urdu-book-card__quick-btn--daraz:hover   { background: #e86c00; color: #fff; }
.urdu-book-card__quick-btn--read:hover    { background: #0e7490; color: #fff; }
.urdu-book-card__quick-btn--download:hover{ background: #226635; color: #fff; }

/* ============================================
   Category Page — Hero Variant
   ============================================ */

.urdu-bookstore__cat-hero {
  background: var(--urdu-cream-dark);
  border-left: 5px solid var(--urdu-burgundy);
  border-radius: 0 12px 12px 0;
  padding: 1.5rem 2rem;
  margin-bottom: 2rem;
}

.urdu-bookstore__cat-hero h1 {
  font-size: 2rem;
  margin: 0 0 0.25rem;
  color: var(--urdu-burgundy);
}

.urdu-bookstore__cat-hero p {
  margin: 0;
  color: var(--urdu-text-muted);
  font-size: 0.95rem;
}

/* Breadcrumb */
.urdu-bookstore__breadcrumb {
  font-size: 0.85rem;
  color: var(--urdu-text-muted);
  margin-bottom: 1.25rem;
}

.urdu-bookstore__breadcrumb a {
  color: var(--urdu-burgundy);
  text-decoration: none;
}

.urdu-bookstore__breadcrumb a:hover {
  text-decoration: underline;
}

.urdu-bookstore__breadcrumb__sep {
  margin: 0 0.35rem;
  color: var(--urdu-gold);
}

/* ============================================
   Pagination
   ============================================ */

.urdu-bookstore__pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: center;
  margin: 1.5rem 0;
}

.urdu-bookstore__pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 0.6rem;
  border-radius: 8px;
  border: 2px solid var(--urdu-border);
  background: #fff;
  color: var(--urdu-text-muted);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.urdu-bookstore__pagination .page-numbers:hover,
.urdu-bookstore__pagination .page-numbers.current {
  background: var(--urdu-burgundy);
  border-color: var(--urdu-burgundy);
  color: #fff;
}

/* ============================================
   Empty State
   ============================================ */

.urdu-bookstore__empty {
  text-align: center;
  padding: 4rem 2rem;
  color: var(--urdu-text-muted);
}

.urdu-bookstore__empty h2 {
  font-size: 1.4rem;
  color: var(--urdu-burgundy);
  margin: 1rem 0 0.5rem;
}

.urdu-bookstore__empty a {
  color: var(--urdu-burgundy);
}

/* ============================================
   Single Book Page
   ============================================ */

.urdu-book-single-page {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1rem 3rem;
}

.urdu-book-breadcrumb {
  font-size: 0.85rem;
  color: var(--urdu-text-muted);
  margin: 1rem 0 1.5rem;
}

.urdu-book-breadcrumb a {
  color: var(--urdu-burgundy);
  text-decoration: none;
}

.urdu-book-breadcrumb a:hover { text-decoration: underline; }

.urdu-book-breadcrumb__sep {
  margin: 0 0.4rem;
  color: var(--urdu-gold);
}

.urdu-book-single {
  background: #fff;
  border: 1px solid var(--urdu-border);
  border-radius: 16px;
  padding: 2rem;
  box-shadow: 0 4px 24px var(--urdu-shadow);
}

.urdu-book-single__top {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 2.5rem;
  margin-bottom: 2rem;
}

/* Cover */
.urdu-book-single__cover-wrap {
  flex-shrink: 0;
}

.urdu-book-single__cover {
  width: 100%;
  max-width: 220px;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(107, 28, 62, 0.25);
  display: block;
}

.urdu-book-single__cover-placeholder {
  width: 220px;
  aspect-ratio: 3/4;
  border-radius: 8px;
  background: linear-gradient(160deg, var(--urdu-burgundy) 0%, #3a0e22 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  color: rgba(255,255,255,0.7);
}

.urdu-book-single__cover-placeholder .urdu-text {
  color: rgba(255,255,255,0.85);
  font-size: 1.1rem;
  line-height: 2;
  text-align: center;
}

/* Meta column */
.urdu-book-single__meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.urdu-book-single__title {
  font-size: 2.2rem;
  margin: 0;
  color: var(--urdu-burgundy);
  line-height: 2.2;
}

.urdu-book-single__roman {
  font-size: 1.15rem;
  color: var(--urdu-text-muted);
  margin: 0.1rem 0;
  font-style: italic;
}

.urdu-book-single__author {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.95rem;
  color: var(--urdu-burgundy-light);
  margin: 0.25rem 0;
  font-weight: 500;
}

.urdu-book-single__author a {
  color: inherit;
  text-decoration: none;
}

.urdu-book-single__author a:hover {
  text-decoration: underline;
}

.urdu-book-single__details {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem 1rem;
  font-size: 0.88rem;
  margin: 0.5rem 0;
  background: var(--urdu-cream);
  border-radius: 8px;
  padding: 0.85rem 1rem;
  border: 1px solid var(--urdu-border);
}

.urdu-book-single__details dt {
  font-weight: 600;
  color: var(--urdu-text-muted);
}

.urdu-book-single__details dd {
  margin: 0;
  color: var(--urdu-text);
}

/* CTA Buttons */
.urdu-book-single__cta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-top: 0.75rem;
}

.urdu-book-single__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.65rem 1.35rem;
  border-radius: 8px;
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all 0.2s ease;
  color: #fff;
}

.urdu-book-single__btn--amazon {
  background: #e56400;
}
.urdu-book-single__btn--amazon:hover {
  background: #c45500;
  color: #fff;
}

.urdu-book-single__btn--daraz {
  background: #e86c00;
}
.urdu-book-single__btn--daraz:hover {
  background: #c75c00;
  color: #fff;
}

.urdu-book-single__btn--read {
  background: #0e7490;
}
.urdu-book-single__btn--read:hover {
  background: #0a5f75;
  color: #fff;
}

.urdu-book-single__btn--download {
  background: #226635;
}
.urdu-book-single__btn--download:hover {
  background: #1a5229;
  color: #fff;
}

/* Action bar (Like / Share / Comment) */
.urdu-book-single__actions {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--urdu-border);
}

.urdu-book-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--urdu-text-muted);
  padding: 0.4rem 0.6rem;
  border-radius: 6px;
  transition: all 0.2s ease;
  text-decoration: none;
}

.urdu-book-action-btn:hover {
  background: var(--urdu-cream);
  color: var(--urdu-burgundy);
}

.urdu-book-action-btn svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.urdu-book-action-btn--liked {
  color: var(--urdu-burgundy);
}

.urdu-book-action-btn--liked svg {
  fill: var(--urdu-burgundy);
}

/* Descriptions */
.urdu-book-single__description {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--urdu-border);
  line-height: 1.8;
  color: var(--urdu-text);
  font-size: 0.97rem;
}

.urdu-book-single__description.urdu-text {
  line-height: 2.8;
  font-size: 1.1rem;
}

/* More books row */
.urdu-book-single__more {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--urdu-border);
}

.urdu-book-single__more-title {
  font-size: 1.1rem;
  color: var(--urdu-burgundy);
  margin: 0 0 1rem;
}

/* Comments */
.urdu-book-comments {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--urdu-border);
}

/* Poetry bridge note */
.urdu-bookstore__bridge-note {
  font-size: 0.82rem;
  color: var(--urdu-text-muted);
  background: var(--urdu-cream);
  border-radius: 6px;
  padding: 0.5rem 0.9rem;
  border: 1px solid var(--urdu-border);
  display: inline-block;
  margin-bottom: 1rem;
}

.urdu-bookstore__bridge-note a {
  color: var(--urdu-burgundy);
  font-weight: 500;
  text-decoration: none;
}

.urdu-bookstore__bridge-note a:hover {
  text-decoration: underline;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 680px) {
  .urdu-book-single__top {
    grid-template-columns: 1fr;
  }

  .urdu-book-single__cover {
    max-width: 200px;
    margin: 0 auto;
  }

  .urdu-book-single__cover-placeholder {
    width: 200px;
    margin: 0 auto;
  }

  .urdu-book-single__title {
    font-size: 1.7rem;
  }

  .urdu-bookstore__hero-title {
    font-size: 2.4rem;
  }

  .urdu-book-grid {
    grid-template-columns: repeat(auto-fill, minmax(155px, 1fr));
    gap: 1rem;
  }

  .urdu-bookstore__cats {
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 0.5rem;
    -webkit-overflow-scrolling: touch;
  }

  .urdu-bookstore__cat-pill {
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  .urdu-book-single__cta {
    flex-direction: column;
  }
  .urdu-book-single__btn {
    justify-content: center;
  }

  .urdu-book-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ============================================
   Author Archive
   ============================================ */

.urdu-author-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.urdu-author-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: var(--urdu-text);
  padding: 1.25rem 0.75rem 1rem;
  border: 1px solid var(--urdu-border);
  border-radius: 12px;
  background: #fff;
  transition: all 0.25s ease;
}

.urdu-author-card:hover {
  box-shadow: 0 8px 28px var(--urdu-shadow);
  transform: translateY(-3px);
  border-color: var(--urdu-gold);
}

.urdu-author-card__photo-wrap {
  position: relative;
  margin-bottom: 0.75rem;
}

.urdu-author-card__photo {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--urdu-cream-dark);
  display: block;
}

.urdu-author-card__avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--urdu-burgundy) 0%, #4a0e28 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  color: rgba(255,255,255,0.85);
  font-family: 'Noto Nastaliq Urdu', serif;
}

.urdu-author-card__book-badge {
  position: absolute;
  bottom: -4px;
  right: -8px;
  background: var(--urdu-burgundy);
  color: #fff;
  font-size: 0.62rem;
  font-weight: 700;
  padding: 0.15rem 0.45rem;
  border-radius: 10px;
  white-space: nowrap;
  line-height: 1.4;
}

.urdu-author-card__poet-badge {
  position: absolute;
  top: -4px;
  right: -8px;
  background: var(--urdu-gold);
  color: #fff;
  font-size: 0.65rem;
  font-weight: 700;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.urdu-author-card__urdu-name {
  font-size: 1.1rem;
  margin: 0 0 0.15rem;
  color: var(--urdu-burgundy);
  line-height: 2;
}

.urdu-author-card__name {
  font-size: 0.8rem;
  margin: 0;
  color: var(--urdu-text-muted);
  font-style: italic;
}

/* ============================================
   Single Author Page
   ============================================ */

/* ============================================
   Single Author Page
   ============================================ */

.urdu-author-single {
  max-width: 900px;
  margin: 0 auto;
  padding: 0.5rem 1rem 2rem;
}

.urdu-author-single__header {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--urdu-border);
}

.urdu-author-single__photo {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid var(--urdu-gold);
  flex-shrink: 0;
}

.urdu-author-single__avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: var(--urdu-burgundy);
  color: var(--urdu-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  font-family: 'Noto Nastaliq Urdu', serif;
  flex-shrink: 0;
  direction: rtl;
}

.urdu-author-single__info {
  flex: 1;
}

.urdu-author-single__urdu-name {
  font-size: 1.8rem;
  margin: 0 0 0.25rem;
  color: var(--urdu-burgundy);
}

.urdu-author-single__name {
  font-size: 0.9rem;
  color: var(--urdu-text-muted);
  margin: 0 0 0.5rem;
  font-style: italic;
}

.urdu-author-single__details {
  margin: 0.5rem 0 0;
  font-size: 0.85rem;
  color: var(--urdu-text-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  line-height: 1.5;
}

.urdu-author-single__stat {
  color: var(--urdu-text);
}

.urdu-author-single__poet-link {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: var(--urdu-gold-light);
  color: var(--urdu-burgundy);
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.urdu-author-single__poet-link:hover {
  background: var(--urdu-gold);
  color: var(--urdu-burgundy);
}

.urdu-author-single__bio {
  margin: 0.5rem 0;
  line-height: 1.8;
  color: var(--urdu-text);
}

.urdu-author-single__bio.urdu-text {
  line-height: 2.5;
  font-size: 1.1rem;
}

/* ============================================
   Tabs on single author page
   ============================================ */

.urdu-author-tabs {
  margin-top: 1rem;
}

.urdu-author-tabs__nav {
  display: flex;
  gap: 0.25rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid var(--urdu-border);
  padding-bottom: 0;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.urdu-author-tabs__tab {
  padding: 0.6rem 1.2rem;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 0.9rem;
  color: var(--urdu-text-muted);
  border-radius: 6px 6px 0 0;
  transition: all 0.2s ease;
  font-weight: 500;
  white-space: nowrap;
  position: relative;
}

.urdu-author-tabs__tab:hover {
  color: var(--urdu-burgundy);
  background: var(--urdu-cream);
}

.urdu-author-tabs__tab.active {
  color: var(--urdu-cream);
  background: var(--urdu-burgundy);
}

.urdu-author-tabs__tab .count {
  font-size: 0.75rem;
  opacity: 0.7;
  margin-left: 0.35rem;
}

.urdu-author-tabs__panel {
  display: none;
  animation: authorFadeIn 0.3s ease;
}

.urdu-author-tabs__panel.active {
  display: block;
}

@keyframes authorFadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ============================================
   Author Directory (/authors/)
   ============================================ */

.urdu-authors-directory {
  max-width: 900px;
  margin: 0 auto;
  padding: 0.5rem 1rem;
}

.urdu-author-item {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid var(--urdu-border);
}

.urdu-author-item__avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--urdu-burgundy);
  color: var(--urdu-cream);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-family: 'Noto Nastaliq Urdu', serif;
  flex-shrink: 0;
  direction: rtl;
}

.urdu-author-item__img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--urdu-gold);
  flex-shrink: 0;
}

.urdu-author-item__info {
  flex: 1;
}

.urdu-author-item__name {
  font-size: 1.4rem;
  margin: 0 0 0.25rem;
  color: var(--urdu-burgundy);
  text-decoration: none;
  display: inline-block;
}

.urdu-author-item__name:hover {
  color: var(--urdu-burgundy-light);
}

.urdu-author-item__meta {
  font-size: 0.85rem;
  color: var(--urdu-text-muted);
  margin: 0 0 0.5rem;
  line-height: 1.6;
}

.urdu-author-item__work {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.urdu-author-item__work-link {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.6rem;
  background: var(--urdu-cream);
  color: var(--urdu-burgundy);
  border-radius: 16px;
  font-size: 0.78rem;
  text-decoration: none;
  border: 1px solid var(--urdu-border);
  transition: all 0.2s ease;
}

.urdu-author-item__work-link:hover {
  background: var(--urdu-burgundy);
  color: var(--urdu-cream);
  border-color: var(--urdu-burgundy);
}

/* ============================================
   Poetry Section → Book Store Bridge
   ============================================ */

.urdu-poet-store-bridge {
  margin-top: 2rem;
  padding: 1.5rem;
  background: var(--urdu-cream);
  border-radius: 12px;
  border: 1px solid var(--urdu-border);
}

.urdu-poet-store-bridge__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}

.urdu-poet-store-bridge__title {
  font-size: 1.1rem;
  margin: 0;
  color: var(--urdu-burgundy);
}

.urdu-poet-store-bridge__more {
  font-size: 0.85rem;
  color: var(--urdu-burgundy);
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.urdu-poet-store-bridge__more:hover {
  text-decoration: underline;
}

/* ── Responsive: author pages ──────────────────── */

@media (max-width: 680px) {
  .urdu-author-single__header {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .urdu-author-single__photo,
  .urdu-author-single__avatar {
    margin: 0 auto;
  }

  .urdu-author-single__details {
    justify-content: center;
  }

  .urdu-author-item {
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .urdu-author-tabs__nav {
    flex-wrap: wrap;
  }

  .urdu-author-tabs__tab {
    border-radius: 6px;
    margin-bottom: 0.25rem;
  }
}

/* English text alignment inside description and bio sections */
.urdu-book-single__description:not(.urdu-text) {
  text-align: left;
  direction: ltr;
}

.urdu-author-single__bio:not(.urdu-text) {
  text-align: left;
  direction: ltr;
}


/* ============================================
   URDU BOOKSTORE v2 PREMIUM (ubs-*)
   ============================================ */

/* -- Page wrapper --------------------------- */
.ubs-page { background:#faf7f2; min-height:100vh; }
.ubs-container { max-width:1200px; margin:0 auto; padding:0 20px; }

/* -- Hero ----------------------------------- */
.ubs-hero {
  width:100%; background-size:cover; background-position:center 40%;
  position:relative; overflow:hidden; padding:70px 20px 55px; text-align:center;
}
.ubs-hero__particles { position:absolute; inset:0; pointer-events:none; }
.ubs-star {
  position:absolute; border-radius:50%; background:#d4af37; opacity:0;
  animation:ubs-twinkle 3.2s ease-in-out infinite;
}
@keyframes ubs-twinkle { 0%,100%{opacity:0;transform:scale(0.4)} 50%{opacity:0.6;transform:scale(1)} }
.ubs-hero__inner { position:relative; z-index:2; max-width:860px; margin:0 auto; }
.ubs-hero__back {
  display:inline-flex; align-items:center; gap:5px;
  color:rgba(255,255,255,0.55); font-size:0.78rem; text-decoration:none;
  margin-bottom:20px; letter-spacing:1px; text-transform:uppercase; transition:color 0.2s;
}
.ubs-hero__back:hover { color:#d4af37; }
.ubs-hero__title {
  font-family:'Noto Nastaliq Urdu',serif;
  font-size:clamp(1.8rem,6vw,3.5rem); color:#fdf6e3;
  line-height:1.5; margin:0 0 8px; direction:rtl; text-align:center;
  text-shadow:0 4px 20px rgba(0,0,0,0.6);
}
.ubs-hero__divider {
  display:flex; align-items:center; gap:10px; justify-content:center;
  margin:8px 0 10px; color:#d4af37; font-size:1.3rem;
}
.ubs-hero__divider::before,.ubs-hero__divider::after {
  content:''; flex:1; height:1px; max-width:140px;
  background:linear-gradient(to right,transparent,#d4af37,transparent);
}
.ubs-hero__subtitle {
  color:#e2d2c0; font-size:0.9rem; letter-spacing:1.3px;
  text-transform:uppercase; margin:0 0 8px;
}
.ubs-hero__desc { color:rgba(255,255,255,0.5); font-size:0.85rem; margin:0 0 16px; }

/* Stats */
.ubs-stats { display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap; margin-bottom:22px; }
.ubs-stat { text-align:center; }
.ubs-stat__num { display:block; font-size:1.5rem; font-weight:800; color:#d4af37; line-height:1; }
.ubs-stat__label { display:block; font-family:'Noto Nastaliq Urdu',serif; font-size:0.82rem; color:rgba(255,255,255,0.7); direction:rtl; margin-top:2px; }
.ubs-stat__sep { color:rgba(255,255,255,0.3); font-size:1.2rem; }

/* Hero search */
.ubs-hero__search { margin-top:18px; }
.ubs-hero__search-wrap {
  display:flex; max-width:600px; margin:0 auto;
  background:rgba(255,255,255,0.09); border:1px solid rgba(212,175,55,0.4);
  border-radius:32px; overflow:hidden; backdrop-filter:blur(6px);
}
.ubs-hero__search-wrap:focus-within { border-color:#d4af37; }
.ubs-search-icon { width:17px; height:17px; margin:auto 0 auto 16px; stroke:rgba(255,255,255,0.45); flex-shrink:0; }
.ubs-hero__search-wrap input { flex:1; padding:13px 14px; background:none; border:none; color:#fff; font-size:0.9rem; outline:none; }
.ubs-hero__search-wrap input::placeholder { color:rgba(255,255,255,0.42); }
.ubs-hero__search-wrap button { padding:13px 22px; background:#d4af37; color:#2c1208; border:none; font-weight:700; cursor:pointer; transition:background 0.2s; }
.ubs-hero__search-wrap button:hover { background:#c9a020; }
.ubs-hero__clear { display:inline-block; margin-top:8px; color:rgba(255,255,255,0.5); font-size:0.78rem; text-decoration:none; transition:color 0.2s; }
.ubs-hero__clear:hover { color:#d4af37; }

/* -- Category pills ------------------------- */
.ubs-cats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 8px;
  padding: 18px 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.ubs-cat-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  padding: 8px 18px;
  border-radius: 24px;
  border: 1px solid #d4c9b8;
  background: #fff;
  color: #6b1c3e;
  font-size: 0.86rem;
  text-decoration: none;
  font-family: 'Noto Nastaliq Urdu', serif;
  direction: rtl;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.ubs-cat-pill:hover {
  background: #6b1c3e;
  color: #fdf6e3;
  border-color: #6b1c3e;
  transform: translateY(-1px);
}
.ubs-cat-pill--active {
  background: #6b1c3e;
  color: #d4af37;
  border-color: #6b1c3e;
  font-weight: 700;
  box-shadow: 0 3px 8px rgba(107, 28, 62, 0.25);
}
.ubs-cat-pill span {
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  color: inherit;
  opacity: 0.8;
  direction: ltr;
}

/* -- Sort bar ------------------------------- */
.ubs-sort-bar {
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 20px; max-width:1200px; margin:0 auto 8px;
  gap:10px; flex-wrap:wrap;
}
.ubs-sort-bar__right { display:flex; align-items:center; gap:7px; }
.ubs-sort-label { font-family:'Noto Nastaliq Urdu',serif; font-size:0.82rem; color:#a08060; }
.ubs-result-note { font-size:0.85rem; color:#6b1c3e; }
.ubs-clear { color:#a08060; text-decoration:none; margin-left:6px; font-size:0.8rem; }
.ubs-clear:hover { color:#6b1c3e; }
.ubs-sort-btn {
  padding:5px 14px; border-radius:18px; border:1px solid #d4c9b8;
  background:#fff; color:#6b1c3e; font-size:0.78rem; text-decoration:none;
  font-family:'Noto Nastaliq Urdu',serif; direction:rtl; transition:all 0.2s;
}
.ubs-sort-btn:hover { background:#6b1c3e; color:#fdf6e3; border-color:#6b1c3e; }
.ubs-sort-btn--active { background:#6b1c3e; color:#d4af37; border-color:#6b1c3e; font-weight:700; }

/* -- Section titles ------------------------- */
.ubs-section { padding:24px 20px 0; max-width:1200px; margin:0 auto; }
.ubs-section-title {
  display:flex; align-items:center; gap:10px; margin:0 0 20px;
  font-family:'Noto Nastaliq Urdu',serif; font-size:1.3rem;
  color:#6b1c3e; direction:rtl; flex-wrap:wrap;
}
.ubs-section-title__ornament { color:#d4af37; font-size:1.1rem; }
.ubs-section-title__en { font-family:'Inter',sans-serif; font-size:0.78rem; color:#a08060; direction:ltr; font-weight:400; letter-spacing:0.5px; }

/* -- Book shelf ----------------------------- */
.ubs-shelf-wrap {
  position:relative; display:flex; align-items:center; gap:6px; margin-bottom:32px;
}
.ubs-shelf {
  display:flex; gap:18px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding:12px 0 20px; -webkit-overflow-scrolling:touch; scrollbar-width:none; flex:1;
}
.ubs-shelf::-webkit-scrollbar { display:none; }
.ubs-shelf-nav {
  width:36px; height:36px; border-radius:50%; border:1px solid #d4c9b8;
  background:#fff; color:#6b1c3e; font-size:1.4rem; cursor:pointer;
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
  transition:all 0.2s; z-index:2;
}
.ubs-shelf-nav:hover { background:#6b1c3e; color:#fdf6e3; border-color:#6b1c3e; }
.ubs-shelf-book { scroll-snap-align:start; flex-shrink:0; width:130px; text-decoration:none; color:#2c1e1a; }
.ubs-shelf-book__cover {
  position:relative; width:130px; height:190px; border-radius:4px 10px 10px 4px;
  overflow:hidden; box-shadow:0 8px 24px rgba(0,0,0,0.22); transition:transform 0.3s;
  background:linear-gradient(135deg,#6b1c3e,#4a0e25);
}
.ubs-shelf-book:hover .ubs-shelf-book__cover { transform:translateY(-8px) scale(1.03); }
.ubs-shelf-book__cover img { width:100%; height:100%; object-fit:cover; }
.ubs-shelf-book__no-cover { width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:8px; }
.ubs-shelf-book__no-cover span { color:rgba(255,255,255,0.8); font-size:0.75rem; text-align:center; }
.ubs-shelf-book__shine {
  position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent);
  transform:skewX(-20deg); transition:left 0.5s ease;
}
.ubs-shelf-book:hover .ubs-shelf-book__shine { left:120%; }
.ubs-shelf-book__info { padding:8px 2px 0; }
.ubs-shelf-book__title { font-family:'Noto Nastaliq Urdu',serif; font-size:0.78rem; color:#6b1c3e; direction:rtl; margin:0 0 2px; line-height:1.8; text-align:right; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ubs-shelf-book__author { font-size:0.68rem; color:#a08060; margin:0; }
.ubs-shelf-book__year { font-size:0.65rem; background:#f0ebe3; padding:1px 6px; border-radius:8px; color:#6b1c3e; }

/* -- Book grid ------------------------------ */
.ubs-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:22px; padding-bottom:32px;
}

/* -- Book card ------------------------------ */
.ubs-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e8ddd0; border-radius:16px; overflow:hidden; transition:transform 0.25s,box-shadow 0.25s,border-color 0.25s; }
.ubs-card:hover { transform:translateY(-5px); box-shadow:0 14px 36px rgba(107,28,62,0.14); border-color:#d4af37; }

/* Cover with hover actions */
.ubs-card__cover-link { display:block; position:relative; overflow:hidden; }
.ubs-card__cover {
  position:relative; width:100%; aspect-ratio:3/4;
  background:linear-gradient(135deg,#6b1c3e,#4a0e25); overflow:hidden;
}
.ubs-card__cover img { width:100%; height:100%; object-fit:cover; transition:transform 0.4s; }
.ubs-card:hover .ubs-card__cover img { transform:scale(1.04); }
.ubs-card__no-cover { width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:12px; }
.ubs-card__no-cover svg { width:60px; height:80px; }
.ubs-card__no-cover span { color:rgba(255,255,255,0.7); font-size:0.72rem; text-align:center; direction:rtl; }
.ubs-card__shine {
  position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);
  transform:skewX(-20deg); transition:left 0.5s ease; pointer-events:none;
}
.ubs-card:hover .ubs-card__shine { left:120%; }

/* Availability icon badges */
.ubs-card__badges { position:absolute; top:8px; right:8px; display:flex; flex-direction:column; gap:3px; }
.ubs-badge { width:24px; height:24px; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.55); border-radius:50%; font-size:0.8rem; backdrop-filter:blur(3px); }

/* Hover actions */
.ubs-card__actions {
  position:absolute; bottom:0; left:0; right:0;
  background:linear-gradient(to top,rgba(20,4,10,0.95),rgba(20,4,10,0.5));
  display:flex; flex-direction:column; gap:5px; padding:12px 10px;
  transform:translateY(100%); transition:transform 0.28s ease;
}
.ubs-card:hover .ubs-card__actions { transform:translateY(0); }
.ubs-action-btn {
  display:block; text-align:center; padding:6px 8px; border-radius:8px;
  font-size:0.72rem; font-weight:700; text-decoration:none; transition:opacity 0.2s;
}
.ubs-action-btn:hover { opacity:0.85; }
.ubs-action-btn--amz { background:#ff9900; color:#111; }
.ubs-action-btn--dar { background:#f85606; color:#fff; }
.ubs-action-btn--rd  { background:#0e7490; color:#fff; }
.ubs-action-btn--dl  { background:#166534; color:#fff; }

/* Card info */
.ubs-card__info { padding:12px 14px 14px; display:flex; flex-direction:column; gap:4px; flex:1; }
.ubs-card__title { font-family:'Noto Nastaliq Urdu',serif; font-size:0.95rem; color:#6b1c3e; margin:0; direction:rtl; text-align:right; line-height:1.9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ubs-card__roman { font-size:0.72rem; color:#a08060; font-style:italic; margin:0; }
.ubs-card__author { font-size:0.75rem; color:#4a3020; margin:0; }
.ubs-card__footer { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding-top:6px; }
.ubs-card__year { font-size:0.68rem; background:#f0ebe3; padding:2px 8px; border-radius:10px; color:#6b1c3e; }
.ubs-card__rating { font-size:0.72rem; color:#c9a84c; }

/* -- Pagination ----------------------------- */
.ubs-pagination { text-align:center; padding:20px 0 40px; }
.ubs-pagination .page-numbers { display:inline-flex; gap:6px; list-style:none; padding:0; margin:0; flex-wrap:wrap; justify-content:center; }
.ubs-pagination .page-numbers li a,
.ubs-pagination .page-numbers li span { display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:50%; border:1px solid #d4c9b8; background:#fff; color:#6b1c3e; font-size:0.88rem; text-decoration:none; transition:all 0.2s; }
.ubs-pagination .page-numbers li a:hover { background:#6b1c3e; color:#fdf6e3; border-color:#6b1c3e; }
.ubs-pagination .page-numbers li span.current { background:#6b1c3e; color:#d4af37; border-color:#6b1c3e; font-weight:700; }

/* -- Empty state ---------------------------- */
.ubs-empty { text-align:center; padding:80px 20px; }
.ubs-empty__icon { font-size:3.5rem; margin-bottom:16px; }
.ubs-empty p { font-family:'Noto Nastaliq Urdu',serif; font-size:1.2rem; color:#6b1c3e; margin:0 0 8px; direction:rtl; }
.ubs-btn { display:inline-block; margin-top:16px; padding:10px 28px; background:#6b1c3e; color:#fdf6e3; border-radius:24px; text-decoration:none; font-size:0.9rem; font-weight:600; }
.ubs-btn:hover { background:#8b2d5e; }

/* -- Related sections ----------------------- */
.ubs-related-section { padding:32px 20px 0; max-width:1200px; margin:0 auto; }
.ubs-related-shelf { display:flex; gap:16px; overflow-x:auto; padding:10px 0 20px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
.ubs-related-shelf::-webkit-scrollbar { display:none; }
.ubs-related-card { flex-shrink:0; width:110px; text-decoration:none; color:#2c1e1a; }
.ubs-related-card__cover { width:110px; height:155px; border-radius:4px 8px 8px 4px; overflow:hidden; background:linear-gradient(135deg,#6b1c3e,#4a0e25); box-shadow:0 6px 18px rgba(0,0,0,0.18); transition:transform 0.3s; }
.ubs-related-card:hover .ubs-related-card__cover { transform:translateY(-5px); }
.ubs-related-card__cover img { width:100%; height:100%; object-fit:cover; }
.ubs-related-card__no-cover { width:100%; height:100%; display:flex; align-items:center; justify-content:center; padding:6px; }
.ubs-related-card__no-cover span { color:rgba(255,255,255,0.7); font-size:0.7rem; text-align:center; }
.ubs-related-card__title { font-family:'Noto Nastaliq Urdu',serif; font-size:0.72rem; color:#6b1c3e; direction:rtl; margin:6px 0 2px; line-height:1.8; text-align:right; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.ubs-related-card__year { font-size:0.65rem; color:#a08060; }

/* -- Single book page ----------------------- */
.ubs-single-page { background:#faf7f2; min-height:100vh; padding-bottom:60px; }
.ubs-breadcrumb { display:flex; align-items:center; gap:6px; padding:16px 0; font-size:0.78rem; color:#a08060; flex-wrap:wrap; }
.ubs-breadcrumb a { color:#6b1c3e; text-decoration:none; }
.ubs-breadcrumb a:hover { text-decoration:underline; }
.ubs-breadcrumb span { color:#a08060; }

.ubs-single {
  background:linear-gradient(135deg,#3a0e1e 0%,#6b1c3e 50%,#3a0e1e 100%);
  padding:40px 0 50px;
}
.ubs-single__layout { display:flex; gap:48px; align-items:flex-start; flex-wrap:wrap; }

/* 3D Book cover */
.ubs-single__cover-col { flex-shrink:0; display:flex; flex-direction:column; align-items:center; gap:24px; }
.ubs-single__book3d {
  perspective:900px; width:200px;
}
.ubs-single__book3d-inner {
  position:relative; transform-style:preserve-3d;
  transform:rotateY(-18deg); transition:transform 0.4s;
  width:200px;
}
.ubs-single__book3d:hover .ubs-single__book3d-inner { transform:rotateY(-6deg); }
.ubs-single__cover-img {
  width:200px; height:auto; aspect-ratio:2/3; border-radius:3px 8px 8px 3px;
  box-shadow:-10px 12px 40px rgba(0,0,0,0.55), 2px 2px 0 rgba(255,255,255,0.1);
  display:block; object-fit:cover;
}
.ubs-single__cover-placeholder {
  width:200px; height:280px; background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.2); border-radius:3px 8px 8px 3px;
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
}
.ubs-single__cover-placeholder span { color:rgba(255,255,255,0.6); font-size:0.85rem; padding:0 10px; text-align:center; }
.ubs-single__book3d-spine {
  position:absolute; left:-14px; top:4px;
  width:14px; height:calc(100% - 8px);
  background:linear-gradient(to right,rgba(0,0,0,0.5),rgba(255,255,255,0.1));
  transform:rotateY(-90deg) translateX(-7px);
  transform-origin:right center;
  border-radius:2px 0 0 2px;
}

/* Star rating widget */
.ubs-rating-widget {
  background:rgba(255,255,255,0.08); border:1px solid rgba(212,175,55,0.3);
  border-radius:14px; padding:16px; text-align:center; width:200px;
  backdrop-filter:blur(4px);
}
.ubs-rating-widget__avg { margin-bottom:12px; }
.ubs-rating-widget__num { font-size:2.2rem; font-weight:800; color:#d4af37; line-height:1; display:block; }
.ubs-rating-widget__stars-display { display:flex; justify-content:center; gap:3px; margin:4px 0; }
.ubs-star-icon { font-size:1.2rem; }
.ubs-star-icon--full  { color:#d4af37; }
.ubs-star-icon--half  { color:#d4af37; opacity:0.6; }
.ubs-star-icon--empty { color:rgba(255,255,255,0.25); }
.ubs-rating-widget__count { font-size:0.68rem; color:rgba(255,255,255,0.5); }
.ubs-rating-widget__input p { color:rgba(255,255,255,0.7); font-size:0.75rem; margin:0 0 6px; }
.ubs-star-input { display:flex; justify-content:center; gap:4px; }
.ubs-star-btn {
  background:none; border:none; font-size:1.6rem; color:rgba(255,255,255,0.3);
  cursor:pointer; padding:2px; transition:color 0.15s,transform 0.15s;
}
.ubs-star-btn:hover { transform:scale(1.2); }
.ubs-rating-widget__msg { font-size:0.72rem; color:#d4af37; margin:6px 0 0; min-height:16px; }
.ubs-rating-widget__thankyou { color:#d4af37; font-size:0.78rem; margin:8px 0 0; }

/* Single info col */
.ubs-single__info-col { flex:1; min-width:260px; }
.ubs-single__urdu-title {
  font-family:'Noto Nastaliq Urdu',serif; font-size:clamp(1.6rem,4vw,2.8rem);
  color:#fdf6e3; direction:rtl; text-align:right; line-height:1.6; margin:0 0 6px;
  text-shadow:0 2px 12px rgba(0,0,0,0.4);
}
.ubs-single__roman-title { color:rgba(255,255,255,0.55); font-style:italic; font-size:0.9rem; margin:0 0 20px; }
.ubs-single__author { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.ubs-single__author-avatar {
  width:42px; height:42px; border-radius:50%; background:#d4af37;
  color:#2c1208; display:flex; align-items:center; justify-content:center;
  font-family:'Noto Nastaliq Urdu',serif; font-size:1.2rem; font-weight:700; flex-shrink:0;
}
.ubs-single__author-label { display:block; font-size:0.7rem; color:rgba(255,255,255,0.5); margin-bottom:2px; }
.ubs-single__author-name { color:#fdf6e3; font-size:0.95rem; font-weight:600; }
.ubs-single__chips { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:24px; }
.ubs-chip {
  padding:5px 14px; border-radius:20px;
  background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.2);
  color:rgba(255,255,255,0.85); font-size:0.78rem; backdrop-filter:blur(3px);
}
.ubs-chip--cat { text-decoration:none; transition:background 0.2s; }
.ubs-chip--cat:hover { background:rgba(212,175,55,0.3); }
.ubs-single__actions { display:flex; flex-wrap:wrap; gap:10px; }
.ubs-single__btn {
  display:inline-flex; align-items:center; gap:7px; padding:11px 22px;
  border-radius:30px; font-size:0.85rem; font-weight:700; text-decoration:none; transition:all 0.2s;
}
.ubs-single__btn--amazon { background:#ff9900; color:#111; }
.ubs-single__btn--amazon:hover { background:#e68900; }
.ubs-single__btn--daraz  { background:#f85606; color:#fff; }
.ubs-single__btn--daraz:hover  { background:#d94800; }
.ubs-single__btn--read   { background:#0e7490; color:#fff; }
.ubs-single__btn--read:hover   { background:#0a5f76; }
.ubs-single__btn--dl     { background:#166534; color:#fff; }
.ubs-single__btn--dl:hover     { background:#14532d; }

/* -- Tabs ----------------------------------- */
.ubs-tabs { background:#fff; border:1px solid #e8ddd0; border-radius:16px; margin:28px 0; overflow:hidden; }
.ubs-tabs__nav { display:flex; border-bottom:1px solid #e8ddd0; }
.ubs-tab-btn {
  flex:1; padding:14px; border:none; background:none; cursor:pointer;
  font-size:0.88rem; color:#a08060; font-weight:600; transition:all 0.2s;
  border-bottom:3px solid transparent;
}
.ubs-tab-btn--active { color:#6b1c3e; border-bottom-color:#d4af37; background:#faf7f2; }
.ubs-tab-panel { display:none; padding:24px; }
.ubs-tab-panel--active { display:block; }
.ubs-tab-panel__content { font-size:0.92rem; color:#4a3020; line-height:1.8; }
.ubs-tab-panel__content.urdu-text { font-size:1rem; line-height:2.2; }

/* -- Responsive ----------------------------- */
@media (max-width:768px) {
  .ubs-hero { padding:50px 14px 38px; }
  .ubs-grid { grid-template-columns:repeat(2,1fr); gap:14px; }
  .ubs-single__layout { gap:28px; flex-direction:column; align-items:center; }
  .ubs-single__info-col { text-align:center; }
  .ubs-single__urdu-title { text-align:center; }
  .ubs-single__author { justify-content:center; }
  .ubs-single__chips,.ubs-single__actions { justify-content:center; }
}
@media (max-width:480px) {
  .ubs-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
  .ubs-single__book3d,.ubs-single__cover-img { width:160px; }
}


/* ============================================
   MOBILE FIXES v2
   ============================================ */

/* Fix 1: Urdu hero heading visible on mobile (Nastaliq needs large line-height) */
@media (max-width: 768px) {
  .ubs-hero__title {
    font-size: clamp(1.6rem, 7vw, 2.6rem) !important;
    line-height: 2.4 !important;
    padding: 10px 0;
  }
  .ubs-hero {
    padding: 32px 14px 30px !important;
    overflow: visible !important;
  }
  .ubs-hero__inner {
    overflow: visible !important;
  }
}

/* Fix 2: Category pills wrap on mobile � all visible, no horizontal scroll */
@media (max-width: 768px) {
  .ubs-cats {
    flex-wrap: wrap !important;
    overflow-x: visible !important;
    padding: 14px 14px !important;
    gap: 8px !important;
  }
  .ubs-cat-pill {
    flex-shrink: 0;
    font-size: 0.78rem !important;
    padding: 6px 12px !important;
  }
}


/* ============================================
   DEFINITIVE MOBILE URDU HEADING FIX (Books)
   Noto Nastaliq glyphs extend above text box.
   overflow:hidden on hero clips them � must be visible.
   ============================================ */
@media (max-width: 768px) {
  .ubs-hero,
  .ubs-hero__inner,
  .ubs-hero__particles {
    overflow: visible !important;
  }
  .ubs-hero__title {
    font-size: 1.1rem !important;
    line-height: 2.8 !important;
    padding: 14px 10px 4px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fdf6e3 !important;
  }
}

/* ============================================================
   FIX: Mobile Urdu Title Visibility for Bookstore
   ============================================================ */
.ubs-mobile-urdu-title {
    display: none;
}

@media (max-width: 768px) {
    .ubs-hero__title {
        display: none !important; /* Hide original h1 */
    }
    
    /* Reveal the mobile-only paragraph */
    .ubs-mobile-urdu-title {
        display: block !important;
        font-family: 'Noto Nastaliq Urdu', serif !important;
        font-size: clamp(1.1rem, 5vw, 1.4rem) !important;
        color: #fdf6e3 !important;
        line-height: 2.4 !important;
        margin: 0 0 4px !important;
        text-align: center !important;
        text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important;
    }
}

/* Disable hover action buttons on book cards in archive/grid views */
.ubs-card__actions {
    display: none !important;
}

/* Fix alignment for English About This Book tab */
#ubs-tab-en .ubs-tab-panel__content {
    direction: ltr !important;
    text-align: left !important;
}