/**
 * WooCommerce Checkout Page Styling - Luxury Black & Gold Theme
 *
 * Custom styling for checkout page to make text more readable
 * ALL SELECTORS ARE SCOPED TO body.woocommerce-checkout TO AVOID CONFLICTS
 *
 * @package ReservationCustom
 * @version 1.0.1
 */

/* ==========================================================================
   MAIN HEADINGS - Gold color for all titles
   ========================================================================== */

body.woocommerce-checkout .wc-block-components-title,
body.woocommerce-checkout .wc-block-components-checkout-step__title,
body.woocommerce-checkout h2.wc-block-components-title,
body.woocommerce-checkout h3.wc-block-components-title {
    color: #CFAE70 !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

body.woocommerce-checkout .wc-block-components-checkout-order-summary__title-text {
    color: #CFAE70 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}


/* ==========================================================================
   FORM LABELS - Make all labels visible
   ========================================================================== */

body.woocommerce-checkout .wc-block-components-text-input label,
body.woocommerce-checkout .wc-blocks-components-select__label,
body.woocommerce-checkout .wc-block-components-checkbox__label,
body.woocommerce-checkout .wc-block-components-radio-control__label {
    color: #CFAE70 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

/* Input fields text */
body.woocommerce-checkout .wc-block-components-text-input input,
body.woocommerce-checkout .wc-blocks-components-select__select {
    color: #FFFFFF !important;
    font-size: 15px !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(207, 174, 112, 0.3) !important;
}

body.woocommerce-checkout .wc-block-components-text-input input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}


/* ==========================================================================
   DESCRIPTIONS AND PARAGRAPHS
   ========================================================================== */

body.woocommerce-checkout .wc-block-components-checkout-step__description,
body.woocommerce-checkout .wc-block-checkout__add-note,
body.woocommerce-checkout p.wc-block-components-checkout-step__description {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}


/* ==========================================================================
   PRODUCT INFORMATION IN SIDEBAR
   ========================================================================== */

/* Product name */
body.woocommerce-checkout h3.wc-block-components-product-name,
body.woocommerce-checkout .wc-block-components-product-name {
    color: #CFAE70 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
}

/* Product prices */
body.woocommerce-checkout .wc-block-components-product-price,
body.woocommerce-checkout .wc-block-components-product-price__value,
body.woocommerce-checkout .wc-block-formatted-money-amount,
body.woocommerce-checkout .wc-block-components-formatted-money-amount {
    color: #CFAE70 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Product metadata (Date, Arrivée, Départ) */
body.woocommerce-checkout .wc-block-components-product-details__name,
body.woocommerce-checkout .wc-block-components-product-metadata {
    color: #CFAE70 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

body.woocommerce-checkout .wc-block-components-product-details__value {
    color: #FFFFFF !important;
    font-size: 15px !important;
}

body.woocommerce-checkout .wc-block-components-product-details li {
    margin-bottom: 8px !important;
}


/* ==========================================================================
   TOTALS SECTION
   ========================================================================== */

body.woocommerce-checkout .wc-block-components-totals-item__label {
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

body.woocommerce-checkout .wc-block-components-totals-item__value,
body.woocommerce-checkout .wc-block-components-totals-footer-item-tax-value {
    color: #CFAE70 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Footer total */
body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    color: #CFAE70 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
    font-size: 20px !important;
}


/* ==========================================================================
   PAYMENT METHOD SECTION
   ========================================================================== */

body.woocommerce-checkout .wc-block-components-radio-control__label {
    color: #FFFFFF !important;
    font-size: 15px !important;
}

body.woocommerce-checkout .wc-block-components-radio-control__option {
    border-color: rgba(207, 174, 112, 0.3) !important;
}

body.woocommerce-checkout .wc-block-components-radio-control__option-checked {
    border-color: #CFAE70 !important;
    background: rgba(207, 174, 112, 0.1) !important;
}


/* ==========================================================================
   ADDRESS CARD
   ========================================================================== */

body.woocommerce-checkout .wc-block-components-address-card address,
body.woocommerce-checkout .wc-block-components-address-card__address-section {
    color: #FFFFFF !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

body.woocommerce-checkout .wc-block-components-address-card__edit {
    color: #CFAE70 !important;
    font-size: 14px !important;
    text-decoration: underline !important;
}

body.woocommerce-checkout .wc-block-components-address-card__edit:hover {
    color: #B89A5F !important;
}


/* ==========================================================================
   BUTTONS
   ========================================================================== */

/* Primary button (Commander) */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.woocommerce-checkout button.wc-block-components-button.wp-element-button {
    background: #CFAE70 !important;
    color: #1a1a1a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    border: 2px solid #CFAE70 !important;
    padding: 15px 40px !important;
    text-transform: uppercase !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
body.woocommerce-checkout button.wc-block-components-button.wp-element-button:hover {
    background: #B89A5F !important;
    border-color: #B89A5F !important;
}

/* Return to cart link */
body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button {
    color: #CFAE70 !important;
    font-size: 15px !important;
}

body.woocommerce-checkout .wc-block-components-checkout-return-to-cart-button:hover {
    color: #B89A5F !important;
}


/* ==========================================================================
   COUPON SECTION
   ========================================================================== */

body.woocommerce-checkout .wc-block-components-totals-coupon .wc-block-components-panel__button {
    color: #CFAE70 !important;
    font-size: 15px !important;
}


/* ==========================================================================
   TERMS AND CONDITIONS
   ========================================================================== */

body.woocommerce-checkout .wc-block-checkout__terms .wc-block-components-checkbox__label {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 14px !important;
}


/* ==========================================================================
   MISC ELEMENTS
   ========================================================================== */

/* Add note toggle */
body.woocommerce-checkout .wc-block-checkout__add-note .wc-block-components-checkbox__label {
    color: #FFFFFF !important;
    font-size: 15px !important;
}

/* Toggle button for address line 2 */
body.woocommerce-checkout .wc-block-components-address-form__address_2-toggle {
    color: #CFAE70 !important;
    font-size: 14px !important;
}

/* Screen reader text should remain hidden */
body.woocommerce-checkout .screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
}


/* ==========================================================================
   DEPOSIT NOTICE (Caution Information on Checkout)
   ========================================================================== */

body.woocommerce-checkout .rc-deposit-notice {
    background: rgba(15, 15, 15, 0.95) !important;
    border: 2px solid rgba(207, 174, 112, 0.4) !important;
    border-radius: 12px !important;
    padding: 25px 30px !important;
    margin-bottom: 30px !important;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(207, 174, 112, 0.1) !important;
    position: relative;
    overflow: hidden;
}

body.woocommerce-checkout .rc-deposit-notice::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, transparent 0%, #CFAE70 50%, transparent 100%);
}

body.woocommerce-checkout .rc-deposit-notice h3 {
    color: #CFAE70 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin: 0 0 15px !important;
    letter-spacing: 0.5px !important;
}

body.woocommerce-checkout .rc-deposit-notice p {
    color: rgba(255, 255, 255, 0.85) !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 10px 0 !important;
}

body.woocommerce-checkout .rc-deposit-notice strong {
    color: #CFAE70 !important;
    font-weight: 600 !important;
}

body.woocommerce-checkout .rc-deposit-notice p:last-child {
    font-size: 13px !important;
    color: rgba(255, 255, 255, 0.6) !important;
    font-style: italic;
    margin-top: 15px !important;
}

/* ==========================================================================
   GENERAL IMPROVEMENTS - SCOPED TO CHECKOUT ONLY
   ========================================================================== */

/* Links within checkout */
body.woocommerce-checkout a {
    color: #CFAE70 !important;
}

body.woocommerce-checkout a:hover {
    color: #B89A5F !important;
}

/* Increase line height for better readability */
body.woocommerce-checkout .wc-block-checkout p,
body.woocommerce-checkout .wc-block-checkout span,
body.woocommerce-checkout .wc-block-checkout label {
    line-height: 1.6 !important;
}
