/*
Theme Name: Hello Elementor Child
Theme URI: http://example.com/hello-elementor-child/
Description: Hello Elementor Child Theme
Author: Klubonge
Author URI: http://example.com
Template: hello-elementor
Version: 1.0.0
*/

/* Add gap between posts in the archive loop */
.custom-coupon-archive .coupon-details {
    margin-bottom: 20px;
}


.expired-message {
    color: red;
    font-weight: bold;
}

/* Countdown Timer Styles */
.countdown-timer {
    font-family: Arial, sans-serif; /* Font family */
    font-size: 14px; /* Font size */
    font-weight: bold; /* Bold text */
    color: #333333; /* Text color */
    background-color: #f9f9f9; /* Background color */
    padding: 10px; /* Padding */
    border: 1px solid #dddddd; /* Border style */
    border-radius: 5px; /* Rounded corners */
    display: inline-block; /* Inline block for better spacing control */
    text-align: center; /* Center text alignment */
    margin: 10px 0; /* Margin for spacing */
}

/* Expired Message Styles */
.expired-message {
    font-family: Arial, sans-serif; /* Font family */
    font-size: 12px; /* Font size */
    font-weight: normal; /* Bold text */
    color: #74746FB8; /* Red text color */
    background-color: #ffeeee; /* Light red background color */
    padding: 10px; /* Padding */
    border: 1px solid #ffdddd; /* Border style */
    border-radius: 5px; /* Rounded corners */
    display: inline-block; /* Inline block for better spacing control */
    text-align: center; /* Center text alignment */
    margin: 10px 0; /* Margin for spacing */
}




.like-button, .dislike-button {
    cursor: pointer;
    padding: 0px 7px;
    margin: 2px;
    border: 1px solid #ccc;
    display: inline-block;
    background-color: #f9f9f9;
    border-radius: 3px;
    transition: background-color 0.3s, border-color 0.3s;
    text-align: center; /* Center-align the text */
}

.liked {
    background-color: #dff0d8;
    border-color: #d0e9c6;
}

.disliked {
    background-color: #f2dede;
    border-color: #ebccd1;
}

.processing {
    pointer-events: none;
    opacity: 0.6;
}

/* Hide the dislike button */
.dislike-button {
    display: none;
}