/* 
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 */

/* Approval History Timeline Styles */
.woocommerce-order-approval-history {
    margin: 2em 0;
    padding: 1em;
    background: #f8f5f2;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.approval-timeline {
    position: relative;
    padding-left: 1em;
    margin-top: 2em;
}

.approval-timeline:before {
    content: '';
    position: absolute;
    left: 16px;
    top: 3px;
    bottom: 0;
    width: 2px;
    background: #e5e5e5;
}

.approval-entry {
    position: relative;
    margin-bottom: 1.5em;
    padding-left: 1.5em;
}

.approval-entry:before {
    content: '';
    position: absolute;
    left: -7px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #7f54b3;
}

.approval-entry.modified:before {
    background: #f8b742;
}

.approval-entry.status-change.delivered:before {
    background: #63a95f;
}

.approval-entry.status-change.paid:before {
    background: #5b841b;
}

.approval-date {
    color: #777;
    font-size: 0.9em;
    margin-bottom: 0.5em;
}

.approval-details {
    background: #fff;
    padding: 1em;
    border-radius: 3px;
}

.modification-details {
    margin: 1em 0;
    padding: 0.5em 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.approval-totals {
    margin-top: 0.5em;
    font-weight: bold;
}

.approval-actions {
    margin-top: 1em;
}

.approval-actions .button {
    font-size: 0.9em;
}

/* Order Status Banner Styles */
.order-status-banner {
    margin: 0 0 2em 0;
    padding: 1.5em;
    border-radius: 4px;
}

.order-status-banner.modified {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    color: #856404;
}

.order-status-banner.approved {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.order-status-banner.pending {
    background: #cce5ff;
    border: 1px solid #b8daff;
    color: #004085;
}

.order-status-banner p {
    margin: 0;
    line-height: 1.5;
}

.order-status-banner strong {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.1em;
}

/* Form Styling */
#order-approval-form {
    margin: 2em 0;
    padding: 1.5em;
    background: #f0f6ff;
    border-radius: 4px;
}

#order-approval-form .approval-instructions {
    margin: 0 0 1.5em 0;
    font-size: 1.1em;
    color: #004085;
}

#order-approval-form .form-row {
    margin-bottom: 1.5em;
}

#order-approval-form label {
    display: block;
    margin-bottom: 0.5em;
    font-weight: 600;
}

#order-approval-form input[type="text"] {
    width: 100%;
    max-width: 400px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

#order-approval-form .approval-terms {
    margin: 1.5em 0;
}

#order-approval-form .approval-terms label {
    font-weight: normal;
}

#order-approval-form .approval-terms input[type="checkbox"] {
    margin-right: 8px;
}

#order-approval-form button[type="submit"] {
    padding: 10px 20px;
    font-size: 1.1em;
}