/* Gurbani.World shared premium audio-search interface */
:root {
    --gw-bg:#080808;
    --gw-surface:#141413;
    --gw-surface-2:#1b1b19;
    --gw-text:#f8f4e9;
    --gw-muted:#929087;
    --gw-gold:#d5b251;
    --gw-gold-soft:#ead187;
    --gw-gold-line:rgba(213,178,81,.28);
    --gw-line:rgba(255,255,255,.085);
}

body[data-audio-search] {
    min-height:100vh;
    color:var(--gw-text);
    background:
        radial-gradient(circle at 14% -8%,rgba(213,178,81,.09),transparent 28rem),
        linear-gradient(180deg,#090909,#070707 55%,#060606);
    font-family:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
}

body[data-audio-search] button,
body[data-audio-search] input { font:inherit; }

.search-page-hero {
    position:relative;
    overflow:hidden;
    margin:4px 0 14px;
    padding:25px 22px;
    border:1px solid rgba(213,178,81,.18);
    border-radius:23px;
    background:
        radial-gradient(circle at 90% 14%,rgba(213,178,81,.10),transparent 26%),
        linear-gradient(145deg,#171916,#10100f 65%);
    box-shadow:0 18px 48px rgba(0,0,0,.28);
}
.search-page-hero::after {
    content:'♫'; position:absolute; right:7%; top:8%; color:rgba(213,178,81,.055);
    font:700 96px/1 Georgia,serif; pointer-events:none;
}
.search-page-kicker { position:relative; z-index:1; color:var(--gw-gold); font-size:9px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.search-page-hero h2 { position:relative; z-index:1; margin:7px 0 4px; color:#fff8e7; font:700 31px/1.18 'Cormorant Garamond',Georgia,serif; }
.search-page-hero p { position:relative; z-index:1; max-width:520px; margin:0; color:#99968d; font-size:11px; line-height:1.6; }

body[data-audio-search] .search-wrapper {
    position:sticky; top:7px; z-index:900; padding:7px 0 11px;
    background:rgba(8,8,8,.91); backdrop-filter:blur(15px) saturate(125%);
}
body[data-audio-search] .search-input-group {
    min-height:58px; display:grid; grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center; padding:4px 7px;
    border:1px solid rgba(255,255,255,.105); border-radius:18px;
    background:linear-gradient(145deg,#1c1c1b,#111); box-shadow:0 10px 30px rgba(0,0,0,.28);
    transition:border-color .2s ease,box-shadow .2s ease;
}
body[data-audio-search] .search-input-group:focus-within {
    border-color:rgba(213,178,81,.62);
    box-shadow:0 0 0 3px rgba(213,178,81,.055),0 12px 32px rgba(0,0,0,.33);
}
body[data-audio-search] #searchInput {
    width:100%; min-width:0; height:48px; padding:0 4px; border:0; outline:0;
    color:#fff8e8; background:transparent;
    font:500 16px/1.3 'Noto Sans Gurmukhi','Plus Jakarta Sans',sans-serif;
}
body[data-audio-search] #searchInput::placeholder { color:#6f6d67; }
body[data-audio-search] .btn-icon {
    width:40px; height:40px; padding:0; display:grid; place-items:center;
    border:0; border-radius:11px; color:#cdb05d; background:transparent; cursor:pointer;
}
body[data-audio-search] .btn-icon:hover { color:var(--gw-gold-soft); background:rgba(213,178,81,.07); }
body[data-audio-search] #voiceBtn.listening { color:#ff857d; background:rgba(255,102,93,.09); animation:gwVoicePulse 1s ease-in-out infinite; }
@keyframes gwVoicePulse { 50%{transform:scale(1.08);opacity:.72} }

.audio-results-head {
    display:none; align-items:flex-end; justify-content:space-between; gap:12px;
    margin:13px 3px 10px;
}
.audio-results-head.visible { display:flex; }
.audio-results-head h3 { margin:0; color:#fff7e6; font:700 24px/1.1 'Cormorant Garamond',Georgia,serif; }
.audio-results-head p { margin:4px 0 0; color:#77756f; font-size:9px; }
.audio-result-count { flex:0 0 auto; padding:7px 10px; border:1px solid var(--gw-line); border-radius:999px; color:#9d9a92; font-size:8px; font-weight:800; }

body[data-audio-search] #loader { display:none; padding:13px 0; }
body[data-audio-search] #loader.visible { display:grid; gap:9px; }
.audio-search-skeleton { position:relative; height:106px; overflow:hidden; border:1px solid var(--gw-line); border-radius:19px; background:#121211; }
.audio-search-skeleton::after { content:''; position:absolute; inset:0; width:42%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent); animation:gwShimmer 1.1s linear infinite; }
@keyframes gwShimmer { from{transform:translateX(-110%)}to{transform:translateX(350%)} }

body[data-audio-search] #searchResults { display:grid; gap:9px; }
body[data-audio-search] #searchResults .item-card.audio-result-card {
    position:relative; overflow:hidden; min-height:108px; margin:0; padding:13px;
    display:grid; grid-template-columns:68px minmax(0,1fr) auto; align-items:center; gap:13px;
    border:1px solid rgba(255,255,255,.095); border-radius:19px;
    background:linear-gradient(145deg,#1b1b1a,#10100f 74%);
    box-shadow:0 10px 28px rgba(0,0,0,.22);
    transition:transform .2s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;
    animation:gwResultIn .34s ease both;
}
body[data-audio-search] #searchResults .item-card.audio-result-card::before {
    content:''; position:absolute; top:0; right:0; bottom:0; left:auto; width:42%; height:auto; pointer-events:none;
    background:radial-gradient(circle at 100% 0,rgba(213,178,81,.055),transparent 58%);
    filter:none;
}
body[data-audio-search] #searchResults .item-card.audio-result-card:hover {
    transform:translateY(-2px); border-color:rgba(213,178,81,.30);
    background:linear-gradient(145deg,#20201e,#121211 74%);
    box-shadow:0 15px 34px rgba(0,0,0,.30);
}
body[data-audio-search] #searchResults .item-card.audio-result-card.playing {
    border-width:1px!important;
    border-color:rgba(213,178,81,.88)!important;
    background:linear-gradient(145deg,rgba(213,178,81,.10),#171715 42%,#10100f)!important;
    box-shadow:0 0 0 1px rgba(213,178,81,.07),0 15px 36px rgba(0,0,0,.34)!important;
}
body[data-audio-search] #searchResults .item-card.audio-result-card.playing::after {
    content:'NOW PLAYING'; position:absolute; top:0; right:16px; padding:4px 8px;
    border-radius:0 0 7px 7px; color:#171208; background:var(--gw-gold);
    font-size:7px; font-weight:900; letter-spacing:.1em;
}
@keyframes gwResultIn { from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none} }

.audio-result-art {
    position:relative; z-index:1; width:68px; height:68px; display:grid; place-items:center;
    border:1px solid rgba(255,255,255,.085); border-radius:16px;
    background:#0c0c0c;
}
.audio-result-art img { width:62px; height:62px; object-fit:contain; filter:drop-shadow(0 4px 7px rgba(0,0,0,.55)); }
.audio-result-card.playing .audio-result-art { border-color:rgba(213,178,81,.28); }
.audio-result-card.playing .audio-result-art img { animation:gwArtworkBreathe 3.2s ease-in-out infinite; }
@keyframes gwArtworkBreathe { 50%{transform:scale(1.025);filter:drop-shadow(0 4px 8px rgba(0,0,0,.55)) drop-shadow(0 0 5px rgba(213,178,81,.16))} }

body[data-audio-search] #searchResults .info { position:relative; z-index:1; min-width:0; padding:0; overflow:hidden; }
.audio-title-button {
    max-width:100%; display:block; padding:0; border:0; color:#fff8e9; background:transparent;
    font:700 20px/1.2 'Cormorant Garamond',Georgia,serif; text-align:left; cursor:pointer;
    overflow-wrap:anywhere;
}
.audio-title-button:hover { color:var(--gw-gold-soft); }
body[data-audio-search] #searchResults .sub-text { display:flex; align-items:center; flex-wrap:wrap; gap:7px; margin-top:8px; color:#c4a957; font:600 10px/1.35 'Plus Jakarta Sans',sans-serif; }
body[data-audio-search] #searchResults .category-badge { padding:4px 7px; margin:0; border:1px solid rgba(213,178,81,.16); border-radius:7px; color:#d5b75f; background:rgba(213,178,81,.07); font-size:8px; font-weight:800; }

body[data-audio-search] #searchResults .action-buttons {
    position:relative; z-index:2; display:flex; align-items:center; gap:3px; flex-shrink:0;
}
.track-action {
    width:39px; height:39px; display:grid; place-items:center; padding:0;
    border:0; border-radius:11px; color:#95938d!important; background:transparent;
    text-decoration:none; font-size:16px; cursor:pointer;
    transition:color .18s ease,background .18s ease,transform .18s ease;
}
.track-action:hover { color:var(--gw-gold-soft)!important; background:rgba(213,178,81,.07); transform:translateY(-1px); }
.track-action.is-favorite { color:#e6b84f!important; }
body[data-audio-search] #searchResults .btn-play-small {
    position:relative; width:49px; height:49px; min-width:49px; display:grid; place-items:center;
    border:1px solid rgba(213,178,81,.66); border-radius:50%; color:#dfbd5c;
    background:radial-gradient(circle at 35% 28%,#342c1a,#111 72%);
    box-shadow:0 9px 23px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.09);
    font-size:15px; cursor:pointer;
}
body[data-audio-search] #searchResults .btn-play-small:hover { transform:scale(1.035); color:#f2d477; }
body[data-audio-search] #searchResults .btn-play-small.buffering i { animation:spin .75s linear infinite; }

.audio-search-state {
    padding:35px 18px; border:1px solid var(--gw-line); border-radius:19px;
    color:#8e8b84; background:linear-gradient(145deg,#151514,#10100f); text-align:center;
}
.audio-search-state i { color:var(--gw-gold); font-size:24px; }
.audio-search-state strong { display:block; margin-top:11px; color:#eee7d9; font:700 23px/1.15 'Cormorant Garamond',serif; }
.audio-search-state span { display:block; margin-top:6px; font-size:10px; line-height:1.6; }

body[data-audio-search] #playerBar.modern-player {
    left:50%!important; right:auto!important; bottom:max(9px,env(safe-area-inset-bottom))!important;
    transform:translateX(-50%)!important; width:calc(100vw - 18px)!important; max-width:760px!important;
    border:1px solid rgba(213,178,81,.30)!important; border-radius:22px!important;
    background:linear-gradient(145deg,rgba(28,28,27,.985),rgba(9,9,9,.985))!important;
    box-shadow:0 22px 70px rgba(0,0,0,.86)!important;
}

body[data-audio-search] .audio-bottom-nav {
    position:fixed; z-index:9990; right:0; bottom:0; left:0;
    min-height:calc(66px + env(safe-area-inset-bottom));
    padding:6px max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));
    display:grid; grid-template-columns:1fr 68px 1fr; align-items:center;
    border-top:1px solid var(--gw-line); background:rgba(8,8,8,.96); backdrop-filter:blur(18px);
    transition:opacity .22s ease,transform .25s ease,visibility .25s ease;
}
body[data-audio-search] .audio-bottom-nav.player-open { opacity:0; visibility:hidden; pointer-events:none; transform:translateY(110%); }
body[data-audio-search] .audio-nav-back { min-height:50px; display:inline-flex; align-items:center; gap:9px; padding:0 10px 0 3px; border:0; color:#d7d3ca; background:transparent; cursor:pointer; }
body[data-audio-search] .audio-nav-back i { color:var(--gw-gold); }
body[data-audio-search] .audio-nav-copy { display:flex; flex-direction:column; align-items:flex-start; }
body[data-audio-search] .audio-nav-copy small { color:#77746d; font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
body[data-audio-search] .audio-nav-copy strong { margin-top:3px; color:#e8e3d7; font-size:11px; }
body[data-audio-search] .audio-nav-home { width:55px; height:55px; justify-self:center; display:grid; place-items:center; border:1px solid rgba(255,224,132,.28); border-radius:17px; color:#17130b; background:linear-gradient(145deg,#e8c761,#caa33d); text-decoration:none; font-size:19px; }

@media(max-width:680px) {
    .search-page-hero { padding:20px 16px; border-radius:19px; }
    .search-page-hero h2 { font-size:27px; }
    body[data-audio-search] #searchResults .item-card.audio-result-card {
        min-height:0; padding:12px 10px; grid-template-columns:62px minmax(0,1fr); gap:10px; border-radius:17px;
    }
    .audio-result-art { width:62px; height:62px; border-radius:15px; }
    .audio-result-art img { width:57px; height:57px; }
    .audio-title-button { font-size:18px; }
    body[data-audio-search] #searchResults .action-buttons {
        grid-column:1/-1; width:100%; justify-content:space-between; padding-top:9px;
        border-top:1px solid rgba(255,255,255,.06);
    }
    .track-action { width:42px; height:42px; font-size:17px; }
    body[data-audio-search] #searchResults .btn-play-small { width:47px; height:47px; min-width:47px; }
    body[data-audio-search] #searchResults .item-card.audio-result-card.playing::after { right:12px; font-size:6px; }
}

@media(max-width:390px) {
    body[data-audio-search] #searchInput { font-size:15px; }
    .track-action { width:38px; height:38px; }
    body[data-audio-search] #searchResults .btn-play-small { width:44px; height:44px; min-width:44px; }
}

@media(prefers-reduced-motion:reduce) {
    body[data-audio-search] *,body[data-audio-search] *::before,body[data-audio-search] *::after { animation-duration:.01ms!important; transition-duration:.01ms!important; }
}