/*
Theme Name: Askka
Theme URI: https://askka.qodeinteractive.com
Description: Candle Shop
Author: Elated Themes
Author URI: https://qodeinteractive.com
Text Domain: askka
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Style for the Proceed to Checkout button */
a.wc-block-components-button.contained {
    background-color: #000000;  /* Normal state: black background */
    color: #ffffff;             /* Normal state: white text */
    padding: 10px 20px;         /* Padding to make it button-like */
    border-radius: 4px;         /* Round corners */
    text-align: center;         /* Center the text */
    text-decoration: none;      /* Remove underline */
    border: 2px solid transparent; /* Initial transparent border */
    display: inline-block;      /* Make it behave like a button */
}

/* Hover effect */
a.wc-block-components-button.contained:hover {
    background-color: #ffffff;  /* Hover state: white background */
    color: #000000;             /* Hover state: black text */
    border: 2px solid #000000; /* Hover state: black border */
}
@media (max-width: 768px) {
    .mega-menu-toggle {
        display: none; /* Hides the arrows or toggle icons */
    }
}
@media (max-width: 468px)
{
    ul.products li.product 
    {
        width: 47.8% !important;
    }
}
.variable-discount {
    font-size: 16px;
    color: #ff0000;
    font-weight: bold;
    margin-bottom: 10px;
}