/*
Theme Name: DigiCD
Version: 0.4.0
Requires PHP: 8.3
Description: DigiCD:n hyväksytty tumma ilme, kansitaide ja verkkokauppa.
Author: DigiCD
License: GPL-2.0-or-later
*/
.skip-link{position:fixed;top:-100px;left:16px;background:var(--accent);color:#111;padding:12px;z-index:1000}.skip-link:focus{top:10px}.mobile-brand{display:none}.sample-grid{grid-template-columns:1fr 1fr;gap:36px}.cover-button{position:relative;background:none;padding:0;width:100%;display:block}.cover-button img{display:block}.cover-play{position:absolute;bottom:20px;right:20px;border:1px solid #ffffff66;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;background:#192019d9;color:#f2f0e8;font-size:18px}.album-card .credits{margin:15px 0 12px;line-height:1.8}.play-link{background:none;padding:8px 0}.publisher-banner{margin:60px 0;padding:40px;border:1px solid var(--line);background:radial-gradient(ellipse at right,#54452d45,transparent 70%)}h2{font-family:Georgia,serif;font-weight:400}.publisher-banner h2{font-size:40px;line-height:1.1}.publisher-banner p,.intro{color:var(--muted);max-width:640px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid .list-panel{margin:20px 0}.service-grid h2{font-size:29px;line-height:1.15}.service-grid p{color:var(--muted);font-size:13px}.player-quality{font-size:10px;color:var(--muted);min-width:100px;text-align:right}.now-cover{object-fit:cover}.check-label{display:flex!important;align-items:flex-start;gap:12px!important}.check-label input{margin-top:4px}.form input[type=file]{width:100%;font-size:12px}.page-content{max-width:1080px}.woocommerce{color:var(--ink)}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{background:#111914;border:1px solid #465340;color:var(--ink);padding:12px;border-radius:6px}.woocommerce form.login,.woocommerce form.register,.woocommerce form.checkout_coupon{border-color:var(--line)}.woocommerce .woocommerce-MyAccount-navigation{width:24%;margin:0}.woocommerce .woocommerce-MyAccount-content{width:71%}.woocommerce-MyAccount-navigation ul{list-style:none;padding:0}.woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}.woocommerce-MyAccount-navigation a{display:block;padding:14px 0}.woocommerce-MyAccount-navigation .is-active a{color:var(--accent)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce button.button.alt,.woocommerce a.button.alt{background:var(--accent);color:#211c15;border-radius:30px;padding:14px 23px;font-weight:600}.woocommerce a.button:hover,.woocommerce button.button:hover{background:#f3c495;color:#211c15}.woocommerce-info,.woocommerce-message,.woocommerce-error{background:var(--panel);color:var(--ink);border-top-color:var(--accent)}.woocommerce table.shop_table{border-color:var(--line)}.woocommerce table.shop_table td{border-top-color:var(--line)}.woocommerce a{color:var(--accent)}.woocommerce-account h2{font-size:30px}.woocommerce-privacy-policy-text{font-size:12px;color:var(--muted)}.woocommerce form .form-row label{margin:8px 0;font-size:13px}.woocommerce fieldset{border-color:var(--line);margin:25px 0}.woocommerce #payment{background:var(--panel)}.admin-bar .sidebar{top:32px}.admin-bar header{height:94px}footer>a{margin-left:auto;font-size:12px;color:var(--accent)}
@media(max-width:1000px){.service-grid{grid-template-columns:1fr}.player-quality{display:none}}
@media(max-width:760px){.mobile-brand{display:block}.mobile-brand .logo{font-size:30px}.mobile-brand .logo i{font-size:18px}.eyebrow{display:none}.sidebar nav a{padding:6px 10px;font-size:9px}.sample-grid{gap:32px;grid-template-columns:1fr}.sample-grid .album-card:first-child{display:block}.sample-grid .album-card .cover{max-width:100%}.publisher-banner{padding:25px}.publisher-banner h2{font-size:34px}.woocommerce .woocommerce-MyAccount-navigation,.woocommerce .woocommerce-MyAccount-content{width:100%;float:none}.woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:12px}.woocommerce-MyAccount-navigation li{font-size:12px}.admin-bar .sidebar{top:auto}.hero h1{font-size:46px}.transport{width:110px}.controls #prev{display:inline-block}.controls{gap:4px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#main[aria-busy=true]{cursor:progress}.music-search{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:12px;margin:20px 0}.music-search input{width:min(330px,70%)}.sample-grid .album-card[hidden]{display:none!important}#main:focus{outline:none}.player-quality{max-width:160px}footer span{display:inline}
.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:25px}.catalog-filters{display:flex;flex-wrap:wrap;gap:16px;margin:25px 0}.catalog-filters label,.playlist-create label{display:grid;gap:6px;color:var(--muted);font-size:12px}.catalog-filters input{width:260px}.catalog-grid [hidden]{display:none!important}.placeholder-cover{display:grid;place-items:center;font-size:80px;background:linear-gradient(135deg,#3b4e3c,#1b2720);color:var(--accent)}.album-hero h2{font-size:40px;margin:12px 0}.playlist-create{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.playlist-panel .list-controls input{max-width:280px}.playlist-panel .track button{font-size:12px;white-space:nowrap}.playlist-trash{margin-top:30px}.playlist-trash summary{cursor:pointer}.playlist-track{flex-wrap:wrap}.playlist-track .track-name{min-width:150px}#playlist-picker select{width:100%;margin:16px 0}#playlist-status{min-height:24px;color:var(--accent)}@media(max-width:760px){.catalog-grid{grid-template-columns:1fr 1fr}.catalog-grid .album-card:first-child{display:block;grid-column:auto}.catalog-filters>*{flex:1;min-width:130px}.catalog-filters input,.catalog-filters select{width:100%}.sidebar nav a{padding:6px 5px;font-size:8px}.playlist-panel{padding:16px}.playlist-track .track-name{flex-basis:100%}.album-hero h2{font-size:32px}.playlist-create input{max-width:100%}}
#listening-room{margin:30px 0 45px;border:1px solid #576049;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 10% 0%,#72543355,transparent 65%),#18211b;display:grid;grid-template-columns:1.15fr 1fr}.listening-now{display:flex;gap:24px;align-items:center;padding:30px;min-width:0}.listening-art{width:145px;height:175px;flex-shrink:0;position:relative;display:grid;place-items:center}.listening-art img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:8px solid #0d130f;box-shadow:0 12px 35px #0008}.empty-note{font:90px Georgia;color:var(--accent)}.listening-info{min-width:0}.listening-info h2{font-size:29px;line-height:1.15;margin:15px 0}.listening-info p{color:var(--muted);font-size:13px}.listening-info .secondary{padding:9px 12px}.listening-next{padding:30px;border-left:1px solid var(--line);min-width:0}.live-queue{list-style:none;padding:0;margin:18px 0 0;max-height:240px;overflow:auto}.queue-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.queue-row img{width:38px;height:38px;object-fit:cover;border-radius:5px}.queue-row>div{flex:1;min-width:0}.queue-row strong,.search-track strong{display:block;font-size:13px}.queue-row small,.search-track small{display:block;color:var(--muted);font-size:11px}.queue-row button{padding:8px;font-size:10px}.sound-waves{display:flex;align-items:center;justify-content:center;gap:4px;height:36px}.sound-waves i{display:block;width:4px;height:24px;background:linear-gradient(#f6d3a4,#b77545);border-radius:4px;transform:scaleY(.22);animation:sound-wave .85s ease-in-out infinite alternate;animation-play-state:paused}.sound-waves i:nth-child(2n){animation-delay:-.3s}.sound-waves i:nth-child(3n){animation-delay:-.6s}.sound-waves i:nth-child(4n){animation-delay:-.15s}.music-playing .sound-waves i{animation-play-state:running}.listening-art .sound-waves{position:absolute;bottom:0;left:0;right:0}.mini-waves{flex-shrink:0;width:44px}.mini-waves i{width:3px}.track-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.track-actions button{font-size:11px;padding:9px 12px;max-width:100%;white-space:normal;text-align:left}#player-list-actions{max-width:185px;min-width:0}#player-list-actions button{font-size:10px;padding:8px 12px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .now-info{width:190px}.player .player-quality{display:none}.search-track{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;flex-wrap:wrap}.search-track>div:first-child{flex:1;min-width:160px}.search-track .track-actions{margin:0}#track-search-results{padding:20px;background:#1b241e;border-radius:12px;margin:20px 0}#track-search-results[hidden]{display:none}.catalog-tracks .track{flex-wrap:wrap}.catalog-tracks [data-playlist-add]{max-width:300px;white-space:normal}
@keyframes sound-wave{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
@media(max-width:1100px){#listening-room{grid-template-columns:1fr}.listening-next{border-left:0;border-top:1px solid var(--line)}.live-queue{max-height:190px}.listening-info h2{font-size:30px}.player .now-info{width:170px}}
@media(max-width:760px){.listening-now{padding:20px;gap:16px}.listening-art{width:85px;height:115px}.listening-art img{width:84px;height:84px;border-width:5px}.listening-info h2{font-size:23px}.listening-info .kicker{font-size:8px;letter-spacing:1px}.listening-next{padding:20px}.queue-row button{font-size:9px}.player{height:116px;flex-wrap:wrap;padding:12px 13px;align-content:center;gap:7px}.player .now-info{width:auto;flex:1}.player .transport{width:100px}.mini-waves{width:25px;gap:2px;height:22px}.mini-waves i{width:2px;height:18px}#player-list-actions{flex-basis:100%;max-width:100%;padding-left:54px}#player-list-actions button{max-width:100%;padding:4px 10px;font-size:10px}.shell{padding-bottom:200px}#toast{bottom:195px}.search-track .track-actions{width:100%}}
@media(prefers-reduced-motion:reduce){.sound-waves i{animation:none!important}.music-playing .sound-waves i:nth-child(odd){transform:scaleY(.8)}.music-playing .sound-waves i:nth-child(even){transform:scaleY(.4)}}
