/** Shopify CDN: Minification failed

Line 603:0 Expected "}" to go with "{"

**/
ite/* collection-jewelry.css */

.plak-collection-hero {
  background-color: #faf3f0;
}

.plak-product-card__title {
  font-style: italic;
  color: #8b4513;
}

.plak-price {
  color: #ffffff;
  font-weight: bold;
}

/* Highlight “Add to Cart” buttons */
.plak-product-card__button {
  background: #d2691e;
  color: white;
}

/* Subtle box-shadow for product cards */
.plak-product-card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

/* TEST: Should turn background yellow */
body {
  background-color: white !important;
}

/* White background for header and footer */
.site-header,
footer.site-footer {
  background-color: #ffffff !important;
  color: #222222 !important;
}

/* Optional: Darker text in nav and footer links */
.site-header a,
footer.site-footer a {
  color: #222222 !important;
}

/* Optional: Logo adjustments if it's white and disappears */
.site-header .site-logo img {
  filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.3)); /* adds subtle edge */
}

/* White background for the nav bar */
.site-nav.list--inline {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e0e0e0; /* Optional subtle divider */
}

/* Dark text for menu links */
.site-nav.list--inline a {
  color: #222222 !important;
  font-weight: 500;
}

/* Optional: Hover effect for clarity */
.site-nav.list--inline a:hover {
  color: #8b4513 !important; /* Example accent color */
  text-decoration: underline;
}
.site-nav__dropdown {
  background-color: #ffffff !important;
}

.site-nav__dropdown a {
  color: #222222 !important;
}

.site-nav__dropdown a:hover {
  background-color: #f5f5f5;
}
/* Container holding the logo */
.site-header__logo {
  background-color: #ffffff !important; /* white background */
  padding: 10px; /* optional spacing */
}

/* Style the logo text (if it's text-based) */
.site-header__logo h2,
.site-header__logo a {
  color: #222222 !important; /* dark text for contrast */
  text-decoration: none;
  font-weight: bold;
}

/* If using an image logo */
.site-header__logo img {
  max-height: 60px; /* keep it tidy */
  filter: drop-shadow(
    0 0 2px rgba(0, 0, 0, 0.1)
  ); /* optional: light shadow for contrast */
}

/* White background for icon area */
.site-header__icons-wrapper {
  background-color: #ffffff !important;
  padding: 10px 15px; /* Optional spacing */
}

/* Icon color (cart, user, etc.) */
.site-header__icons-wrapper .icon,
.site-header__icons-wrapper a {
  color: #222222 !important;
  fill: #222222 !important;
}

/* Optional: On hover, change icon color */
.site-header__icons-wrapper a:hover {
  color: #8b4513 !important;
  fill: #8b4513 !important;
}
/* Main content area in header */
.grid__item.medium-up--four-sixths.small--hide {
  background-color: #ffffff !important;
  padding: 10px 15px;
}

/* Optional: Text or link styling inside */
.grid__item.medium-up--four-sixths.small--hide a {
  color: #222222 !important;
  font-weight: 500;
  text-decoration: none;
}

/* Optional: On hover */
.grid__item.medium-up--four-sixths.small--hide a:hover {
  color: #8b4513 !important;
  text-decoration: underline;
}
/* Wrapper background */
.currency-picker__wrapper.currency-picker {
  background-color: #ffffff !important;
  padding: 8px 12px;
  border: 1px solid #ddd; /* optional border for clarity */
  border-radius: 4px;
}

/* Text and dropdown styling */
.currency-picker__wrapper select,
.currency-picker__wrapper option {
  background-color: #ffffff;
  color: #222222 !important;
  font-weight: 500;
  border: none;
  appearance: none; /* remove browser default arrow */
}

/* Optional: Hover/focus effect */
.currency-picker__wrapper select:hover,
.currency-picker__wrapper select:focus {
  outline: none;
  border: 1px solid #8b4513;
}
.currency-picker__wrapper select {
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23222222' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px 6px;
  padding-right: 30px;
}
/* Dropdown menus (desktop and mobile) */
.site-nav__dropdown a,
.site-nav__dropdown li a,
.site-nav__dropdown .site-nav__link {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/* Optional hover effect */
.site-nav__dropdown a:hover {
  color: #8b4513 !important;
  background-color: #f9f9f9;
}

.dropdown__menu a,
.site-menu--dropdown a {
  color: #000 !important;
}
.site-nav__dropdown svg,
.site-nav__dropdown .icon {
  fill: #000 !important;
}
.site-nav__label.site-nav__link--main.site-nav__link--button {
  color: #000000 !important;
  background-color: transparent !important;
  border: none !important;

  text-decoration: none;
}
.site-nav__label.site-nav__link--main.site-nav__link--button:hover {
  color: #8b4513 !important; /* subtle gold/brown accent */
  text-decoration: underline;
}
/* Reset fa icons to default or theme color */
.fa.fa-search,
.fa.fa-user.fa-lg,
.fa.fa-shopping-cart.fa-lg {
  color: inherit !important;
  fill: inherit !important;
  filter: none !important;
}

/* Optional: Reset font sizing on the large icons */
.fa-lg {
  font-size: 1.33333333em !important;
  line-height: 0.75em !important;
  vertical-align: -15% !important;
}

.site-nav.list--inline {
  background-color: #fff !important;
  border-bottom: none;
}
.shipping-bar.grid {
  background-color: #fbeaea !important; /* soft faded red background */
  color: #a94442 !important; /* muted red text */
  border: 1px solid #f2dede; /* optional subtle border */
  padding: 10px;
  font-weight: 500;
}

.shipping-bar p,
.shipping-bar.grid p,
.shopify-section-header .shipping-bar p {
  background-color: #fbeaea !important;
  color: #a94442 !important;
  border: none !important; /* 💯 this is what you wanted */
  padding: 10px 15px;
  margin: 0;
  font-weight: 500;
  border-radius: 4px;
  outline: none !important;
  box-shadow: none !important;
}

.shipping-bar.grid,
.shipping-bar.grid * {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.shipping-bar.grid {
  box-shadow: none !important;
  outline: none !important;
  border-color: #none !important;
}

.grid-view-item.product-card {
  border: 1px solid #000000 !important; /* Solid black border */
  border-radius: 30px !important; /* 30px rounded corners */
  overflow: hidden; /* Prevent inner content overflow */
  padding: 15px; /* Optional: nice inner spacing */
  box-shadow: none !important; /* Optional: removes any Plak shadow */
}
.selector-you-want-to-hide {
  .grid-view-item__image {
    border: 1px solid #000000 !important;
    border-radius: 30px !important;
    overflow: hidden;
    display: block;
  }
}

/* Optional: Ensure the image inside respects the round corners */
.grid-view-item__image img {
  border-radius: 30px !important;
  display: block;
  width: 100%;
  height: auto;
}

.slideshow-container .mySlides img {
  background-color: #ffffff !important;
}

#shopify-section-footer .back-to-top {
  color: #ffffff !important;
}
#shopify-section-footer .back-to-top:hover {
  color: #ffffff !important;
}
.dot.active {
  background-color: #ffffff !important;
}

div.slide-text.text_align--mid-center {
  background: none;
}




body {
  --color-background: #ffffff !important;
  --color-primary: #ffffff !important;
}
html {
  --color-background: #ffffff !important;
}
body,
html,
.slideshow-container,
.slideshow-container .mySlides,
img {
  background-color: #ffffff !important;
}

.slideshow-container,
.slideshow-container * {
  transition: none !important;
  animation: none !important;
}
img.lazyload,
img.lazyloaded {
  transition: none !important;
  animation: none !important;
  opacity: 1 !important;
}

.site-header__logo img {
    max-height: 60px;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .1));
}
/* Top header area */
.shopify-section-header,
.site-header,
.site-header__wrapper {
  background-color: #ffffff !important;
}

/* Full page and bottom fix */
html,
body,
#MainContent {
  background-color: #ffffff !important;
}
.site-header__logo img {
  filter: none !important;
}

:root {
  --color-body-bg: #ffffff !important;
}


@media screen and (max-width: 749px) {
  .site-header,
  .site-header__wrapper,
  .shopify-section-header,
  .grid,
  .grid__item,
  .site-header__logo,
  .site-header__logo-wrapper,
  .site-header__topbar,
  .mobile-header-wrapper,
  .announcement-bar,
  body,
  html {
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
  }
}
@media screen and (max-width: 749px) {
  .mobile-nav,
  .mobile-nav__inner,
  .mobile-nav__panel,
  .mobile-nav__menu,
  .mobile-nav__item,
  .mobile-nav__dropdown {
    background-color: #000000 !important;
    color: #ffffff !important;
  }

  .mobile-nav__link,
  .mobile-nav__toggle,
  .mobile-nav__item a {
    color: #ffffff !important;
  }

  .mobile-nav__link:hover,
  .mobile-nav__toggle:hover {
    background-color: #222222 !important;
  }
 
.site-header__menu-toggle svg,
.site-header__menu-toggle path {
  fill: #000000 !important;
  stroke: #000000 !important;
}

.site-header__icon i {
    height: 20px;
    width: 19px;
    color: #000000;
}

.mobile-nav-wrapper.medium-up--hide.js-menu--is-open {
background-color: #ffffff;
  
}

.color-small-button-text-border-focus {
--color-body: #ffffff;
--color-bg: #ffffff;
--color-topheader-bg: #ffffff;
}