/*
	Theme Name:   Savoy Child
	Theme URI:    http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
	Description:  Savoy child theme
	Author:       NordicMade
	Author URI:   http://www.nordicmade.com
	Template:     savoy
	Version:      1.0
*/


/* Child theme CSS
--------------------------------------------------------------- */

/* ────────────────────────────────────────────────── */
/* WooCommerce checkout – dark bg/light text fixes  */
/* ────────────────────────────────────────────────── */
body.woocommerce-checkout
  input[type="text"]:focus,
body.woocommerce-checkout
  input[type="email"]:focus,
body.woocommerce-checkout
  input[type="tel"]:focus,
body.woocommerce-checkout
  input[type="number"]:focus,
body.woocommerce-checkout
  select:focus,
body.woocommerce-checkout
  textarea:focus {
    background-color: #333 !important;
    color:            #fff !important;
}

/* Chrome autofill */
body.woocommerce-checkout
  input:-webkit-autofill,
body.woocommerce-checkout
  input:-webkit-autofill:hover,
body.woocommerce-checkout
  input:-webkit-autofill:focus,
body.woocommerce-checkout
  input:-webkit-autofill:active {
    -webkit-text-fill-color: #fff !important;
    box-shadow: 0 0 0 1000px #333 inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

/* Firefox autofill */
body.woocommerce-checkout
  input:-moz-autofill {
    -moz-text-fill-color: #fff !important;
    box-shadow: 0 0 0 1000px #333 inset !important;
}

/* placeholder color */
body.woocommerce-checkout ::placeholder {
  color: #ccc !important;
}

/* 1) Nuke the outer wrapper */
#order_review,
#order_review .woocommerce-checkout-review-order {
  border: none      !important;
  box-shadow: none  !important;
  background: none  !important;
}

/* 2) Nuke the table itself */
#order_review .shop_table.woocommerce-checkout-review-order-table {
  border: none      !important;
  box-shadow: none  !important;
  background: none  !important;
}

/* 3) Nuke all cell and header borders */
#order_review .shop_table th,
#order_review .shop_table td {
  border: none      !important;
}

/* 4) Specifically remove the thick “order total” separator */
#order_review .shop_table tfoot tr.order-total th,
#order_review .shop_table tfoot tr.order-total td {
  border-top: none  !important;
}

/* 5) Hide any stray <hr> dividers in that section */
#order_review hr {
  display: none     !important;
}

/* 1) Hide the labels */
.woocommerce form.checkout .form-row label {
  display: none !important;
}

/* 1) Even spacing on all checkout rows */
.woocommerce form.checkout .form-row {
  margin-bottom: 0.75em !important;
}

/* 2) Uniform look for inputs & native selects */
.woocommerce form.checkout input.input-text,
.woocommerce form.checkout select {
  box-sizing: border-box !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  background-color: #333           !important;
  padding: 0.75em                     !important;
  height: auto                        !important;
  color: #ccc                         !important;  /* dropdown & input text */
}

/* 3) SelectWoo/Select2 (the JS dropdown) */
.woocommerce form.checkout 
  .select2-container--default .select2-selection--single {
  box-sizing: border-box                !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  background-color: #333               !important;  /* your chosen dropdown bg */
  padding: 0.6em 0.75em                   !important;
  line-height: normal                     !important;
  color: #ccc                             !important;  /* the selected text */
}

/* 4) Dropdown arrow vertical align */
.woocommerce form.checkout 
  .select2-container--default .select2-selection__arrow {
  top: 50%                     !important;
  transform: translateY(-50%) !important;
}

/* 5) The “placeholder” text before selection */
.woocommerce form.checkout 
  .select2-container--default .select2-selection__placeholder {
  color: rgb(120,120,120)                  !important;  /* lighter hint color */
}

/* 1) Remove the greyed-out overlay completely */
.mfp-bg {
  display: none !important;
}

/* 1) Make the “Log in” heading dark grey */
.mfp-content h2,
.mfp-content .modal-title {
  color: #333333 !important;
}

/* 2) Darken all the form labels inside the popup */
.mfp-content label,
.mfp-content .woocommerce-form-login label {
  color: #555555 !important;
}

/* 1) Make sure the action buttons behave like inline-blocks */
.woocommerce-table--order-details .order-actions-button {
  display: inline-block !important;
  vertical-align: middle;
}

/* 2) Space out the Pay vs. Cancel buttons */
.woocommerce-table--order-details .order-actions-button.pay {
  margin-right: 1em !important;
}
.woocommerce-table--order-details .order-actions-button.cancel {
  margin-left: 0.5em !important;  /* tweak as needed */
}

/* Hide the duplicate top actions on a failed order page */
.woocommerce-thankyou-order-failed-actions {
  display: none !important;
}

.woocommerce-order-details__title {
  margin-top: 2rem !important;
}

/* — Re-show the Terms & Conditions checkbox — */
.woocommerce form.checkout
  .woocommerce-terms-and-conditions-wrapper 
  label.woocommerce-form__label-for-checkbox,
.woocommerce form.checkout
  .woocommerce-terms-and-conditions-wrapper 
  input.woocommerce-form__input-checkbox {
    display: inline-block !important;
    visibility: visible   !important;
    opacity:    1         !important;
    margin-right: 0.5em;   /* space between box and text */
    vertical-align: middle;
}

/* Make the "Customs & Import Fees" row readable on dark themes */

/* Row + cells */
.woocommerce-checkout-review-order-table tr.fee,
.woocommerce-cart .shop_table tr.fee,
.woocommerce-order-details .woocommerce-table tr.fee {
  opacity: 1 !important; /* defeat theme fade */
}

.woocommerce-checkout-review-order-table tr.fee th,
.woocommerce-cart .shop_table tr.fee th,
.woocommerce-order-details .woocommerce-table tr.fee th {
  color: #e8ebf0 !important;  /* label: Customs & Import Fees */
  font-weight: 600;
}

.woocommerce-checkout-review-order-table tr.fee td,
.woocommerce-cart .shop_table tr.fee td,
.woocommerce-order-details .woocommerce-table tr.fee td {
  color: #d5dbe5 !important;  /* default text in the cell */
  opacity: 1 !important;
}

/* The plugin's breakdown */
tr.fee #cfwc_fees_breakdown .cfwc-fee-label {
  color: #cbd3df !important;  /* “US-EU Tariff (Germany) (15%) x 2” */
  opacity: 1 !important;
}

tr.fee #cfwc_fees_breakdown .cfwc-fee-amount,
tr.fee #cfwc_fees_breakdown .cfwc-fee-amount .woocommerce-Price-amount,
tr.fee #cfwc_fees_breakdown .cfwc-fee-amount .woocommerce-Price-amount bdi,
tr.fee #cfwc_fees_breakdown .cfwc-fee-amount .woocommerce-Price-currencySymbol {
  color: #f5f7fa !important;  /* the $26.55 amount */
  font-weight: 700;
  opacity: 1 !important;
}