/* AVPlus A/B 2.3 – kompakti, vaalea ja kosketusystävällinen soitin */
.avplus-ab-player{width:100%;max-width:780px;margin:15px 0;padding:14px 16px;background:#fff;border:1px solid #dedede;border-radius:8px;color:#222;font:inherit;line-height:1.35;box-sizing:border-box}
.avplus-ab-player *{box-sizing:border-box}
.avplus-ab-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:1px solid #ececec;padding-bottom:7px}
.avplus-ab-heading strong{font-size:17px;font-weight:750;line-height:1.3}
.avplus-ab-heading small{font-size:10px;color:#777;white-space:nowrap}
.avplus-ab-description{font-size:13px;margin:8px 0!important;line-height:1.4}
.avplus-ab-selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin:10px 0}
.avplus-ab-selectors label{display:block;min-width:0;font-size:12px;font-weight:650}
.avplus-ab-selectors select{width:100%;min-width:0;display:block;margin-top:4px;padding:7px 27px 7px 9px;height:40px;border:1px solid #ccc;border-radius:5px;background:#fff;color:#222;font:inherit;font-size:13px;line-height:1.2}
.avplus-ab-player button{font:inherit;cursor:pointer;touch-action:manipulation}
.avplus-ab-choose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:10px 0}
.avplus-ab-choose button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:44px;padding:6px 9px;border:1px solid #cfcfcf;border-radius:6px;background:#f8f8f8;color:#222;font-size:18px;line-height:1.15;font-weight:750}
.avplus-ab-choose button span{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}
.avplus-ab-choose button[aria-pressed=true]{border:2px solid #333;background:#ececec}
.avplus-ab-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.avplus-ab-controls button{min-height:42px;padding:7px 12px;border:1px solid #aaa;border-radius:5px;background:#f5f5f5;color:#222;font-size:12px;font-weight:650;white-space:nowrap}
.avplus-ab-controls .avplus-ab-play{background:#292929;border-color:#292929;color:#fff}
.avplus-ab-clock{margin-left:auto;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.avplus-ab-seek{width:100%;height:24px;display:block;margin:7px 0;accent-color:#444;cursor:pointer}
.avplus-ab-balance{border-top:1px solid #e9e9e9;margin-top:7px;padding:9px 0 4px}
.avplus-ab-balance>label{display:block;margin:0 0 4px;font-size:12px;font-weight:650}
.avplus-ab-balance-row{display:flex;align-items:center;gap:7px;min-width:0}
.avplus-ab-balance-row>span{font-size:12px;font-weight:750}
.avplus-ab-balance-slider{min-width:45px;flex:1;accent-color:#444;cursor:pointer}
.avplus-ab-balance-value{min-width:51px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.avplus-ab-balance-reset{min-height:34px;padding:5px 9px;border:1px solid #bbb;border-radius:5px;background:#fff;color:#222;font-size:12px}
.avplus-ab-balance small{display:block;margin-top:4px;color:#777;font-size:10px;line-height:1.35}
.avplus-ab-bottom{border-top:1px solid #e9e9e9;padding-top:9px;margin-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px 14px;flex-wrap:wrap;font-size:12px}
.avplus-ab-bottom>span{color:#555;white-space:nowrap}
.avplus-ab-bottom label{display:flex;align-items:center;gap:7px;min-width:0;font-size:12px}
.avplus-ab-volume{width:115px;max-width:25vw;min-width:65px;accent-color:#444;cursor:pointer}
.avplus-ab-voltext{min-width:37px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
.avplus-ab-status{font-size:11px;color:#555;margin:9px 0 0!important;line-height:1.4}
.avplus-ab-player button:disabled{opacity:.5;cursor:not-allowed}
.avplus-ab-player button:focus-visible,.avplus-ab-player select:focus-visible,.avplus-ab-player input:focus-visible{outline:2px solid #333;outline-offset:2px}
@media(max-width:520px){
 .avplus-ab-player{padding:12px;margin:12px 0}
 .avplus-ab-heading strong{font-size:16px}
 .avplus-ab-heading small{font-size:9px;white-space:normal;text-align:right}
 .avplus-ab-selectors{gap:7px}
 .avplus-ab-selectors select{font-size:12px}
 .avplus-ab-choose button{gap:5px;padding:5px 6px}
 .avplus-ab-choose button span{font-size:11px}
 .avplus-ab-bottom{gap:7px}
 .avplus-ab-volume{width:90px;max-width:24vw}
}
@media(max-width:360px){
 .avplus-ab-selectors{grid-template-columns:1fr}
 .avplus-ab-clock{width:100%;margin-left:0}
 .avplus-ab-bottom label{width:100%;justify-content:space-between}
 .avplus-ab-volume{width:100%;max-width:none;flex:1}
 .avplus-ab-balance-row{gap:5px}
 .avplus-ab-balance-reset{padding:5px 6px}
}

/* 2.4 – matalampi soitin, vain A/B, kaksi säätöä allekkain */
.avplus-ab-player{padding:10px 13px;margin:12px 0;line-height:1.25}
.avplus-ab-heading{padding-bottom:4px}
.avplus-ab-heading strong{font-size:15px}
.avplus-ab-heading small{font-size:9px}
.avplus-ab-description{margin:5px 0!important;font-size:12px}
.avplus-ab-selectors{margin:7px 0;gap:8px}
.avplus-ab-selectors label{font-size:11px}
.avplus-ab-selectors select{height:36px;padding:5px 24px 5px 7px;margin-top:2px;font-size:12px}
.avplus-ab-choose{margin:6px 0;gap:7px}
.avplus-ab-choose button{min-height:39px;padding:5px;font-size:16px;line-height:1}
.avplus-ab-choose button span{display:none}
.avplus-ab-controls{gap:6px;flex-wrap:nowrap}
.avplus-ab-controls button{min-height:36px;padding:5px 9px;font-size:11px}
.avplus-ab-clock{font-size:11px}
.avplus-ab-seek{height:13px;margin:3px 0 6px;appearance:none;background:transparent}
.avplus-ab-seek::-webkit-slider-runnable-track{height:3px;background:#dedede;border-radius:2px}
.avplus-ab-seek::-webkit-slider-thumb{appearance:none;height:12px;width:12px;border-radius:50%;background:#444;margin-top:-4.5px}
.avplus-ab-seek::-moz-range-track{height:3px;background:#dedede;border-radius:2px}
.avplus-ab-seek::-moz-range-thumb{height:12px;width:12px;border:0;border-radius:50%;background:#444}
.avplus-ab-balance{margin-top:4px;padding:6px 0 3px}
.avplus-ab-balance>label{font-size:11px;margin-bottom:2px}
.avplus-ab-balance-row{gap:6px}
.avplus-ab-balance-slider{height:18px}
.avplus-ab-balance-reset{min-height:30px;padding:3px 7px;font-size:11px}
.avplus-ab-balance small{font-size:10px;margin-top:1px}
.avplus-ab-bottom{display:block;margin-top:3px;padding-top:6px}
.avplus-ab-bottom label{display:flex;align-items:center;gap:8px;width:100%;font-size:11px}
.avplus-ab-bottom label>span{min-width:125px}
.avplus-ab-volume{flex:1;width:auto;max-width:none;min-width:50px;height:18px}
.avplus-ab-voltext{min-width:40px}
.avplus-ab-status{font-size:10px;margin:5px 0 0!important}
@media(max-width:520px){
.avplus-ab-player{padding:10px;margin:10px 0}
.avplus-ab-choose button{min-height:40px}
.avplus-ab-selectors{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.avplus-ab-volume{width:auto;max-width:none}
.avplus-ab-bottom label{width:100%;justify-content:initial}
}
@media(max-width:360px){
.avplus-ab-selectors{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.avplus-ab-clock{width:auto;margin-left:auto;font-size:10px}
.avplus-ab-controls button{padding:5px 7px;font-size:10px}
.avplus-ab-bottom label>span{min-width:102px}
}

/* 2.5: Oikeasti yksirivinen matala toistopalkki. */
.avplus-ab-player .avplus-ab-transport{display:flex;align-items:center;gap:7px;width:100%;min-height:34px;margin:5px 0 7px;flex-wrap:nowrap}
.avplus-ab-player .avplus-ab-transport button{appearance:none;flex:0 0 34px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;margin:0;padding:0;border:1px solid #c8c8c8;border-radius:5px;background:#f5f5f5;color:#262626;font-size:15px;line-height:1;font-weight:700}
.avplus-ab-player .avplus-ab-transport .avplus-ab-play{background:#292929;border-color:#292929;color:#fff}
.avplus-ab-player .avplus-ab-transport .avplus-ab-seek{appearance:none;flex:1 1 auto;width:1%;min-width:45px;height:20px;margin:0;padding:0;background:transparent}
.avplus-ab-player .avplus-ab-transport .avplus-ab-clock{margin:0 0 0 2px;flex:0 0 auto;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
.avplus-ab-player .avplus-ab-transport .avplus-ab-seek::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:#d4d4d4}
.avplus-ab-player .avplus-ab-transport .avplus-ab-seek::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-5px;border:0;border-radius:50%;background:#3e3e3e}
.avplus-ab-player .avplus-ab-transport .avplus-ab-seek::-moz-range-track{height:3px;border-radius:4px;background:#d4d4d4}
.avplus-ab-player .avplus-ab-transport .avplus-ab-seek::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#3e3e3e}
@media(max-width:400px){.avplus-ab-player .avplus-ab-transport{gap:5px}.avplus-ab-player .avplus-ab-transport button{flex-basis:34px}.avplus-ab-player .avplus-ab-transport .avplus-ab-clock{font-size:10px}}