/**
 * 2024 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  2024 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.
*/
.alcabutattributes {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    flex-wrap: wrap;
    margin-top: 15px;
}

.product-variants > .product-variants-item ul.alcabutattributes li {
    margin-right: 0px;
    width: 20%;
}

.product-variants > .product-variants-item ul.alcabutattributes li label {
    width: 100%;
}

.alcabutattr-item {
    border-radius: 8px;
    border: 2px solid #000;
    padding: 4px 8px;
    background: #FFF;
    cursor: pointer;
    position: relative;
    width: 100%;
}

.alcabutattr-item span {
    font-size: 12px;
    color: #666;
}

.alcabutattr-item span.alcabutattr-title,
.alcabutattr-item span.alcabutattr-titlenoprice {
    width: 100%;
    display: block;
    padding: 3px 3px;
    font-size: 18px;
    color: #000;
    text-align: left;
    border-radius: 4px;
    font-weight: bold;
    margin-bottom: 5px;
}

.alcabutattr-item span.alcabutattr-titlenoprice {
    text-align: center;
    font-size: 14px;
}

.alcabutattr-item span.alcabutattr-price {
    float: left;
    font-weight: bold;
    color: #666;
    font-size: 14px;
    padding: 0px 3px;
}

.alcabutattr-item span.alcabutattr-unityprice {
    display: block;
    font-size: 11px;
    text-align: left;
    padding: 0px 3px;
}

.input-radio:checked ~ .alcabutattr-item {
    border-color: #e3bc23;
    background-color: #FDF4DB;
}

.input-radio:checked ~ .alcabutattr-item span.alcabutattr-title {
    background: #E3BC23;
    color: #FFF;
}


@media (max-width: 991px) {
    .product-variants > .product-variants-item ul.alcabutattributes li {
        width: 100%;
    }
}