/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Fix Form Fields Text Color */
input::placeholder, textarea::placeholder {
    opacity: 1 !important;
    }

/* Fix Form Field Text Color to Full Opacity */
.elementor-field-textual::placeholder {
    opacity: 1;
}

/* Fix TOC Anchor position */
.elementor-menu-anchor {
    top: -100px;
    position: relative;
    }

/* Add Pointer Cursor to the items on hover */
search.e-filter {
    cursor: pointer;
}

/* Coupon Code Click-to-Copy Functionality */
.coupon-wrapper {
    display: flex;
    align-items: center;
    gap: 25px;
    flex-direction: row-reverse;
    align-items: flex-end;
}

.copy-coupon-btn {
    background-color: var(--e-global-color-0ab458f);
    color: var(--e-global-color-text);
    border: 2px solid transparent;
    padding: 5px 15px;
    border-radius: 0;  /* Changed to 0px */
    cursor: pointer;
    font-family: var(--e-global-typography-c995842-font-family), Sans-serif;
    font-size: 14px;
    font-weight: var(--e-global-typography-c995842-font-weight);
    transition: all 0.3s ease;
}

.copy-coupon-btn.copy-success {
    background-color: #4CAF50;
    border-color: #4CAF50;
    color: var(--e-global-color-text);
}

.copy-coupon-btn:hover {
    background-color: transparent;
    border: 2px solid var(--e-global-color-0ab458f);
    color: var(--e-global-color-text);
}

.coupon-text {
    background: var(--e-global-color-b0461bc);
	color: var(--e-global-color-text);
    padding: 5px;
    flex: 2;
}