/* ==========================================================================
   PrintShop Manager — Global Site Styles
   Loaded on every page. Covers WooCommerce checkout, forms, and brand colors.
   Brand: Red #cc0000 / Black #1a1a1a / White #ffffff
   ========================================================================== */

/* ── Buttons — Remove uppercase transform ────────────────────────────────── */
body .single_add_to_cart_button,
body .add_to_cart_button,
body .button,
body .btn,
body .tp-button,
body .elementor-button,
body input[type="submit"],
body input[type="button"] {
    text-transform: none !important;
}

/* ── Account Avatar — Header icon fix ────────────────────────────────────── */
.wd-header-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    display: block !important;
}
.whb-account-button .wd-tools-icon {
    display: none !important;
}
.whb-account-button img {
    display: block !important;
}

/* ── WooCommerce Orders Table — Account page ─────────────────────────────── */
.woocommerce-account .woocommerce-orders-table {
    width: 100%;
    background: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.woocommerce-account .woocommerce-orders-table thead {
    background: #143852;
    color: white;
}
.woocommerce-account .woocommerce-orders-table th {
    padding: 15px;
    font-weight: 600;
    color: white;
}
.woocommerce-account .woocommerce-orders-table td {
    padding: 15px;
    border-bottom: 1px solid #eee;
    color: #333333;
}
.woocommerce-account .woocommerce-orders-table tr:hover {
    background: #f8f9fa;
}

/* ── Global Input Fix — Invisible text on white background ───────────────── */
.woocommerce input,
.woocommerce select,
.woocommerce textarea,
.woocommerce-page input,
.woocommerce-page select,
.woocommerce-page textarea {
    color: #333333 !important;
    background-color: #ffffff !important;
}
.woocommerce input::placeholder,
.woocommerce textarea::placeholder,
.woocommerce-page input::placeholder,
.woocommerce-page textarea::placeholder {
    color: #999999 !important;
    opacity: 1;
}

/* ── Checkout Block — Red / Black / White brand style ────────────────────── */

.wp-block-woocommerce-checkout .wc-block-components-title {
    color: #1a1a1a;
    font-weight: 700;
    border-bottom: 2px solid #cc0000;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.wp-block-woocommerce-checkout input,
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout textarea {
    color: #1a1a1a !important;
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    border-radius: 4px !important;
    padding: 10px 14px !important;
}

.wp-block-woocommerce-checkout input:focus,
.wp-block-woocommerce-checkout select:focus {
    border-color: #cc0000 !important;
    box-shadow: 0 0 0 2px rgba(204,0,0,0.15) !important;
    outline: none !important;
}

.wp-block-woocommerce-checkout label,
.wp-block-woocommerce-checkout
.wc-block-components-form .wc-block-components-text-input label {
    color: #1a1a1a !important;
    font-weight: 500;
}

.wp-block-woocommerce-checkout-order-summary-block {
    background: #1a1a1a !important;
    color: #ffffff !important;
    border-radius: 8px;
    padding: 24px !important;
}
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-item__label,
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-item__value,
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-product-name,
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-product-metadata {
    color: #ffffff !important;
}

.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-footer-item {
    border-top: 2px solid #cc0000 !important;
    padding-top: 12px !important;
    margin-top: 8px !important;
}
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__label,
.wp-block-woocommerce-checkout-order-summary-block
.wc-block-components-totals-footer-item
.wc-block-components-totals-item__value {
    color: #cc0000 !important;
    font-weight: 700;
    font-size: 18px !important;
}

.wp-block-woocommerce-checkout
.wc-block-components-checkout-place-order-button {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 16px 32px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    width: 100% !important;
    letter-spacing: 0.03em !important;
    transition: background 0.2s ease !important;
    margin-top: 16px !important;
}
.wp-block-woocommerce-checkout
.wc-block-components-checkout-place-order-button:hover {
    background-color: #aa0000 !important;
}

.wc-block-components-radio-control__input:checked {
    border-color: #cc0000 !important;
    background-color: #cc0000 !important;
}
.wc-block-components-checkout-step__heading-content {
    color: #cc0000 !important;
}
.wc-block-components-checkbox input[type="checkbox"]:checked {
    background-color: #cc0000 !important;
    border-color: #cc0000 !important;
}
.wc-block-components-validation-error p {
    color: #cc0000 !important;
}
.wc-block-components-notice-banner.is-error {
    border-left-color: #cc0000 !important;
}

/* ── Classic Checkout Fallback — [woocommerce_checkout] shortcode ─────────── */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
    background: #1a1a1a;
    color: #ffffff;
    padding: 24px;
    border-radius: 8px;
}
.woocommerce-checkout #order_review th,
.woocommerce-checkout #order_review td {
    color: #ffffff !important;
    border-color: #333333 !important;
}
.woocommerce-checkout #order_review .order-total td,
.woocommerce-checkout #order_review .order-total th {
    color: #cc0000 !important;
    font-weight: 700;
}
.woocommerce-checkout #place_order {
    background-color: #cc0000 !important;
    color: #ffffff !important;
    border: none !important;
    width: 100% !important;
    padding: 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}
.woocommerce-checkout #place_order:hover {
    background-color: #aa0000 !important;
}