/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

/* ============================================================
   OVERSTOCK SAVINGS BADGE — archive + single product
   2026-03-10
   ============================================================ */

/* Archive grid tile — compact orange pill */
p.discount-percentage {
    display: inline-block;
    background: #E85A2C;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-radius: 4px;
    padding: 3px 10px;
    margin: 4px 0 0;
    text-transform: uppercase;
}

/* Single product page — savings badge box */
.sck-overstock-savings-badge {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, #fff8f5 0%, #fdeee8 100%);
    border: 2px solid #E85A2C;
    border-radius: 8px;
    padding: 10px 16px;
    margin: 8px 0 12px;
    width: fit-content;
    max-width: 100%;
}

.sck-savings-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #E85A2C;
    color: #fff;
    font-weight: 800;
    font-size: 1rem;
    letter-spacing: 0.04em;
    border-radius: 6px;
    padding: 6px 14px;
    white-space: nowrap;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(232,90,44,0.35);
}

.sck-savings-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sck-savings-was {
    font-size: 0.82rem;
    color: #888;
}

.sck-savings-was s {
    color: #aaa;
}

.sck-savings-amount {
    font-size: 0.9rem;
    font-weight: 700;
    color: #27ae60;
}
/* ============================================================ */


/* Fix hero banner left margin alignment (2026-03-17) */
.elementor-element.elementor-element-1a659e5 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}