{"version":3,"sources":["../css/wc-audio-preview-public.css"],"names":[],"mappings":"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","file":"wc-audio-preview-public.css","sourcesContent":["/**\n * Audio Preview for WooCommerce - Modern Frontend Styles\n * Neutral color scheme that works with any theme\n * \n * @package    Wc_Audio_Preview\n * @subpackage Wc_Audio_Preview/public\n */\n\n/*--------------------------------------------------------------\n# Audio Preview Container\n--------------------------------------------------------------*/\n.wcap-audio-preview-container {\n    margin: 20px 0;\n    padding: 20px !important;\n    background: rgba(0, 0, 0, 0.02);\n    border-radius: 8px;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.wcap-preview-title {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin: 0 0 20px 0;\n    font-size: 1.1em;\n    font-weight: 600;\n    color: inherit;\n}\n\n.wcap-icon {\n    opacity: 0.6;\n}\n\n/*--------------------------------------------------------------\n# Preview List\n--------------------------------------------------------------*/\n.wcap-preview-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n/*--------------------------------------------------------------\n# Preview Item\n--------------------------------------------------------------*/\n.wcap-preview-item {\n    position: relative;\n    background: rgba(255, 255, 255, 0.8);\n    border-radius: 6px;\n    overflow: hidden;\n    transition: all 0.2s ease;\n    border: 1px solid rgba(0, 0, 0, 0.08);\n}\n\n.wcap-preview-item:hover {\n    background: rgba(255, 255, 255, 0.95);\n    border-color: rgba(0, 0, 0, 0.15);\n}\n\n.wcap-preview-item.playing {\n    background: rgba(255, 255, 255, 1);\n    border-color: currentColor;\n}\n\n/*--------------------------------------------------------------\n# Preview Button\n--------------------------------------------------------------*/\n.wcap-preview-button {\n    width: 100%;\n    padding: 14px 16px;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    transition: all 0.2s ease;\n    text-align: left;\n    color: inherit;\n    border: 0 !important;\n}\n\n.wcap-preview-button:hover,\n.wcap-preview-button:focus {\n    color: inherit !important;\n    background: rgba(0, 0, 0, 0.02) !important;\n}\n\n.wcap-preview-button:focus {\n    outline: 2px solid currentColor;\n    outline-offset: -2px;\n}\n\n.wcap-button-content {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n/*--------------------------------------------------------------\n# Icons\n--------------------------------------------------------------*/\n.wcap-play-icon,\n.wcap-pause-icon,\n.wcap-loading-spinner,\n.wcap-icon-wrap {\n    flex-shrink: 0;\n    width: 36px;\n    height: 36px;\n    background: currentColor;\n    color: inherit;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    position: relative;\n    z-index: 1;\n}\n\n.wcap-play-icon svg,\n.wcap-pause-icon svg {\n    width: 18px;\n    height: 18px;\n    fill: white;\n}\n\n.wcap-preview-button:hover .wcap-play-icon,\n.wcap-preview-button:hover .wcap-pause-icon {\n    transform: scale(1.1);\n}\n\n/*--------------------------------------------------------------\n# Loading Spinner\n--------------------------------------------------------------*/\n.wcap-spinner {\n    animation: spin 1s linear infinite;\n}\n\n.wcap-spinner-circle {\n    stroke: white;\n    stroke-dasharray: 50;\n    stroke-dashoffset: 50;\n    animation: dash 1.5s ease-in-out infinite;\n}\n\n@keyframes spin {\n    to { transform: rotate(360deg); }\n}\n\n@keyframes dash {\n    0% {\n        stroke-dashoffset: 50;\n    }\n    50% {\n        stroke-dashoffset: 0;\n    }\n    100% {\n        stroke-dashoffset: -50;\n    }\n}\n\n/*--------------------------------------------------------------\n# Preview Info\n--------------------------------------------------------------*/\n.wcap-preview-info {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 0;\n    position: relative;\n    z-index: 0;\n}\n\n.wcap-preview-name {\n    font-size: 1em;\n    font-weight: 500;\n    color: inherit;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.wcap-preview-badge {\n    flex-shrink: 0;\n    padding: 2px 8px;\n    background: rgba(0, 0, 0, 0.08);\n    color: inherit;\n    opacity: 0.7;\n    border-radius: 12px;\n    font-size: 0.75em;\n    font-weight: 500;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-left: auto;\n}\n\n/*--------------------------------------------------------------\n# Progress Container\n--------------------------------------------------------------*/\n.wcap-progress-container {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 0 48px;\n}\n\n.wcap-progress-bar {\n    flex: 1;\n    height: 4px;\n    background: rgba(0, 0, 0, 0.1);\n    border-radius: 2px;\n    overflow: hidden;\n    cursor: pointer;\n    position: relative;\n}\n\n.wcap-progress-fill {\n    height: 100%;\n    background: currentColor;\n    border-radius: 2px;\n    width: 0%;\n    transition: width 0.1s ease;\n}\n\n.wcap-progress-bar:hover {\n    height: 6px;\n}\n\n.wcap-time {\n    flex-shrink: 0;\n    font-size: 0.85em;\n    opacity: 0.6;\n    font-variant-numeric: tabular-nums;\n    min-width: 80px;\n    text-align: right;\n}\n\n/*--------------------------------------------------------------\n# Audio Element (Hidden)\n--------------------------------------------------------------*/\n.wcap-audio-element {\n    display: none;\n}\n\n/*--------------------------------------------------------------\n# States\n--------------------------------------------------------------*/\n.wcap-preview-item.loading .wcap-preview-button {\n    pointer-events: none;\n    opacity: 0.7;\n}\n\n.wcap-preview-item.error .wcap-preview-button {\n    background: rgba(255, 0, 0, 0.05);\n}\n\n.wcap-preview-item.error .wcap-preview-name {\n    color: #dc3545;\n}\n\n/*--------------------------------------------------------------\n# Single Audio Preview Style\n--------------------------------------------------------------*/\n/* .wcap-preview-list:has(.wcap-preview-item:only-child) {\n    gap: 0;\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-preview-item {\n    border: none;\n    background: transparent;\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-preview-button {\n    background: currentColor;\n    border-radius: 6px;\n    padding: 12px 18px;\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-preview-name {\n    color: white;\n    mix-blend-mode: difference;\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-play-icon,\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-pause-icon {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-time {\n    color: white;\n    mix-blend-mode: difference;\n    opacity: 0.8;\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-progress-bar {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-progress-fill {\n    background: white;\n}\n\n.wcap-preview-list:has(.wcap-preview-item:only-child) .wcap-preview-badge {\n    background: rgba(255, 255, 255, 0.2);\n    color: white;\n} */\n\n/*--------------------------------------------------------------\n# Theme Compatibility\n--------------------------------------------------------------*/\n.wcap-audio-preview-container * {\n    box-sizing: border-box;\n}\n\n.wcap-audio-preview-container button {\n    width: 100%;\n    font-family: inherit;\n    font-size: inherit;\n    line-height: 1.4;\n}\n\n/*--------------------------------------------------------------\n# Responsive Design\n--------------------------------------------------------------*/\n@media (max-width: 768px) {\n    .wcap-audio-preview-container {\n        padding: 15px;\n        margin: 15px 0;\n    }\n    \n    .wcap-preview-title {\n        font-size: 1em;\n        margin-bottom: 15px;\n    }\n    \n    .wcap-preview-button {\n        padding: 12px 14px;\n    }\n    \n    .wcap-play-icon,\n    .wcap-pause-icon,\n    .wcap-loading-spinner {\n        width: 32px;\n        height: 32px;\n    }\n    \n    .wcap-play-icon svg,\n    .wcap-pause-icon svg {\n        width: 16px;\n        height: 16px;\n    }\n    \n    .wcap-preview-name {\n        font-size: 0.95em;\n    }\n    \n    .wcap-progress-container {\n        padding: 0 44px;\n    }\n    \n    .wcap-time {\n        font-size: 0.8em;\n        min-width: 70px;\n    }\n}\n\n@media (max-width: 480px) {\n    .wcap-preview-badge {\n        display: none;\n    }\n    \n    .wcap-progress-container {\n        flex-wrap: wrap;\n        padding: 0;\n    }\n    \n    .wcap-progress-bar {\n        order: 2;\n        width: 100%;\n    }\n    \n    .wcap-time {\n        order: 1;\n        width: 100%;\n        text-align: left;\n        margin-bottom: 8px;\n    }\n}\n\n/*--------------------------------------------------------------\n# Print Styles\n--------------------------------------------------------------*/\n@media print {\n    .wcap-audio-preview-container {\n        display: none;\n    }\n}\n\n.inactive {\n    display: none !important;\n}\n/* .custom-artwork-size{\n    width: 10% !important;\n    height: 10% !important;\n} */"]}