/* ------ CUSTOM PROPERTIES ------ */
:root {
  /* Colors */
  --color-dark-blue-primary: #00354f;
  --color-dark-blue-secondary: #00334d;
  --color-dark-blue-tertiary: #00202f;
  --color-gray-text: #747c87;
  --color-dark-gray: #4a5769;
  --color-footer-border: #5b6e76;
  --color-white: #ffffff;
  --color-bg-light: #e1ecf9;

  /* Layout */
  --hero-negative-margin: -300px;
  --hero-padding-bottom: 200px;
  --social-button-padding: 20px;

  /* Typography */
  --font-family-1: proxima-nova, -apple-system, 'system-ui', 'Segoe UI', Roboto, Frutiger, 'Frutiger Linotype', Univers,
    Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans',
    'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-family-2: 'freight-text-pro', Cambria, 'Hoefler Text', Utopia, 'Liberation Serif', 'Nimbus Roman No9 L Regular',
    Times, 'Times New Roman', serif;
}

/* ------ GLOBAL STYLES ------ */
/* Body background */
body,
body.content-style-unboxed .site {
  background-color: var(--color-bg-light);
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: capitalize;
}

/* ------ HERO SECTION ------ */
.entry-hero-container-inner {
  background: linear-gradient(to left, var(--color-dark-blue-secondary), var(--color-dark-blue-tertiary)) !important;
  margin-bottom: var(--hero-negative-margin);
  padding-bottom: var(--hero-padding-bottom);
}

.entry-hero-container-inner h1 {
  color: var(--color-white);
}

/* ------ NAVIGATION ------ */
.main-navigation .primary-menu-container>ul li.menu-item>a {
  text-transform: capitalize;
  color: var(--color-gray-text);
  font-weight: 700;
}

/* ------ WOOCOMMERCE ELEMENTS ------ */
/* Product links */
.woocommerce li.product a {
  color: var(--color-dark-blue-primary);
  font-weight: 700;
}

/* Product prices */
.woocommerce ul.products li.product .price {
  color: var(--color-dark-gray);
}

/* ------ FOOTER ------ */
.site-footer .site-footer-wrap .site-footer-section .footer-social-wrap .footer-social-inner-wrap .social-button {
  padding: var(--social-button-padding);
  border-color: var(--color-footer-border);
}

/* ------ BUTTONS & FORM ELEMENTS ------ */
button,
.button,
.wp-block-button__link,
input[type='button'],
input[type='reset'],
input[type='submit'],
.fl-button,
.elementor-button-wrapper .elementor-button,
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit {
  text-transform: capitalize;
}

.kb-form .kadence-blocks-form-field .kb-text-style-field,
.kb-form .kadence-blocks-form-field>label,
.kb-form .kadence-blocks-form-field>button {
  font-weight: 700 !important;
  font-family: var(--font-family-1);
}

.kb-form .kadence-blocks-form-field .kb-text-style-field:focus {
  outline: var(--global-palette1);
  outline-width: 1px;
  outline-offset: 2px;
  outline-style: dashed;
}

.kb-form .kadence-blocks-form-field>button:hover {
  background-color: #006a9c !important;
  box-shadow: none;
}

.kb-form .kadence-blocks-form-field .kb-text-style-field.has-error:not(.missingclass) {
  border-color: #c4d0de;
}

.kb-form-error-msg,
.kadence-blocks-form-warning {
  border: none;
  background: none;
  font-family: var(--font-family-2);
  padding: 0;
  font-weight: normal;
  font-size: 1rem;
}

.show-password-input,
.show-password-input:hover {
  padding: 0;
  background: none !important;
}

/* ------ KADENCE SHOP ------ */

.kadence-shop-top-row {
  position: relative;
  color: var(--color-white);
}

.kadence-shop-top-row select {
  color: var(--color-white);
}

.header-cart-button .header-cart-total {
  background-color: var(--global-palette2);
  font-weight: 800;
  color: var(--global-palette4);
}

/* ------ SEARCH BOX ------ */

.popup-drawer .drawer-overlay {
  background-color: #0083caa9;
}

#search-drawer .drawer-inner input.search-field,
#search-drawer .drawer-inner input.search-field:active,
#search-drawer .drawer-inner input.search-field:focus,
#search-drawer .drawer-inner input.search-field:hover {
  color: #00202f;
  border-radius: 5px;
  border-width: 1px 1px 1px 1px;
  background: #f6faff;
  border-color: #c4d0de;
  box-shadow: none;
}

.infinite-scroll-last {
  opacity: 0;
}

/* ----- PRODUCT IMAGES ------ */

.woocommerce ul.products li.product a.img,
/* fallback for custom selectors */
.woocommerce ul.products li.product .woocommerce-LoopProduct-link {
  position: relative;
}

.product-brand-absolute {
  height: 3rem;
  width: 5rem;
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(245, 245, 245, 0.5);
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 0.25em 0.75em; */
  border-radius: 0.25em;
  font-size: 0.85em;
  z-index: 10;
  opacity: 0.5;
  transition: opacity 150ms;
  /* pointer-events: none; */
}

.woocommerce ul.products li:hover .product-brand-absolute {
  opacity: 1;
}

.product-brand-absolute img {
  max-height: 32px;
  max-width: 64px;
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.woocommerce ul.products li.product a img {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  object-fit: contain;
  margin: 10px auto;
  height: auto;
}


.product-brand-before-title {
  display: block;
  font-size: 0.75em;
  font-weight: 600;
  color: var(--global-palette1);
  margin-bottom: 0.1em;
  letter-spacing: 0.01em;
  text-align: left;
  margin-bottom: -10px;
}


.woocommerce ul.products li.product {
  border-radius: 4px;
  overflow: clip;
}

/* ------ PRODUCT PAGE ------ */

.woocommerce-Tabs-panel:first-of-type.woocommerce-Tabs-panel:last-child table {
  border-top: none;
}

.content-area {
  margin-top: 4rem !important;
}

/* ------ ALERTS ------- */

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info {
  padding: 1.25em 2em 1.25em 2em;
  margin: 0 0 var(--global-md-spacing);
  position: relative;
  background-color: var(--global-palette7);
  color: var(--global-palette4);
  border: none;
  list-style: none outside;
  width: auto;
  word-wrap: break-word;
  border-radius: 12px;
}

.woocommerce .woocommerce-error {
  background-color: #c73126;
  color: white;
}

.woocommerce .woocommerce-error a {
  color: white;
}

/* ------ CHECKOUT ------ */

#payment ul.wc_payment_methods li.wc_payment_method input[type='radio']:first-child:checked+label {
  border: none;
  background: none;
  font-weight: bold;
}

.woocommerce form .form-row label {
  line-height: 1.2;
}

.woocommerce-SavedPaymentMethods-saveNew {
  display: flex;
  padding: 7px !important;
}

fieldset.wc-payment-form {
  border-radius: 8px;
  padding-bottom: 1rem;
}

.woocommerce ul.order_details li {
  padding-block: 0.75rem;
}

@media screen and (max-width: 950px) {
  .woocommerce ul.order_details li {
    border-right: none;
    padding-right: 1rem;
    min-width: 50%;
    margin: 0;
  }
}

/* ------ COUPONS ------ */

#all_coupon_container>div.sc-coupon>div>div>div>div.space-y-1.text-xs.leading-none>div:nth-child(2)::before {
  content: 'Exp: ';
}

/* ------ CATEGORY LIST (FOOTER) ------ */

.wc-block-product-categories-list {
  padding-left: 0 !important;
  margin-left: 0;
  list-style: none;
}




.woocommerce-product-gallery__trigger-detail {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 8px;
  height: 8px;
  display: flex;
}

.woocommerce-product-gallery__trigger-detail::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 1px;
  width: 6px;
  height: 2px;
  background-color: #000000;
}

.woocommerce-product-gallery__trigger-detail::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 3px;
  width: 2px;
  height: 6px;
  background-color: #000000;
}


/* Style for Sort by Brand dropdown in WooCommerce archive top row */
.archive-description {
  display: none;
}

.kadence-woo-ordering-wrapper {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}


/* Style for WooCommerce notices */
.woocommerce-notices-wrapper.has-customer-login-next:has(ul) {
  padding: 0.5rem;
  margin-bottom: -3rem;
}

/* Style for Kadence Blocks forms */
.kb-form {
  align-items: flex-start;
}

/* Style for WooCommerce product entry content */
html body.woocommerce.archive.content-style-unboxed .products.woo-archive-action-visible li.product.content-bg.loop-entry .content-bg:not(.loop-entry) {
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
}