@import url('https://fonts.googleapis.com/css2?family=Noto+Nastaliq+Urdu:wght@400;500;600;700&display=swap');
:root{--hhp-green:#003d2b;--hhp-gold:#d6bf72;--hhp-cream:#f8f6ef;--hhp-beige:#f2ecdd;--hhp-muted:#666;--hhp-line:#eadfc8}.hhp-wrap{max-width:1180px;margin:0 auto;padding:0 20px}.hhp-section{padding:82px 0;background:var(--hhp-cream);color:var(--hhp-green)}.hhp-beige{background:var(--hhp-beige)}.hhp-grid{display:grid;gap:24px}.hhp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hhp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.hhp-tc{text-align:center;margin-top:40px}.hhp-eyebrow{display:block;color:var(--hhp-gold);text-transform:uppercase;letter-spacing:1.8px;font-size:11px;font-weight:700}.hhp-sec-hd{text-align:center;max-width:720px;margin:0 auto 40px}.hhp-sec-hd h2,.hhp-intro h2,.hhp-audio-section h2{font-size:34px;line-height:1.2;color:var(--hhp-green);margin:8px 0}.hhp-sec-hd p,.hhp-intro p,.hhp-audio-section p{color:var(--hhp-muted);line-height:1.8}.hhp-divider{color:var(--hhp-gold);margin:12px 0}.hhp-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 22px;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;margin:4px}.hhp-btn-gold{background:var(--hhp-gold);color:var(--hhp-green)}.hhp-btn-dark{background:var(--hhp-green);color:var(--hhp-gold)}.hhp-btn-out,.hhp-btn-out-dk{border:1px solid var(--hhp-gold);color:var(--hhp-gold);background:transparent}.hhp-btn-out-dk{color:var(--hhp-green)}
.hhp-hero{position:relative;min-height:660px;background:var(--hhp-green);overflow:hidden}.hhp-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.6s ease}.hhp-slide.active{opacity:1;visibility:visible}.hhp-slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.26;filter:grayscale(.2)}.hhp-slide-pattern{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,61,43,.95),rgba(0,61,43,.55),rgba(0,0,0,.28))}.hhp-slide-content{position:relative;z-index:2;max-width:820px;padding:150px 40px 120px;margin:0 auto;text-align:center;color:#fff}.hhp-slide-badge{color:var(--hhp-gold);text-transform:uppercase;letter-spacing:1.8px;font-size:12px}.hhp-slide-title-ur{font-family:'Noto Nastaliq Urdu',serif;font-size:56px;line-height:1.8;font-weight:500;margin:8px 0;color:#fff}.hhp-slide-title-en{color:var(--hhp-gold);font-size:20px;font-style:italic}.hhp-slide-desc{font-size:16px;line-height:1.9;color:rgba(255,255,255,.82);max-width:680px;margin:16px auto 28px}.hhp-hero-arrows{position:absolute;left:0;right:0;top:50%;display:flex;justify-content:space-between;padding:0 30px;z-index:5}.hhp-hero-arrows button,.hhp-hero-dots button{border:1px solid rgba(214,191,114,.55);background:rgba(0,61,43,.55);color:var(--hhp-gold);cursor:pointer}.hhp-hero-arrows button{width:44px;height:44px;border-radius:50%}.hhp-hero-dots{position:absolute;left:0;right:0;bottom:30px;text-align:center;z-index:5}.hhp-hero-dots button{width:12px;height:12px;border-radius:50%;margin:0 5px;padding:0}.hhp-hero-dots button.active{background:var(--hhp-gold)}
.hhp-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hhp-stats div{background:#fff;border:1px solid var(--hhp-line);border-radius:16px;padding:28px;text-align:center}.hhp-stats b{display:block;font-size:38px;color:var(--hhp-green)}.hhp-stats span{color:var(--hhp-muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.hhp-search-band{background:var(--hhp-green);padding:48px 20px;color:#fff;text-align:center}.hhp-search-inner{max-width:900px;margin:auto}.hhp-search-band h2{font-size:30px;color:#fff}.hhp-search-bar{display:flex;gap:10px;max-width:720px;margin:18px auto}.hhp-search-bar input{flex:1;border:1px solid rgba(214,191,114,.45);background:#fff;border-radius:999px;padding:15px 20px}.hhp-search-bar button{border:0;border-radius:999px;background:var(--hhp-gold);color:var(--hhp-green);padding:0 28px;font-weight:700}.hhp-filter-links a{display:inline-block;margin:6px;padding:7px 14px;border:1px solid rgba(214,191,114,.45);border-radius:999px;color:var(--hhp-gold);text-decoration:none;font-size:12px;text-transform:uppercase}
.hhp-card{background:#fff;border:1px solid var(--hhp-line);border-radius:14px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.035)}.hhp-card-link{text-decoration:none;color:inherit;display:block}.hhp-card-top{display:grid;grid-template-columns:110px 1fr;min-height:128px}.hhp-thumb{background:var(--hhp-green);color:var(--hhp-gold);display:flex;align-items:center;justify-content:center;overflow:hidden}.hhp-thumb span{font-family:'Noto Nastaliq Urdu',serif;font-size:32px}.hhp-thumb img,.hhp-album-cover img,.hhp-video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hhp-card-copy{padding:18px 18px 10px;text-align:right}.hhp-code{display:block;color:#c59a2b;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:6px}.hhp-urdu{font-family:'Noto Nastaliq Urdu',serif;color:var(--hhp-green);font-size:21px;line-height:2.1;font-weight:500;margin:0 0 6px;text-align:right}.hhp-en{color:#5d5d5d;font-size:13px;line-height:1.55;font-style:italic;margin:0}.hhp-card-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;border-top:1px solid var(--hhp-line);padding:14px 16px}.hhp-card-footer span,.hhp-badge{background:#e5f2ea;color:var(--hhp-green);border-radius:999px;padding:7px 12px;font-size:10px;font-weight:700;text-transform:uppercase}.hhp-card-footer em{background:#e8ddc5;color:#6a5d3c;border-radius:999px;padding:7px 14px;font-style:normal;font-size:11px}.hhp-card-footer b{background:var(--hhp-green);color:var(--hhp-gold);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center}.hhp-album-cover{height:260px;background:var(--hhp-green);display:flex;align-items:center;justify-content:center;color:var(--hhp-gold);position:relative}.hhp-album-cover span{font-family:'Noto Nastaliq Urdu',serif;font-size:36px}.hhp-album-cover small{position:absolute;top:12px;right:12px;background:var(--hhp-gold);color:var(--hhp-green);border-radius:999px;padding:6px 10px;font-size:10px;text-transform:uppercase;font-weight:700}.hhp-album-body,.hhp-video-body{padding:18px}.hhp-video-thumb{position:relative;display:block;aspect-ratio:16/9;background:#111;overflow:hidden}.hhp-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#e00;color:white;border-radius:13px;width:58px;height:42px;display:flex;align-items:center;justify-content:center}.hhp-audio-list{display:grid;gap:8px;margin-top:22px}.hhp-audio-list button{background:#fff;border:1px solid var(--hhp-line);border-radius:10px;padding:12px 16px;text-align:right;cursor:pointer}.hhp-audio-list span{display:block;font-family:'Noto Nastaliq Urdu',serif;color:var(--hhp-green);font-size:18px;line-height:1.8}.hhp-audio-list small{display:block;color:var(--hhp-muted);font-style:italic}.hhp-player{background:var(--hhp-green);color:#fff;border-radius:14px;padding:36px;box-shadow:0 22px 55px rgba(0,61,43,.2)}.hhp-player span{color:var(--hhp-gold);text-transform:uppercase;font-size:11px;letter-spacing:1.5px}.hhp-player h3{font-family:'Noto Nastaliq Urdu',serif;font-size:27px;line-height:2;margin:12px 0}.hhp-player audio{width:100%;margin-top:18px}.hhp-cta{background:#9c8e22;color:#fff;text-align:center;padding:72px 20px;background-image:radial-gradient(rgba(0,61,43,.12) 1px,transparent 1px);background-size:18px 18px}.hhp-cta h2{font-size:32px;color:#fff}.hhp-cta p{color:rgba(255,255,255,.84)}
@media(max-width:900px){.hhp-grid-3,.hhp-grid-2{grid-template-columns:1fr}.hhp-slide-content{padding:110px 24px 100px}.hhp-slide-title-ur{font-size:38px}.hhp-hero{min-height:560px}.hhp-search-bar{flex-direction:column}.hhp-grid{gap:18px}}@media(max-width:560px){.hhp-card-top{grid-template-columns:95px 1fr}.hhp-grid-3{grid-template-columns:1fr}.hhp-section{padding:58px 0}.hhp-stats{grid-template-columns:1fr}.hhp-sec-hd h2,.hhp-intro h2,.hhp-audio-section h2{font-size:28px}}


/* ===== Husami Homepage Fix: prevent raw/unstyled theme interference ===== */
body.home .hhp-hero,
body.home .hhp-section,
body.home .hhp-search-band,
body.home .hhp-cta,
.hhp-hero,
.hhp-section,
.hhp-search-band,
.hhp-cta {
    box-sizing: border-box;
    width: 100%;
}

.hhp-hero *,.hhp-section *,.hhp-search-band *,.hhp-cta * {
    box-sizing: border-box;
}

.hhp-section h1,.hhp-section h2,.hhp-section h3,
.hhp-hero h1,.hhp-hero h2,
.hhp-cta h2 {
    font-family: inherit;
}

.hhp-wrap {
    width: min(1180px, calc(100% - 40px));
    margin-left: auto !important;
    margin-right: auto !important;
}

.hhp-grid.hhp-grid-3 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.hhp-grid-2 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* Strong card style */
.hhp-card img {
    max-width: 100%;
}

.hhp-card a {
    text-decoration: none !important;
}

.hhp-album-cover,
.hhp-thumb,
.hhp-video-thumb {
    min-height: 180px;
}

/* Hero should look like attached index.html */
.hhp-hero {
    margin-top: 0;
    min-height: 620px !important;
}

.hhp-slide-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Hide accidental unstyled page headings if theme prints page title before shortcode */
body.home .entry-header,
body.home .page-header,
body.home .elementor-page-title,
body.home .post-title,
body.home .entry-title {
    display: none !important;
}

/* Elementor shortcode widget spacing reset */
.elementor-widget-shortcode .hhp-hero,
.elementor-widget-shortcode .hhp-section,
.elementor-widget-shortcode .hhp-search-band,
.elementor-widget-shortcode .hhp-cta {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
}

@media(max-width: 900px) {
    .hhp-grid.hhp-grid-3,
    .hhp-grid-2 {
        grid-template-columns: 1fr !important;
    }

    .hhp-wrap {
        width: min(100% - 28px, 1180px);
    }

    .hhp-hero {
        min-height: 560px !important;
    }
}


/* v1.1.5 — Correct homepage Volumes & Albums thumbnails */
.hhp-album-cover{
    background:#fffdf8;
    border-bottom:1px solid var(--hhp-line);
}
.hhp-album-cover.has-img img,
.hhp-album-cover img{
    object-fit:contain !important;
    background:#fffdf8;
    padding:10px;
}
.hhp-album-card .hhp-urdu{
    min-height:42px;
}

/* v1.1.6 — Active/playing homepage audio tracks must use Husami green */
.hhp-audio-list button.is-active,
.hhp-audio-list button.is-playing,
.hhp-audio-list button[aria-current="true"] {
    background: #003d2b !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}
.hhp-audio-list button.is-active span,
.hhp-audio-list button.is-playing span,
.hhp-audio-list button[aria-current="true"] span,
.hhp-audio-list button.is-active small,
.hhp-audio-list button.is-playing small,
.hhp-audio-list button[aria-current="true"] small {
    color: #ffffff !important;
}
.hhp-audio-list button:not(.is-active):not(.is-playing):not([aria-current="true"]) {
    background: #ffffff !important;
    color: #003d2b !important;
}


/* v1.1.7 — Homepage Audio Highlights hover/active/playing colors */
.hhp-audio-list button:hover,
.hhp-audio-list button.is-active,
.hhp-audio-list button.is-playing,
.hhp-audio-list button[aria-current="true"] {
    background: #003d2b !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}

/* Urdu/title text should be white on hover/active/playing */
.hhp-audio-list button:hover span,
.hhp-audio-list button.is-active span,
.hhp-audio-list button.is-playing span,
.hhp-audio-list button[aria-current="true"] span {
    color: #ffffff !important;
}

/* English/subtitle text should be #795f17 on hover/active/playing */
.hhp-audio-list button:hover small,
.hhp-audio-list button.is-active small,
.hhp-audio-list button.is-playing small,
.hhp-audio-list button[aria-current="true"] small {
    color: #795f17 !important;
}

/* Inactive/default track */
.hhp-audio-list button:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) {
    background: #ffffff !important;
    color: #003d2b !important;
    border-color: #eadfc8 !important;
}
.hhp-audio-list button:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) span {
    color: #003d2b !important;
}
.hhp-audio-list button:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) small {
    color: #666666 !important;
}


/* v1.1.8 — Homepage Audio Highlights hover tracks gold with black text; active/playing remains green */
.hhp-audio-list button:hover:not(.is-active):not(.is-playing):not([aria-current="true"]) {
    background: #e6c875 !important;
    color: #000000 !important;
    border-color: #e6c875 !important;
}
.hhp-audio-list button:hover:not(.is-active):not(.is-playing):not([aria-current="true"]) span,
.hhp-audio-list button:hover:not(.is-active):not(.is-playing):not([aria-current="true"]) small {
    color: #000000 !important;
}

/* Active/playing track stays Husami green */
.hhp-audio-list button.is-active,
.hhp-audio-list button.is-playing,
.hhp-audio-list button[aria-current="true"] {
    background: #003d2b !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}
.hhp-audio-list button.is-active span,
.hhp-audio-list button.is-playing span,
.hhp-audio-list button[aria-current="true"] span {
    color: #ffffff !important;
}
.hhp-audio-list button.is-active small,
.hhp-audio-list button.is-playing small,
.hhp-audio-list button[aria-current="true"] small {
    color: #795f17 !important;
}


/* v1.1.9 — Homepage Audio Highlights hover override only
   Hover must always be gold with black text, even if the track is active/playing.
   Active/playing state remains green when not hovered.
*/
.hhp-audio-section .hhp-audio-list button:hover,
.hhp-audio-section .hhp-audio-list button.is-active:hover,
.hhp-audio-section .hhp-audio-list button.is-playing:hover,
.hhp-audio-section .hhp-audio-list button[aria-current="true"]:hover {
    background: #e6c875 !important;
    color: #000000 !important;
    border-color: #e6c875 !important;
}

.hhp-audio-section .hhp-audio-list button:hover span,
.hhp-audio-section .hhp-audio-list button.is-active:hover span,
.hhp-audio-section .hhp-audio-list button.is-playing:hover span,
.hhp-audio-section .hhp-audio-list button[aria-current="true"]:hover span,
.hhp-audio-section .hhp-audio-list button:hover small,
.hhp-audio-section .hhp-audio-list button.is-active:hover small,
.hhp-audio-section .hhp-audio-list button.is-playing:hover small,
.hhp-audio-section .hhp-audio-list button[aria-current="true"]:hover small {
    color: #000000 !important;
}

/* Active/playing homepage audio tracks when not hovered */
.hhp-audio-section .hhp-audio-list button.is-active:not(:hover),
.hhp-audio-section .hhp-audio-list button.is-playing:not(:hover),
.hhp-audio-section .hhp-audio-list button[aria-current="true"]:not(:hover) {
    background: #003d2b !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}

.hhp-audio-section .hhp-audio-list button.is-active:not(:hover) span,
.hhp-audio-section .hhp-audio-list button.is-playing:not(:hover) span,
.hhp-audio-section .hhp-audio-list button[aria-current="true"]:not(:hover) span {
    color: #ffffff !important;
}

.hhp-audio-section .hhp-audio-list button.is-active:not(:hover) small,
.hhp-audio-section .hhp-audio-list button.is-playing:not(:hover) small,
.hhp-audio-section .hhp-audio-list button[aria-current="true"]:not(:hover) small {
    color: #795f17 !important;
}


/* =========================================================
   v1.1.10 — FORCE Homepage Audio Highlights Hover Fix
   Fixes issue where hover showed white background with white text.
   These rules are intentionally placed last and use high specificity.
========================================================= */

/* Homepage Audio Highlights: default inactive */
body .hhp-audio-section .hhp-audio-list button:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #003d2b !important;
    border-color: #eadfc8 !important;
}

body .hhp-audio-section .hhp-audio-list button:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) span {
    color: #003d2b !important;
}

body .hhp-audio-section .hhp-audio-list button:not(:hover):not(.is-active):not(.is-playing):not([aria-current="true"]) small {
    color: #666666 !important;
}

/* Homepage Audio Highlights: hover must always be gold and black */
body .hhp-audio-section .hhp-audio-list button:hover,
body .hhp-audio-section .hhp-audio-list button:focus,
body .hhp-audio-section .hhp-audio-list button.is-active:hover,
body .hhp-audio-section .hhp-audio-list button.is-playing:hover,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:hover {
    background: #e6c875 !important;
    background-color: #e6c875 !important;
    background-image: none !important;
    color: #000000 !important;
    border-color: #e6c875 !important;
    box-shadow: none !important;
}

/* Force every possible child text on hover to black */
body .hhp-audio-section .hhp-audio-list button:hover *,
body .hhp-audio-section .hhp-audio-list button:focus *,
body .hhp-audio-section .hhp-audio-list button:hover span,
body .hhp-audio-section .hhp-audio-list button:hover small,
body .hhp-audio-section .hhp-audio-list button:hover strong,
body .hhp-audio-section .hhp-audio-list button:hover em,
body .hhp-audio-section .hhp-audio-list button:hover p,
body .hhp-audio-section .hhp-audio-list button:hover div {
    color: #000000 !important;
}

/* Homepage Audio Highlights: active/playing only when not hovered */
body .hhp-audio-section .hhp-audio-list button.is-active:not(:hover),
body .hhp-audio-section .hhp-audio-list button.is-playing:not(:hover),
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:not(:hover) {
    background: #003d2b !important;
    background-color: #003d2b !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}

body .hhp-audio-section .hhp-audio-list button.is-active:not(:hover) span,
body .hhp-audio-section .hhp-audio-list button.is-playing:not(:hover) span,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:not(:hover) span {
    color: #ffffff !important;
}

body .hhp-audio-section .hhp-audio-list button.is-active:not(:hover) small,
body .hhp-audio-section .hhp-audio-list button.is-playing:not(:hover) small,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:not(:hover) small {
    color: #795f17 !important;
}


/* =========================================================
   v1.1.11 — Homepage Audio Highlights INACTIVE hover only
   Inactive hover: gold background #e6c875.
   Inactive hover font color remains same as normal inactive state.
   Active/playing tracks are unchanged.
========================================================= */

/* Inactive track hover only */
body .hhp-audio-section .hhp-audio-list button:not(.is-active):not(.is-playing):not([aria-current="true"]):hover,
body .hhp-audio-section .hhp-audio-list button:not(.is-active):not(.is-playing):not([aria-current="true"]):focus {
    background: #e6c875 !important;
    background-color: #e6c875 !important;
    background-image: none !important;
    border-color: #e6c875 !important;
    color: #003d2b !important;
}

/* Keep inactive hover Urdu/title same as inactive normal color */
body .hhp-audio-section .hhp-audio-list button:not(.is-active):not(.is-playing):not([aria-current="true"]):hover span,
body .hhp-audio-section .hhp-audio-list button:not(.is-active):not(.is-playing):not([aria-current="true"]):focus span {
    color: #003d2b !important;
}

/* Keep inactive hover English/subtitle same as inactive normal color */
body .hhp-audio-section .hhp-audio-list button:not(.is-active):not(.is-playing):not([aria-current="true"]):hover small,
body .hhp-audio-section .hhp-audio-list button:not(.is-active):not(.is-playing):not([aria-current="true"]):focus small {
    color: #666666 !important;
}

/* Active/playing tracks remain unchanged when hovered */
body .hhp-audio-section .hhp-audio-list button.is-active:hover,
body .hhp-audio-section .hhp-audio-list button.is-playing:hover,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:hover,
body .hhp-audio-section .hhp-audio-list button.is-active:focus,
body .hhp-audio-section .hhp-audio-list button.is-playing:focus,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:focus {
    background: #003d2b !important;
    background-color: #003d2b !important;
    background-image: none !important;
    color: #ffffff !important;
    border-color: #003d2b !important;
}

body .hhp-audio-section .hhp-audio-list button.is-active:hover span,
body .hhp-audio-section .hhp-audio-list button.is-playing:hover span,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:hover span,
body .hhp-audio-section .hhp-audio-list button.is-active:focus span,
body .hhp-audio-section .hhp-audio-list button.is-playing:focus span,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:focus span {
    color: #ffffff !important;
}

body .hhp-audio-section .hhp-audio-list button.is-active:hover small,
body .hhp-audio-section .hhp-audio-list button.is-playing:hover small,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:hover small,
body .hhp-audio-section .hhp-audio-list button.is-active:focus small,
body .hhp-audio-section .hhp-audio-list button.is-playing:focus small,
body .hhp-audio-section .hhp-audio-list button[aria-current="true"]:focus small {
    color: #795f17 !important;
}


/* =========================================================
   v1.1.12 — Homepage Volumes & Albums thumbnail correction
   Fit album cover neatly and hide year/volume meta from thumbnail.
========================================================= */
.hhp-album-card .hhp-album-cover {
    background: #003d2b !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    min-height: 260px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 14px !important;
}

.hhp-album-card .hhp-album-cover.has-img {
    background: #003d2b !important;
}

.hhp-album-card .hhp-album-cover img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    border-radius: 10px !important;
}

/* Hide year/volume/meta tags from thumbnail area only */
.hhp-album-card .hhp-album-cover small,
.hhp-album-card .hhp-album-cover .hhp-badge,
.hhp-album-card .hhp-album-cover .hhp-year,
.hhp-album-card .hhp-album-cover .hhp-meta,
.hhp-album-card .hhp-album-cover .hhp-vol,
.hhp-album-card .hhp-album-cover [class*="year"],
.hhp-album-card .hhp-album-cover [class*="meta"],
.hhp-album-card .hhp-album-cover [class*="badge"] {
    display: none !important;
}

@media (max-width: 767px) {
    .hhp-album-card .hhp-album-cover {
        min-height: 220px !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;
}