/**
 * 2025 ALCALINK E-COMMERCE & SEO, S.L.L.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/osl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 *
 * @author ALCALINK E-COMMERCE & SEO, S.L.L. <info@alcalink.com>
 * @copyright  2025 ALCALINK E-COMMERCE & SEO, S.L.L.
 * @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 *
 * Registered Trademark & Property of ALCALINK E-COMMERCE & SEO, S.L.L.
 */
#alcaaudiodescription {
    text-align: center;
    padding: 5px 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px dashed #888;
    align-items: center;
    background-color: #F4F4F4;
    border-radius: 6px;
}

#alcaaudiodescription p {
    margin-bottom: 0px;
    line-height: 20px;
    font-weight: bold;
    color: #000;
    font-size: 14px;
}

#alcaaudiodescription-voices {
    flex: auto;
    max-width: 100%;
    height: 36px;
    font-size: 12px;
}

.alcaaudiodescription-icon {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPg0KPHN2ZyBmaWxsPSIjMDAwMDAwIiB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAxOTIwIDE5MjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZD0iTTExMjkuNDMyIDExM3YxNjk0LjE0OEg5MDMuNTQ1bC00NTEuNzcyLTQ1MS43NzNWNTY0Ljc3M0w5MDMuNTQ1IDExM2gyMjUuODg3Wm01NDIuNTQ1IDI0OC4wNTdDMTgzMi4wMTcgNTIxLjA5NyAxOTIwIDczMy44ODIgMTkyMCA5NjAuMTA3YzAgMjI2LjIyNi04Ny45ODMgNDM4Ljg5OC0yNDguMDIzIDU5OC45MzhsLTc5Ljg1MS03OS44NWMxMzguNjk0LTEzOC41ODIgMjE0LjkzLTMyMy4wMTggMjE0LjkzLTUxOS4wODcgMC0xOTYuMTgzLTc2LjIzNi0zODAuNTA2LTIxNC45My01MTkuMlpNMzM4LjgzIDU2NC43NzN2NzkwLjYwMkgxNjkuNDE1Qzc1LjY3MiAxMzU1LjM3NSAwIDEyNzkuNzAzIDAgMTE4NS45NlY3MzQuMTg3YzAtOTMuNzQyIDc1LjY3Mi0xNjkuNDE0IDE2OS40MTUtMTY5LjQxNEgzMzguODNabTEwOTMuOTIyIDM2LjA4NWM5NS43NzYgOTcuMDE4IDE0OC40MDcgMjI0LjY0NCAxNDguNDA3IDM1OS4xNiAwIDEzNC42MjgtNTIuNjMxIDI2Mi4yNTMtMTQ4LjQwNyAzNTkuMjcybC04MC4zMDMtNzkuMTc0Yzc0LjY1Ni03NS44OTcgMTE1Ljc2Ny0xNzUuNCAxMTUuNzY3LTI4MC4wOTkgMC0xMDQuNTg1LTQxLjExMS0yMDQuMDg4LTExNS43NjctMjc5Ljk4NloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    display: inline-block;
}

.alcaaudiodescription-icon-play {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTkyMCAxOTIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0xNzUgLjAyNFYxOTIwbDE1NzAuODQ1LTk1OS45Mjd6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
}

.alcaaudiodescription-playing {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMTkyMCAxOTIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICAgIDxwYXRoIGQ9Ik0wIDE5MjBoMTkyMFYwSDB6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz4NCjwvc3ZnPg==)!important;
}

.alcaaudiodescription-fixed {
    position: fixed;
    right: 0px;
    bottom: 0px;
    z-index: 999;
}

@media (max-width: 767px) {
    .alcaaudiodescription-fixed {
        width: 100%;
    }
}