@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap');

body.single-albums{background:#f8f6ef!important}.single-albums .entry-header,.single-albums .page-header,.single-albums .post-header,.single-albums .entry-title,.single-albums .post-title,.single-albums .elementor-widget-theme-post-title,.single-albums .elementor-widget-post-info,.single-albums #comments,.single-albums .comments-area,.single-albums .comment-respond,.single-albums .post-comments,.single-albums .elementor-widget-post-comments{display:none!important}.hsa-album-page{background:#f8f6ef;color:#003d2b}.hsa-wrap{max-width:1180px;margin:0 auto;padding:0 24px}.hsa-album-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#003d2b 0%,#003d2b 55%,#201f16 100%);color:#fff}.hsa-album-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.12;filter:blur(8px);transform:scale(1.06)}.hsa-album-hero-inner{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:70px 24px;display:grid;grid-template-columns:230px 1fr;gap:44px;align-items:center}.hsa-album-cover-wrap{position:relative}.hsa-album-cover{width:230px;height:230px;border-radius:12px;object-fit:cover;display:block;box-shadow:0 22px 60px rgba(0,0,0,.28);background:#003d2b}.hsa-album-cover-placeholder{display:flex;align-items:center;justify-content:center;font-family:'Noto Nastaliq Urdu',serif;font-size:42px;color:#d6bf72}.hsa-album-cover-badge{position:absolute;right:-12px;top:-12px;background:#d6bf72;color:#003d2b;border-radius:20px;padding:7px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.hsa-back-link{margin:0 0 18px}.hsa-back-link a{color:#d6bf72;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:1.2px}.hsa-album-title-ur{font-family:'Noto Nastaliq Urdu',serif!important;direction:rtl;text-align:right;font-size:44px;line-height:2;color:#fff;font-weight:500;margin:0 0 8px}.hsa-album-title-en{color:#d6bf72;font-style:italic;font-size:16px;margin:0 0 18px}.hsa-album-meta{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 20px}.hsa-album-meta-item{display:inline-flex;gap:7px;align-items:center;color:#fff;font-size:13px}.hsa-album-desc{color:rgba(255,255,255,.82);font-size:14px;line-height:1.8;max-width:720px}.hsa-album-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.hsa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 22px;border-radius:999px;border:1px solid transparent;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;transition:.25s ease}.hsa-btn-gold{background:#d6bf72;color:#003d2b}.hsa-btn-out{background:transparent;color:#d6bf72;border-color:#d6bf72}.hsa-btn-dark{background:#003d2b;color:#d6bf72}.hsa-btn:hover{transform:translateY(-1px);opacity:.92}.hsa-section{padding:58px 0}.hsa-main-section{background:#f8f6ef}.hsa-grid-2{display:grid;grid-template-columns:1.35fr .85fr;gap:60px;align-items:start}.hsa-kalaam-list-wrap h2{font-size:28px;line-height:1.3;margin:0 0 22px;color:#003d2b}.hsa-album-kalaams{display:flex;flex-direction:column;gap:8px}.hsa-ap-item{display:grid;grid-template-columns:54px 1fr 150px;gap:12px;align-items:center;background:#fff;border:1px solid #eadfc8;border-radius:8px;min-height:50px;padding:0 14px;text-decoration:none;color:#003d2b;transition:.22s ease}.hsa-ap-item:first-child{background:#fff;color:#003d2b}.hsa-ap-item:hover{transform:translateX(3px);border-color:#d6bf72}.hsa-ap-num{font-size:12px;color:#d6bf72;font-weight:700}.hsa-ap-ititle{font-family:'Noto Nastaliq Urdu',serif!important;font-size:16px;line-height:2;text-align:right}.hsa-ap-imeta{font-size:11px;color:#706b5e;text-align:right}.hsa-ap-item:first-child .hsa-ap-imeta{color:#706b5e}.hsa-empty{color:#777}.hsa-audio-player{background:#003d2b;color:#fff;border-radius:10px;padding:34px;box-shadow:0 22px 70px rgba(0,61,43,.18);position:sticky;top:110px}.hsa-ap-label{color:#d6bf72;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;margin:0 0 28px}.hsa-ap-name{font-family:'Noto Nastaliq Urdu',serif!important;font-size:24px;line-height:2;text-align:right;margin:0;color:#fff}.hsa-ap-sub{color:#d6bf72;font-size:13px;margin:2px 0 22px}.hsa-ap-seek{height:3px;background:rgba(255,255,255,.18);border-radius:10px;overflow:hidden;margin-top:18px}.hsa-ap-fill{height:100%;width:0;background:#d6bf72}.hsa-ap-times{display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.7);margin-top:8px}.hsa-ap-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:20px}.hsa-ap-btn,.hsa-ap-play{border:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.hsa-ap-btn{width:30px;height:30px;background:rgba(255,255,255,.08);color:#d6bf72}.hsa-ap-play{width:56px;height:56px;background:#d6bf72;color:#003d2b;font-size:19px}.hsa-pdf-section{background:#f3eddd;text-align:center}.hsa-sec-hd{margin-bottom:28px}.hsa-eyebrow{display:block;color:#c7a85f;text-transform:uppercase;font-size:11px;letter-spacing:1.7px;margin-bottom:8px}.hsa-sec-hd h2{font-size:30px;margin:0;color:#003d2b}.hsa-divider{color:#d6bf72;margin:12px 0}.hsa-sec-hd p{color:#706b5e;font-size:13px}.hsa-pdf-wrap{max-width:640px;margin:0 auto;background:#fff;border:1px solid #e3d6bc;border-radius:8px;overflow:hidden;text-align:left}.hsa-pdf-head{min-height:42px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e3d6bc}.hsa-pdf-head-title{font-size:12px;font-weight:700;color:#003d2b}.hsa-pill{border-radius:999px;padding:7px 14px;font-size:10px;text-transform:uppercase;text-decoration:none;font-weight:700}.hsa-pill-go{background:#003d2b;color:#d6bf72}.hsa-pdf-body{min-height:560px;background:#777;display:flex;align-items:center;justify-content:center}.hsa-pdf-body iframe{width:100%;height:620px;border:0;background:#777}.hsa-pdf-body .df-ui-wrapper,.hsa-pdf-body .df-book-wrapper{width:100%!important}.hsa-bottom-nav{background:#f8f6ef;padding:34px 0 54px}.hsa-tc{text-align:center}
@media(max-width:900px){.hsa-album-hero-inner{grid-template-columns:1fr;text-align:center;padding:50px 24px}.hsa-album-cover{margin:0 auto}.hsa-album-title-ur{text-align:center;font-size:32px}.hsa-album-meta,.hsa-album-actions{justify-content:center}.hsa-grid-2{grid-template-columns:1fr;gap:28px}.hsa-audio-player{position:static}.hsa-ap-item{grid-template-columns:40px 1fr}.hsa-ap-imeta{grid-column:2;text-align:right}.hsa-pdf-wrap{max-width:100%}} 


/* v1.1.5 — Album track list active/inactive state */
.hsa-album-kalaams .hsa-ap-item{
    background:#ffffff !important;
    color:#003d2b !important;
    border:1px solid #e6d9bd !important;
}
.hsa-album-kalaams .hsa-ap-item .hsa-ap-ititle{
    color:#003d2b !important;
}
.hsa-album-kalaams .hsa-ap-item .hsa-ap-num{
    color:#c59a2b !important;
}
.hsa-album-kalaams .hsa-ap-item .hsa-ap-imeta{
    color:#5f5f5f !important;
}
.hsa-album-kalaams .hsa-ap-item.is-playing,
.hsa-album-kalaams .hsa-ap-item:hover{
    background:#082d5c !important;
    border-color:#082d5c !important;
    color:#ffffff !important;
}
.hsa-album-kalaams .hsa-ap-item.is-playing .hsa-ap-ititle,
.hsa-album-kalaams .hsa-ap-item:hover .hsa-ap-ititle,
.hsa-album-kalaams .hsa-ap-item.is-playing .hsa-ap-num,
.hsa-album-kalaams .hsa-ap-item:hover .hsa-ap-num,
.hsa-album-kalaams .hsa-ap-item.is-playing .hsa-ap-imeta,
.hsa-album-kalaams .hsa-ap-item:hover .hsa-ap-imeta{
    color:#ffffff !important;
}

/* v1.1.6 — Active/playing album tracks must use Husami green */
.hsa-ap-item.is-active,
.hsa-ap-item.is-playing,
.hsa-ap-item[aria-current="true"] {
    background: #003d2b !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}
.hsa-ap-item.is-active .hsa-ap-ititle,
.hsa-ap-item.is-playing .hsa-ap-ititle,
.hsa-ap-item[aria-current="true"] .hsa-ap-ititle,
.hsa-ap-item.is-active .hsa-ap-num,
.hsa-ap-item.is-playing .hsa-ap-num,
.hsa-ap-item[aria-current="true"] .hsa-ap-num {
    color: #ffffff !important;
}
.hsa-ap-item.is-active .hsa-ap-imeta,
.hsa-ap-item.is-playing .hsa-ap-imeta,
.hsa-ap-item[aria-current="true"] .hsa-ap-imeta {
    color: rgba(255,255,255,.78) !important;
}
.hsa-ap-item:not(.is-active):not(.is-playing):not([aria-current="true"]) {
    background: #ffffff !important;
    color: #003d2b !important;
}


/* v1.1.7 — Album page track hover/active/playing colors */
.hsa-ap-item:hover,
.hsa-ap-item.is-active,
.hsa-ap-item.is-playing,
.hsa-ap-item[aria-current="true"] {
    background: #003d2b !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}

/* Urdu/title text should be white on hover/active/playing */
.hsa-ap-item:hover .hsa-ap-ititle,
.hsa-ap-item.is-active .hsa-ap-ititle,
.hsa-ap-item.is-playing .hsa-ap-ititle,
.hsa-ap-item[aria-current="true"] .hsa-ap-ititle {
    color: #ffffff !important;
}

/* Track number/icon should remain white on hover/active/playing */
.hsa-ap-item:hover .hsa-ap-num,
.hsa-ap-item.is-active .hsa-ap-num,
.hsa-ap-item.is-playing .hsa-ap-num,
.hsa-ap-item[aria-current="true"] .hsa-ap-num {
    color: #ffffff !important;
}

/* English/meta text should be #795f17 on hover/active/playing */
.hsa-ap-item:hover .hsa-ap-imeta,
.hsa-ap-item.is-active .hsa-ap-imeta,
.hsa-ap-item.is-playing .hsa-ap-imeta,
.hsa-ap-item[aria-current="true"] .hsa-ap-imeta {
    color: #795f17 !important;
}

/* Inactive/default track */
.hsa-ap-item:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) {
    background: #ffffff !important;
    color: #003d2b !important;
    border-color: #eadfc8 !important;
}
.hsa-ap-item:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) .hsa-ap-ititle {
    color: #003d2b !important;
}
.hsa-ap-item:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) .hsa-ap-imeta {
    color: #706b5e !important;
}


/* v1.1.8 — Hover tracks gold with black text; active/playing remains green */
.hsa-ap-item:hover:not(.is-active):not(.is-playing):not([aria-current="true"]) {
    background: #e6c875 !important;
    color: #000000 !important;
    border-color: #e6c875 !important;
}
.hsa-ap-item:hover:not(.is-active):not(.is-playing):not([aria-current="true"]) .hsa-ap-ititle,
.hsa-ap-item:hover:not(.is-active):not(.is-playing):not([aria-current="true"]) .hsa-ap-num,
.hsa-ap-item:hover:not(.is-active):not(.is-playing):not([aria-current="true"]) .hsa-ap-imeta {
    color: #000000 !important;
}

/* Active/playing track stays Husami green */
.hsa-ap-item.is-active,
.hsa-ap-item.is-playing,
.hsa-ap-item[aria-current="true"] {
    background: #003d2b !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}
.hsa-ap-item.is-active .hsa-ap-ititle,
.hsa-ap-item.is-playing .hsa-ap-ititle,
.hsa-ap-item[aria-current="true"] .hsa-ap-ititle,
.hsa-ap-item.is-active .hsa-ap-num,
.hsa-ap-item.is-playing .hsa-ap-num,
.hsa-ap-item[aria-current="true"] .hsa-ap-num {
    color: #ffffff !important;
}
.hsa-ap-item.is-active .hsa-ap-imeta,
.hsa-ap-item.is-playing .hsa-ap-imeta,
.hsa-ap-item[aria-current="true"] .hsa-ap-imeta {
    color: #795f17 !important;
}


/* =========================================================
   v1.1.13 — Remove blue background from play/prev/next/media icons site-wide
   Keeps circular button shape but removes browser/plugin blue fill.
========================================================= */

/* Album audio player controls */
.hsa-ap-control,
.hsa-ap-prev,
.hsa-ap-next,
.hsa-ap-play,
.hsa-ap-controls button,
.hsa-play-all,
.hsa-share-btn,
.hsa-hero-actions .hsa-btn {
    background-image: none !important;
    box-shadow: none !important;
}

/* Small icon inside album hero/play buttons */
.hsa-play-all .hsa-icon,
.hsa-play-all i,
.hsa-play-all svg,
.hsa-play-all span:first-child,
.hsa-ap-controls button i,
.hsa-ap-controls button svg,
.hsa-ap-controls button span,
.hsa-ap-prev *,
.hsa-ap-next *,
.hsa-ap-play * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Force album player control buttons to Husami colors */
.hsa-ap-controls button,
button.hsa-ap-prev,
button.hsa-ap-next {
    background: rgba(214,191,114,0.12) !important;
    background-color: rgba(214,191,114,0.12) !important;
    color: #d6bf72 !important;
    border: 0 !important;
}

button.hsa-ap-play,
.hsa-ap-controls .hsa-ap-play {
    background: #d6bf72 !important;
    background-color: #d6bf72 !important;
    color: #003d2b !important;
    border: 0 !important;
}

.hsa-ap-controls button:hover,
button.hsa-ap-prev:hover,
button.hsa-ap-next:hover {
    background: rgba(214,191,114,0.22) !important;
    background-color: rgba(214,191,114,0.22) !important;
    color: #d6bf72 !important;
}

button.hsa-ap-play:hover,
.hsa-ap-controls .hsa-ap-play:hover {
    background: #e6c875 !important;
    background-color: #e6c875 !important;
    color: #003d2b !important;
}

/* Remove blue fill from generic play icons/buttons generated by Husami modules */
[class*="play"] i,
[class*="play"] svg,
[class*="play"] span,
[class*="prev"] i,
[class*="prev"] svg,
[class*="prev"] span,
[class*="next"] i,
[class*="next"] svg,
[class*="next"] span,
[class*="audio"] i,
[class*="audio"] svg {
    background-color: transparent !important;
    background-image: none !important;
}

/* WordPress/browser button focus should not show blue */
.hsa-album-page button:focus,
.hsa-album-page button:active,
.hhp-audio-section button:focus,
.hhp-audio-section button:active,
.husami-core button:focus,
.husami-core button:active {
    outline: none !important;
    box-shadow: none !important;
}

/* Homepage audio player buttons if present */
.hhp-player button,
.hhp-player .play,
.hhp-player [class*="play"],
.hhp-player [class*="prev"],
.hhp-player [class*="next"] {
    background-image: none !important;
    box-shadow: none !important;
}


/* =========================================================
   v1.1.14 — Stop s.w.org emoji/icon images in Husami controls
   Uses text/CSS glyphs instead of WordPress emoji CDN images.
========================================================= */
.hsa-album-page img.emoji,
.hhp-audio-section img.emoji,
.husami-core img.emoji,
.hsa-ap-controls img,
.hsa-hero-actions img.emoji,
.hsa-play-all img.emoji {
    display: none !important;
}

.hsa-ap-controls button,
.hsa-play-all,
.hsa-share-btn {
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1 !important;
}

/* Ensure button glyphs are clean text, not emoji-like images */
.hsa-ap-prev,
.hsa-ap-next,
.hsa-ap-play {
    font-family: Arial, Helvetica, sans-serif !important;
    text-rendering: auto !important;
}