/*
Theme Name: 5 étoiles
Theme URI: https://cinq-etoil.es
Author: 5 étoiles
Description: Thème de blocs sombre et élégant (noir profond, or champagne) pour la page de paiement WooCommerce de 5 étoiles.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: cinq-etoiles
*/

html { scroll-behavior: smooth; }
::selection { background: #C9A24B; color: #0B0B0D; }

.site-header { border-bottom: 1px solid rgba(201,162,75,.25); }
.site-footer { border-top: 1px solid rgba(201,162,75,.25); }
.wp-block-site-title a { text-decoration: none; letter-spacing: .12em; text-transform: uppercase; }
.wp-block-navigation a { text-decoration: none; letter-spacing: .06em; }
.wp-block-navigation a:hover { color: #C9A24B; }

input, select, textarea,
.wc-block-components-text-input input,
.wc-block-components-select select,
.wc-block-components-combobox .components-combobox-control__input,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
  background: #141417 !important;
  color: #F5F1E8 !important;
  border: 1px solid rgba(245,241,232,.25) !important;
  border-radius: 2px !important;
}
input:focus, select:focus, textarea:focus { border-color: #C9A24B !important; outline: none !important; box-shadow: 0 0 0 1px #C9A24B !important; }
.wc-block-components-text-input label,
.wc-block-components-form .wc-block-components-text-input label { color: #A8A39A !important; }

.wc-block-components-button:not(.is-link),
.wp-element-button,
.woocommerce #payment #place_order,
.woocommerce a.button, .woocommerce button.button {
  background: #C9A24B; color: #0B0B0D; border: 0; border-radius: 2px;
  text-transform: uppercase; letter-spacing: .1em; font-weight: 600;
}
.wc-block-components-button:not(.is-link):hover,
.wp-element-button:hover { background: #E0BC6A; color: #0B0B0D; }

.wc-block-components-main, .wc-block-components-sidebar,
.wc-block-components-radio-control__option,
.wc-block-checkout__sidebar,
.woocommerce-checkout #payment,
.wc-block-components-panel,
.wc-block-components-totals-wrapper { border-color: rgba(201,162,75,.25) !important; }

.woocommerce-checkout #payment, .wc-block-checkout__sidebar { background: #141417; }
.wc-block-components-totals-item__value, .wc-block-components-product-price { color: #C9A24B; }