/*
Theme Name: Pristine Glow
Theme URI: https://pristinenglow.store
Description: Pristine Glow storefront on Skincare Cosmetic Store — Hero, Niacinamide, Sunscreen, Duo discount, About, Contact, Footer.
Author: Pristine Glow
Template: skincare-cosmetic-store
Version: 1.3.3
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: pristine-glow
*/

:root {
  --pg-pine: #1f3330;
  --pg-paper: #f3eee6;
  --pg-sand: #e7d3bf;
}

.site-title a,
.wp-block-site-title a {
  letter-spacing: -0.02em;
}

/* Match header bar to logo paper background */
.header-menu-rev,
.header-menu-rev.has-secondary-background-color,
.header-menu-rev.has-background {
  background-color: #eae1dc !important;
}

/* Custom logo in header (replaces text title) */
.pg-header-brand {
  text-align: center;
}

.pg-header-logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
  text-decoration: none;
}

.pg-header-logo {
  display: block;
  width: min(220px, 42vw);
  height: auto;
  max-height: 96px;
  object-fit: contain;
}

.header-menu-rev .rev-headerbox {
  align-items: center !important;
}

.header-menu-rev .wp-block-column {
  display: flex;
  align-items: center;
}

@media (max-width: 781px) {
  .pg-header-logo {
    width: min(160px, 48vw);
    max-height: 72px;
  }
}

.slider-btn1 .wp-element-button,
.wp-block-button.slider-btn1 .wp-block-button__link,
.pg-btn .wp-element-button {
  border-radius: 999px !important;
  padding-left: 1.35rem !important;
  padding-right: 1.35rem !important;
}

.pg-hero .slider-cover {
  background:
    radial-gradient(circle at 70% 40%, rgba(231, 211, 191, 0.55), transparent 40%),
    linear-gradient(160deg, #fbf8f3 0%, #e8efe9 55%, #f3eee6 100%) !important;
}

.pg-hero .pg-hero-duo,
.pg-hero .pg-hero-duo img {
  margin-inline: auto;
  max-width: min(360px, 78%);
}

.pg-hero .pg-hero-duo img {
  width: 100%;
  height: auto;
  max-height: 380px;
  object-fit: contain;
  display: block;
}

@media (max-width: 781px) {
  .pg-hero .pg-hero-duo,
  .pg-hero .pg-hero-duo img {
    max-width: min(260px, 70%);
    max-height: 280px;
  }
}

.pg-hero .wp-block-cover__background {
  opacity: 0.08 !important;
}

.pg-section ul {
  margin: 1rem 0 1.25rem;
  padding-left: 1.2rem;
  color: #5e564c;
}

.pg-product-shot img {
  max-height: 520px;
  width: auto;
  max-width: 100%;
  margin-inline: auto;
  object-fit: contain;
  border-radius: 0;
  background: transparent;
}

.pg-product-block--alt {
  background: #fbf8f3;
}

.pg-duo a {
  color: inherit;
}

.pg-kicker {
  margin-bottom: 0.5rem !important;
}

@media (max-width: 781px) {
  .pg-product-block .wp-block-columns {
    flex-direction: column-reverse;
  }

  .pg-product-block--alt .wp-block-columns {
    flex-direction: column;
  }

  .pg-hero h1 {
    font-size: 2rem !important;
  }
}