/**
* Theme Name: Nurfia Child
* Description: This is a child theme of Nurfia, generated by Merlin WP.
* Author: <a href="http://themeforest.net/user/KlbTheme">KlbTheme (Sinan ISIK)</a>
* Template: nurfia
* Version: 1.1.7
*/

/* Topbar notification ticker - slides crossfade in place (stacked with grid so the
   row keeps the width of the widest message and nothing shifts). */
.site-header-message .inf-ticker {
  display: inline-grid;
  align-items: center;
  vertical-align: middle;
}
.site-header-message .inf-ticker > span {
  grid-area: 1 / 1;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  animation: inf-ticker-fade 9s infinite;
}
.site-header-message .inf-ticker > span:nth-child(2) {
  animation-delay: 4.5s;
}
@keyframes inf-ticker-fade {
  0%   { opacity: 0; transform: translateY(6px); }
  5%   { opacity: 1; transform: translateY(0); }
  45%  { opacity: 1; transform: translateY(0); }
  50%  { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 0; transform: translateY(-6px); }
}
@media (prefers-reduced-motion: reduce) {
  .site-header-message .inf-ticker > span { animation: none; opacity: 0; }
  .site-header-message .inf-ticker > span:first-child { opacity: 1; }
}

/* List view: product short descriptions were imported with mixed markup - 21 products
   carry an <h1>, 26 an <h2>, others <h3>/<h4>/<p>/bare text - so every card rendered
   in a different size and face. Force one type style for everything inside the excerpt;
   <strong> keeps its emphasis. */
.product .product-excerpt,
.product .product-excerpt * {
  font-family: var(--theme-body-font) !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: inherit !important;
}
.product .product-excerpt h1,
.product .product-excerpt h2,
.product .product-excerpt h3,
.product .product-excerpt h4,
.product .product-excerpt h5,
.product .product-excerpt h6,
.product .product-excerpt p {
  font-weight: 400 !important;
  margin: 0 0 0.6em !important;
}
.product .product-excerpt strong,
.product .product-excerpt b {
  font-weight: 600 !important;
}
.product .product-excerpt > *:last-child {
  margin-bottom: 0 !important;
}

/* Live-search results: "see all products" link in the brand pink instead of the
   default link blue. */
.klb-search-results .search-more a,
.site-search-holder .search-more a,
li.search-more a {
  color: #EA93A2;
  font-weight: 600;
}
.klb-search-results .search-more a:hover,
.site-search-holder .search-more a:hover,
li.search-more a:hover {
  color: #D66E80;
}

/* Hero banner CTA that points at the shop - pill corners. Matched by its link so
   the other white banner buttons (which point at single products) keep the square
   theme style. NOTE: if this button's link ever changes, update the selector. */
.site-banner-footer a.button.variant-white[href$="/shop/"] {
  border-radius: 30px;
}

/* Woo ajax notice toast (added-to-cart / errors) - brand pink instead of the
   plugin's green. The old rule for this lived in Customizer > Additional CSS but
   was dead: its selector list contained a literal "&gt;" (HTML entities are not
   decoded inside <style>), which invalidates the whole rule. Keep it here, in a
   real .css file, where that cannot happen. */
.klb-notice-ajax .woocommerce-message,
.klb-notice-ajax .wc-block-components-notice-banner__content,
.klb-notice-ajax > div {
  background: #EA93A2 !important;
  border-color: #EA93A2 !important;
}
.klb-notice-ajax ul.woocommerce-error,
.klb-notice-ajax .wc-block-components-notice-banner__content.is-error {
  background: #9f1239 !important;
}

/* Cart/mini-cart "you save" sale badge - brand pink with white text. The Woo default
   is a 10%-of-currentColor tint, so both the badge and the money amount inside it
   need the color set explicitly. */
.wc-block-components-product-badge.wc-block-components-sale-badge,
.wc-block-components-sale-badge {
  background: #D66E80;
  color: #ffffff;
  border-color: #D66E80;
  border-radius: 4px;
  padding: 3px 8px;
  font-weight: 600;
}
.wc-block-components-sale-badge .wc-block-formatted-money-amount,
.wc-block-components-sale-badge * {
  color: #ffffff;
}

/* Checkout: decorative card-terminal artwork above the order summary. Kept small so
   it never pushes the order review or the place-order button out of view. */
.inf-checkout-art {
  text-align: center;
  margin: 0 0 1rem;
  line-height: 0;
}
.inf-checkout-art img {
  width: 100%;
  max-width: 130px;
  height: auto;
}
@media screen and (min-width: 1024.02px) {
  .inf-checkout-art {
    margin-bottom: 1.5rem;
  }
  .inf-checkout-art img {
    max-width: 200px;
  }
}

/* Thank-you page: drop the theme's dashed border (nurfia/style.css:2537) and put the
   checkout artwork under the message. */
.woocommerce-thankyou-order-received {
  border: none;
  color: #D66E80;
}
.woocommerce-thankyou-order-received .inf-thankyou-art {
  display: block;
  width: 100%;
  max-width: 150px;
  height: auto;
  margin: 1rem auto 0;
}
@media screen and (min-width: 1024.02px) {
  .woocommerce-thankyou-order-received .inf-thankyou-art {
    max-width: 190px;
  }
}

/* Checkout: "secure payment" trust banner under the place-order button. */
.inf-secure-pay {
  margin-top: 1rem;
  padding: 0.875rem 1rem;
  background: #FBF0F2;
  border: 1px solid #F2D6DC;
  border-radius: 8px;
}
.inf-secure-pay__head {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #D66E80;
  margin-bottom: 0.35rem;
}
.inf-secure-pay__head strong {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.3;
}
.inf-secure-pay__icon {
  flex: 0 0 auto;
}
.inf-secure-pay__text {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: rgb(var(--colors-gray-600));
}

/* Checkout legal links - make the terms link read as a link and stand out. */
.woocommerce-terms-and-conditions-link {
  font-weight: 700;
  color: #D66E80;
  text-decoration: underline;
}
.woocommerce-terms-and-conditions-link:hover {
  color: #B95468;
}