/*
Theme Name: Hello Elementor Child
Theme URI: https://urduadab.net/
Description: Custom child theme for Urdu Adab Literary Portal & Archive with Noto Nastaliq Urdu typography and RTL-first safeguards.
Author: Antigravity
Author URI: https://urduadab.net/
Template: hello-elementor
Version: 1.1.0
Text Domain: hello-elementor-child
*/

:root {
  --color-burgundy: #3B0811;
  --color-burgundy-dark: #240409;
  --color-deep-rose: #5B1323;
  --color-imperial-gold: #C59B27;
  --color-gold-light: #E5C158;
  --color-gold-hover: #D4AF37;
  --color-parchment: #FAF7F2;
  --color-parchment-card: #FFFFFF;
  --color-warm-sand: #F3ECE1;
  --color-charcoal: #1F1B18;
  --color-muted: #6B635B;
  
  --font-urdu: 'Noto Nastaliq Urdu', serif;
  --font-display-en: 'Cinzel', serif;
  --font-body-en: 'Cormorant Garamond', Georgia, serif;
  --font-ui: 'Plus Jakarta Sans', system-ui, sans-serif;
}

/* Base Body & Layout */
body {
  background-color: var(--color-parchment);
  color: var(--color-charcoal);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
}

/* RTL Layout Direction */
body.rtl,
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* Apply Nastaliq specifically to Urdu text elements (NOT globally on html/body so buttons and flex layouts don't blow up) */
.font-nastaliq,
.urdu-text,
[lang="ur"] h1,
[lang="ur"] h2,
[lang="ur"] h3,
[lang="ur"] h4,
[lang="ur"] p,
[lang="ur"] span.urdu,
.misra {
  font-family: var(--font-urdu);
  line-height: 2.1;
  letter-spacing: normal;
}

/* Headings with Nastaliq */
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title {
  letter-spacing: normal;
}

/* Buttons and UI elements must have tight, normal line-heights */
.elementor-button,
.elementor-button-link,
button,
input,
select,
.btn {
  line-height: 1.3 !important;
  font-family: var(--font-ui) !important;
}

/* English Display & Literary Typography */
.font-display,
body.ltr h1.display-title {
  font-family: var(--font-display-en);
  letter-spacing: 0.05em;
}

.font-literary-en,
.couplet-translation {
  font-family: var(--font-body-en);
  font-size: 1.15rem;
  line-height: 1.6;
}

/* Header Luxury Bar Styling */
.elementor-15 .elementor-element-e9d773e {
  background: var(--color-burgundy-dark) !important;
  border-bottom: 2px solid var(--color-imperial-gold) !important;
}

/* Clean up jammed navigation buttons in Header */
.elementor-15 .elementor-button {
  background: transparent !important;
  color: var(--color-burgundy) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  padding: 0.4rem 0.8rem !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.elementor-15 .elementor-button:hover {
  background: var(--color-warm-sand) !important;
  color: var(--color-deep-rose) !important;
}

/* Hero Section Gradient Override */
.hero-salon-bg {
  background: linear-gradient(180deg, #240409 0%, #3B0811 50%, #4A0E17 100%) !important;
  color: #FAF7F2 !important;
  border-bottom: 4px solid var(--color-imperial-gold) !important;
  position: relative;
}

/* Couplet / Shair Presentation Styles */
.urdu-couplet {
  text-align: center;
  margin: 1.5rem 0;
  padding: 1.25rem;
  background: rgba(243, 236, 225, 0.4);
  border-radius: 8px;
  border-right: 3px solid var(--color-imperial-gold);
}

.urdu-couplet .misra {
  font-family: var(--font-urdu);
  font-size: 1.6rem;
  line-height: 2.3;
  color: var(--color-burgundy);
  display: block;
}

.urdu-couplet .fleuron {
  color: var(--color-imperial-gold);
  font-size: 0.9rem;
  margin: 0.25rem 0;
}

.urdu-couplet .couplet-translation {
  display: none;
  font-family: var(--font-body-en);
  color: var(--color-muted);
  font-style: italic;
  margin-top: 0.5rem;
  direction: ltr;
  text-align: center;
}

.urdu-couplet .couplet-transliteration {
  display: none;
  font-family: var(--font-ui);
  font-size: 0.9rem;
  color: var(--color-deep-rose);
  margin-top: 0.25rem;
  direction: ltr;
  text-align: center;
}

/* Toggle visibility classes */
.show-translation .couplet-translation {
  display: block !important;
}

.show-roman .couplet-transliteration {
  display: block !important;
}

/* Copy Button on Couplet */
.couplet-actions {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.btn-couplet-copy {
  background: transparent;
  border: 1px solid var(--color-warm-sand);
  color: var(--color-muted);
  padding: 0.25rem 0.6rem;
  font-size: 0.75rem;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-couplet-copy:hover {
  border-color: var(--color-imperial-gold);
  color: var(--color-burgundy);
  background: #FFFFFF;
}

/* Persistent Sticky Audio Player Bar */
#literary-audio-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: var(--color-burgundy);
  color: #FAF7F2;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.25);
  border-top: 2px solid var(--color-imperial-gold);
  padding: 0.6rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: transform 0.3s ease;
}

#literary-audio-bar.hidden-bar {
  transform: translateY(100%);
}

#literary-audio-bar .audio-info {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

#literary-audio-bar .audio-title {
  font-family: var(--font-urdu);
  font-size: 1.15rem;
  line-height: 1.8;
  color: var(--color-gold-light);
}

#literary-audio-bar .audio-reciter {
  font-size: 0.8rem;
  opacity: 0.8;
}

#literary-audio-bar audio {
  height: 36px;
  max-width: 400px;
  flex: 1;
}

/* Floating Resume Listening Toast */
#audio-resume-toast {
  position: fixed;
  bottom: 80px;
  right: 20px;
  z-index: 99998;
  background: var(--color-burgundy);
  color: #FAF7F2;
  border: 1px solid var(--color-imperial-gold);
  border-radius: 50px;
  padding: 0.6rem 1.2rem;
  font-size: 0.85rem;
  display: none;
  align-items: center;
  gap: 0.6rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  animation: pulse-gold 2s infinite;
}

@keyframes pulse-gold {
  0% { box-shadow: 0 0 0 0 rgba(197, 155, 39, 0.6); }
  70% { box-shadow: 0 0 0 10px rgba(197, 155, 39, 0); }
  100% { box-shadow: 0 0 0 0 rgba(197, 155, 39, 0); }
}

/* Book & Feature Cards Luxury Styling */
.book-card,
.poem-grid-card,
.author-directory-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.book-card:hover,
.poem-grid-card:hover,
.author-directory-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(59, 8, 17, 0.12) !important;
}


/* ==========================================================================
   Comprehensive Elementor Layout, Header & Home Page Luxury Fixes
   ========================================================================== */

/* Header Top Announcement Bar */
.elementor-15 .elementor-element-7dd4131 {
  background: var(--color-burgundy-dark) !important;
  color: var(--color-parchment) !important;
  border-bottom: 1px solid rgba(197, 155, 39, 0.4) !important;
  padding: 6px 30px !important;
}

.elementor-15 .elementor-element-7dd4131 span,
.elementor-15 .elementor-element-7dd4131 div {
  color: var(--color-parchment) !important;
}

.elementor-15 .elementor-element-7dd4131 .elementor-button {
  color: var(--color-imperial-gold) !important;
  font-size: 0.8rem !important;
  padding: 2px 8px !important;
  border: 1px solid rgba(197, 155, 39, 0.4) !important;
  border-radius: 4px !important;
}

.elementor-15 .elementor-element-7dd4131 .elementor-button:hover {
  background: var(--color-imperial-gold) !important;
  color: var(--color-burgundy-dark) !important;
}

/* Header Main Navbar */
.elementor-15 .elementor-element-6a2566b {
  background: #FFFFFF !important;
  border-bottom: 2px solid rgba(197, 155, 39, 0.3) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
  padding: 8px 30px !important;
}

.elementor-15 .elementor-element-0394f32 .elementor-button {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.elementor-15 .elementor-element-0394f32 .elementor-button-text {
  font-family: var(--font-urdu) !important;
  font-size: 1.85rem !important;
  color: var(--color-burgundy) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  display: block !important;
}

/* Header Nav Menu Links */
.elementor-15 .elementor-element-4605fb5 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
}

.elementor-15 .elementor-element-4605fb5 .elementor-button {
  background: transparent !important;
  color: var(--color-charcoal) !important;
  font-family: var(--font-urdu) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  padding: 6px 12px !important;
  border-radius: 6px !important;
  line-height: 1.4 !important;
  border: 1px solid transparent !important;
  transition: all 0.2s ease !important;
}

.elementor-15 .elementor-element-4605fb5 .elementor-button:hover {
  background: var(--color-warm-sand) !important;
  color: var(--color-burgundy) !important;
  border-color: rgba(197, 155, 39, 0.4) !important;
}

/* Hero Section Container (a926c19 / 8637b33) */
.elementor-18 .elementor-element-8637b33 {
  background: linear-gradient(180deg, #240409 0%, #3B0811 50%, #4A0E17 100%) !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 3px solid var(--color-imperial-gold) !important;
}

.elementor-18 .elementor-element-8637b33::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url('http://poet.test/wp-content/uploads/literary-assets/literary_salon_bg.jpg');
  background-size: cover;
  background-position: center;
  opacity: 0.12;
  pointer-events: none;
}

.elementor-18 .elementor-element-a926c19 {
  padding: 4rem 1.5rem !important;
}

/* Hero 2-column flex */
.elementor-18 .elementor-element-02b261b {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 3rem !important;
  width: 100% !important;
}

@media (max-width: 991px) {
  .elementor-18 .elementor-element-02b261b {
    flex-direction: column-reverse !important;
    gap: 2rem !important;
    text-align: center !important;
  }
}

.elementor-18 .elementor-element-610105a {
  flex: 1 1 62% !important;
  max-width: 62% !important;
}

@media (max-width: 991px) {
  .elementor-18 .elementor-element-610105a {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

.elementor-18 .elementor-element-bdfd35c {
  flex: 0 0 35% !important;
  max-width: 35% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

@media (max-width: 991px) {
  .elementor-18 .elementor-element-bdfd35c {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/* Hero Portrait Image Widget */
.elementor-18 .elementor-element-3d12e9d img {
  width: 100% !important;
  max-width: 360px !important;
  height: auto !important;
  aspect-ratio: 3/4 !important;
  object-fit: cover !important;
  border-radius: 16px !important;
  border: 4px solid var(--color-imperial-gold) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 25px rgba(197, 155, 39, 0.3) !important;
}

/* Hero Urdu Headings */
.elementor-18 .elementor-element-75d57b0 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 3.5rem !important;
  color: var(--color-gold-light) !important;
  line-height: 1.4 !important;
  margin-bottom: 0.25rem !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.elementor-18 .elementor-element-4950734 .elementor-heading-title {
  font-family: var(--font-display-en) !important;
  font-size: 1.35rem !important;
  letter-spacing: 2px !important;
  color: #FAF7F2 !important;
  opacity: 0.9 !important;
}

.elementor-18 .elementor-element-3db15fc .elementor-heading-title {
  font-family: var(--font-body-en) !important;
  font-size: 1.15rem !important;
  font-style: italic !important;
  color: var(--color-gold-light) !important;
  opacity: 0.85 !important;
}

/* Hero Featured Sher Box */
.elementor-18 .elementor-element-cc69593 {
  background: rgba(36, 4, 9, 0.6) !important;
  border: 1px solid rgba(197, 155, 39, 0.4) !important;
  border-right: 4px solid var(--color-imperial-gold) !important;
  border-radius: 10px !important;
  padding: 1.5rem !important;
  margin: 1.75rem 0 !important;
  backdrop-filter: blur(8px) !important;
}

.elementor-18 .elementor-element-f17c299 .elementor-heading-title,
.elementor-18 .elementor-element-7a329fd .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 1.6rem !important;
  line-height: 2.1 !important;
  color: #FAF7F2 !important;
  text-align: right !important;
}

.elementor-18 .elementor-element-dde5663 .elementor-heading-title {
  font-family: var(--font-body-en) !important;
  font-size: 1.05rem !important;
  font-style: italic !important;
  color: var(--color-gold-light) !important;
  opacity: 0.85 !important;
  margin-top: 0.5rem !important;
}

.elementor-18 .elementor-element-739bcdf .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 0.95rem !important;
  color: rgba(250, 247, 242, 0.7) !important;
}

/* Hero CTA Buttons */
.elementor-18 .elementor-element-3506403 {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 1.5rem !important;
}

.elementor-18 .elementor-element-3506403 .elementor-button {
  font-family: var(--font-urdu) !important;
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  border-radius: 30px !important;
  transition: all 0.25s ease !important;
}

.elementor-18 .elementor-element-c200bf8 .elementor-button {
  background: var(--color-imperial-gold) !important;
  color: var(--color-burgundy-dark) !important;
  border: 1px solid var(--color-imperial-gold) !important;
}

.elementor-18 .elementor-element-c200bf8 .elementor-button:hover {
  background: var(--color-gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(197, 155, 39, 0.4) !important;
}

.elementor-18 .elementor-element-798c96a .elementor-button,
.elementor-18 .elementor-element-faef084 .elementor-button,
.elementor-18 .elementor-element-1986440 .elementor-button {
  background: transparent !important;
  color: #FAF7F2 !important;
  border: 1px solid rgba(250, 247, 242, 0.3) !important;
}

.elementor-18 .elementor-element-798c96a .elementor-button:hover,
.elementor-18 .elementor-element-faef084 .elementor-button:hover,
.elementor-18 .elementor-element-1986440 .elementor-button:hover {
  border-color: var(--color-imperial-gold) !important;
  color: var(--color-gold-light) !important;
  transform: translateY(-2px) !important;
  background: rgba(197, 155, 39, 0.1) !important;
}

/* Books Section (58e1a2d) */
.elementor-18 .elementor-element-58e1a2d {
  padding: 4.5rem 1.5rem !important;
  background: var(--color-parchment) !important;
}

.elementor-18 .elementor-element-a826d45 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 2.4rem !important;
  color: var(--color-burgundy) !important;
  text-align: center !important;
}

.elementor-18 .elementor-element-a468766 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 1.15rem !important;
  color: var(--color-muted) !important;
  text-align: center !important;
  max-width: 650px !important;
  margin: 0.5rem auto 2.5rem !important;
}

/* Books Grid */
.elementor-18 .elementor-element-21aafba {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  .elementor-18 .elementor-element-21aafba {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .elementor-18 .elementor-element-21aafba {
    grid-template-columns: 1fr !important;
  }
}

/* Individual Book Container Cards */
.elementor-18 .elementor-element-938013c,
.elementor-18 .elementor-element-ecaf527,
.elementor-18 .elementor-element-553653a,
.elementor-18 .elementor-element-06f0ae3 {
  background: #FFFFFF !important;
  border: 1px solid rgba(197, 155, 39, 0.25) !important;
  border-radius: 12px !important;
  padding: 1.25rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.elementor-18 .elementor-element-938013c:hover,
.elementor-18 .elementor-element-ecaf527:hover,
.elementor-18 .elementor-element-553653a:hover,
.elementor-18 .elementor-element-06f0ae3:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 16px 35px rgba(59, 8, 17, 0.12) !important;
  border-color: var(--color-imperial-gold) !important;
}

.elementor-18 .elementor-element-21aafba img {
  width: 100% !important;
  height: 280px !important;
  object-fit: cover !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 1rem !important;
}

.elementor-18 .elementor-element-21aafba h3 .elementor-heading-title,
.elementor-18 .elementor-element-f1e7ffc .elementor-heading-title,
.elementor-18 .elementor-element-d2053f7 .elementor-heading-title,
.elementor-18 .elementor-element-320b9f9 .elementor-heading-title,
.elementor-18 .elementor-element-9a5062b .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 1.45rem !important;
  color: var(--color-burgundy) !important;
  margin-bottom: 0.25rem !important;
}

.elementor-18 .elementor-element-21aafba h4 .elementor-heading-title,
.elementor-18 .elementor-element-e15bd14 .elementor-heading-title,
.elementor-18 .elementor-element-999c62b .elementor-heading-title,
.elementor-18 .elementor-element-f8a4940 .elementor-heading-title,
.elementor-18 .elementor-element-02de2dc .elementor-heading-title {
  font-family: var(--font-body-en) !important;
  font-size: 0.95rem !important;
  font-style: italic !important;
  color: var(--color-muted) !important;
  margin-bottom: 0.5rem !important;
}

/* Selected Poetry Section (c221fd6) */
.elementor-18 .elementor-element-c221fd6 {
  padding: 4.5rem 1.5rem !important;
  background: var(--color-warm-sand) !important;
}

.elementor-18 .elementor-element-81eb813 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 2.4rem !important;
  color: var(--color-burgundy) !important;
  text-align: center !important;
}

.elementor-18 .elementor-element-9e10fd3 {
  display: flex !important;
  flex-direction: row !important;
  gap: 2rem !important;
  width: 100% !important;
  margin-top: 2rem !important;
}

@media (max-width: 991px) {
  .elementor-18 .elementor-element-9e10fd3 {
    flex-direction: column !important;
  }
}

.elementor-18 .elementor-element-54758b8,
.elementor-18 .elementor-element-1fcbb9d {
  flex: 1 1 50% !important;
  max-width: 50% !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(197, 155, 39, 0.25) !important;
  border-radius: 12px !important;
  padding: 2rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
}

@media (max-width: 991px) {
  .elementor-18 .elementor-element-54758b8,
  .elementor-18 .elementor-element-1fcbb9d {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
}

/* Audio Section (6dc05a5) */
.elementor-18 .elementor-element-6dc05a5 {
  padding: 4.5rem 1.5rem !important;
  background: var(--color-burgundy) !important;
  color: #FAF7F2 !important;
}

.elementor-18 .elementor-element-67d9f66 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 2.4rem !important;
  color: var(--color-gold-light) !important;
  text-align: center !important;
}

.elementor-18 .elementor-element-41ab957 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 1.1rem !important;
  color: #FAF7F2 !important;
  opacity: 0.8 !important;
  text-align: center !important;
  margin-bottom: 2rem !important;
}

/* Videos Section (f1f2824) */
.elementor-18 .elementor-element-f1f2824 {
  padding: 4.5rem 1.5rem !important;
  background: var(--color-parchment) !important;
}

.elementor-18 .elementor-element-1308f36 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 2.4rem !important;
  color: var(--color-burgundy) !important;
  text-align: center !important;
}

.elementor-18 .elementor-element-a2dbbc0 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 1.5rem !important;
  width: 100% !important;
  margin-top: 2rem !important;
}

@media (max-width: 1024px) {
  .elementor-18 .elementor-element-a2dbbc0 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 600px) {
  .elementor-18 .elementor-element-a2dbbc0 {
    grid-template-columns: 1fr !important;
  }
}

.elementor-18 .elementor-element-5ad3743,
.elementor-18 .elementor-element-825a106,
.elementor-18 .elementor-element-1b71c20,
.elementor-18 .elementor-element-9d9dc18 {
  background: #FFFFFF !important;
  border: 1px solid rgba(197, 155, 39, 0.25) !important;
  border-radius: 10px !important;
  padding: 1.25rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.25s ease !important;
}

.elementor-18 .elementor-element-5ad3743:hover,
.elementor-18 .elementor-element-825a106:hover,
.elementor-18 .elementor-element-1b71c20:hover,
.elementor-18 .elementor-element-9d9dc18:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 25px rgba(59, 8, 17, 0.1) !important;
}

/* Articles Section (6566570) */
.elementor-18 .elementor-element-932a429 .elementor-heading-title {
  font-family: var(--font-urdu) !important;
  font-size: 2.4rem !important;
  color: var(--color-burgundy) !important;
  text-align: center !important;
}

.elementor-18 .elementor-element-6566570 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1.5rem !important;
  width: 100% !important;
  margin-top: 2rem !important;
}

@media (max-width: 991px) {
  .elementor-18 .elementor-element-6566570 {
    grid-template-columns: 1fr !important;
  }
}

.elementor-18 .elementor-element-db92c63,
.elementor-18 .elementor-element-185c3c6,
.elementor-18 .elementor-element-fae4b0a {
  background: #FFFFFF !important;
  border: 1px solid rgba(197, 155, 39, 0.25) !important;
  border-radius: 12px !important;
  padding: 1.5rem !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: transform 0.25s ease, border-color 0.25s ease !important;
}

.elementor-18 .elementor-element-db92c63:hover,
.elementor-18 .elementor-element-185c3c6:hover,
.elementor-18 .elementor-element-fae4b0a:hover {
  transform: translateY(-4px) !important;
  border-color: var(--color-imperial-gold) !important;
  box-shadow: 0 12px 25px rgba(59, 8, 17, 0.1) !important;
}

/* ==========================================================================
   Poet Portal Form & Input Styling (RTL-First, Nastaliq-Safe Spacing)
   ========================================================================== */
.form-label-urdu {
  display: block !important;
  font-family: var(--font-urdu) !important;
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  margin-bottom: 0.6rem !important;
  color: var(--color-burgundy) !important;
  font-weight: 700 !important;
  text-align: start !important;
}

.form-label-urdu .en-sub {
  font-family: var(--font-ui) !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  color: var(--color-muted) !important;
  display: inline-block !important;
  margin-inline-start: 0.35rem !important;
}

.poet-input {
  width: 100% !important;
  height: 3.1rem !important;
  padding: 0.6rem 1rem !important;
  background-color: #FFFDF9 !important;
  border: 1.5px solid #D5C7B5 !important;
  border-radius: 0.75rem !important;
  font-size: 0.95rem !important;
  color: var(--color-charcoal) !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
}

.poet-input:focus {
  border-color: var(--color-imperial-gold) !important;
  box-shadow: 0 0 0 3px rgba(197, 155, 39, 0.2) !important;
  outline: none !important;
  background-color: #FFFFFF !important;
}

textarea.poet-input {
  height: auto !important;
  min-height: 6.5rem !important;
  line-height: 1.8 !important;
}

textarea.poet-input.font-nastaliq {
  font-family: var(--font-urdu) !important;
  line-height: 2.2 !important;
}

/* ==========================================================================
   Persistent Sticky Audio Player Bar Visibility Guard
   ========================================================================== */
#sticky-audio-bar {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#sticky-audio-bar.translate-y-full {
  transform: translateY(100%) !important;
}

#sticky-audio-bar:not(.translate-y-full) {
  transform: translateY(0) !important;
}