/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* GLOBAL STYLES */

:root {
  --wp--preset--color--base: rgba(
    0,
    0,
    0,
    0.04
  ); /* Your site background color */
  --wp--preset--color--contrast: #000000; /* Your site text color */
}

strong,
b {
  color: var(--wp--preset--color--accent-secondary);
}

.wp-block-site-title a,
.wp-block-site-title {
  /* color: #22c55e; */
  color: #0d183d;
  width: 155px;
}
/* Color for the very first word */
.wp-block-site-title:first-word {
  color: #0d183d;
}

/* ACCOUNT PAGE */

.woocommerce-account .woocommerce-MyAccount-navigation li {
  padding: 1em !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation li:first-child {
  padding: 1em !important;
}

/* ACCOUNT PAGE - EDIT ADDRESS */

.woocommerce-account .addresses .title .edit {
  color: var(--wp--preset--color--accent-primary);
}
.woocommerce-page form .form-row select#billing_country,
.woocommerce-page form .form-row select#shipping_country {
  width: 100%;
}

.select2-container .select2-selection--single {
  height: 60px;
}
.woocommerce-page
  form
  .form-row
  .select2-container
  .select2-selection--single
  .select2-selection__arrow {
  top: 16px;
}

/* ACCOUNT PAGE - ACCOUNT DETAILS */

input[type='text'] + button[type='button']:before,
input[type='password'] + button[type='button']:before {
  content: 'view';
}

input[type='text'] + button[type='button'],
input[type='password'] + button[type='button'] {
  width: 3.5em;
  height: 1.5em;
  border-radius: 2em;
  border: 1px solid var(--wp--preset--color--bg-light);
  color: var(--wp--preset--color--medium-gray);
}

/* CHECKOUT PAGE */

.wc-block-components-order-summary
  .wc-block-components-order-summary-item__quantity {
  background: var(--wp--preset--color--accent-secondary) !important;
}
.wp-block-woocommerce-checkout-order-summary-block
  .wc-block-components-product-name {
  color: var(--wp--preset--color--accent-secondary);
}

/* SHOP PAGE (ALL PRODUCTS PAGE) */

.wp-block-query li.product {
  border: 2px solid #efefef;
  border-radius: 5px;
}
.product-view-coa img {
  top: 1px;
  position: relative;
}

.wp-block-button.wc-block-components-product-button.is-style-outline
  .wp-block-button__link:is(button) {
  background-color: var(--wp--preset--color--accent-secondary) !important;
  color: var(--wp--preset--color--light-gray) !important;
  border-color: var(--wp--preset--color--accent-secondary) !important;
}

/* SINGLE PRODUCT PAGE */

.woocommerce table.variations {
  border-radius: 3rem;
}
.woocommerce table.variations tbody,
.woocommerce table.variations tbody tr,
.woocommerce table.variations tbody tr th,
.woocommerce table.variations tbody tr td {
  border-top: 0 !important;
}
.woocommerce table.variations tr th {
  padding: 0 1rem;
}
.woocommerce table.variations tr th label {
  margin-bottom: 0;
}
.woocommerce table.variations tr td {
  padding-bottom: 0.5rem;
}
.woocommerce table.variations tr td select {
  appearance: none;
  padding-top: 0;
  padding-bottom: 0;
  width: 15rem;
}

a.reset_variations {
  display: none !important;
}

/* FOOTER */

#footer-logo img {
  width: 180px !important;
}

#footer-logo {
  position: relative;
  top: -30px;
}