/* =========================
   DR. NAR BEAUTY - PREMIUM CSS
   Paste into: Appearance > Customize > Additional CSS
   ========================= */

/* ---------- ROOT COLORS ---------- */
:root {
  --dnar-gold: #c9a96b;
  --dnar-gold-dark: #b18d4f;
  --dnar-pink: #f7e9ee;
  --dnar-rose: #e7c8d2;
  --dnar-text: #2f2a2a;
  --dnar-muted: #6f6666;
  --dnar-bg: #fffdfb;
  --dnar-white: #ffffff;
  --dnar-border: #eadfda;
  --dnar-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  --dnar-radius: 18px;
}

/* ---------- GLOBAL ---------- */
body {
  background: var(--dnar-bg);
  color: var(--dnar-text);
  line-height: 1.7;
}

h1, h2, h3, h4 {
  color: var(--dnar-text);
  line-height: 1.2;
  letter-spacing: -0.02em;
}

p, li, span {
  color: var(--dnar-text);
}

a {
  color: var(--dnar-gold-dark);
  transition: all 0.25s ease;
}

a:hover {
  color: var(--dnar-gold);
}

/* ---------- CONTAINER SPACING ---------- */
.elementor-section {
  padding-top: 18px;
  padding-bottom: 18px;
}

.elementor-widget-heading h1,
.elementor-widget-heading h2,
.elementor-widget-heading h3 {
  margin-bottom: 12px;
}

.elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}

/* ---------- HERO ---------- */
.home .elementor-section:first-of-type {
  position: relative;
}

.home .elementor-section:first-of-type .elementor-container {
  align-items: center;
}

.home h1 {
  font-weight: 700;
}

.home .elementor-button,
.home .wp-element-button,
.home button,
.home input[type="submit"] {
  min-height: 48px;
}

/* ---------- BUTTONS ---------- */
.elementor-button,
button,
input[type="submit"],
.wp-element-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background: linear-gradient(135deg, var(--dnar-gold), var(--dnar-gold-dark));
  color: #fff !important;
  border: none;
  border-radius: 999px;
  padding: 14px 28px;
  font-weight: 600;
  letter-spacing: 0.02em;
  box-shadow: 0 8px 22px rgba(201, 169, 107, 0.28);
  transition: all 0.25s ease;
}

.elementor-button:hover,
button:hover,
input[type="submit"]:hover,
.wp-element-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(201, 169, 107, 0.34);
  background: linear-gradient(135deg, var(--dnar-gold-dark), var(--dnar-gold));
}

/* ---------- CARDS / BOXES ---------- */
.elementor-column .elementor-widget-wrap,
.elementor-icon-box,
.elementor-image-box,
.woocommerce ul.products li.product,
.woocommerce div.product,
.testimonial,
.service-card {
  border-radius: var(--dnar-radius);
}

.elementor-icon-box,
.elementor-image-box,
.woocommerce ul.products li.product {
  background: var(--dnar-white);
  border: 1px solid var(--dnar-border);
  box-shadow: var(--dnar-shadow);
  padding: 18px;
}

/* ---------- SERVICE / FEATURE BOXES ---------- */
.elementor-icon-box-title,
.elementor-image-box-title {
  font-weight: 700;
  margin-bottom: 8px;
}

.elementor-icon-box-description,
.elementor-image-box-description {
  color: var(--dnar-muted);
}

/* ---------- IMAGES ---------- */
img {
  border-radius: 14px;
}

.before-after img,
.results-gallery img,
.elementor-widget-image img {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* ---------- TESTIMONIALS ---------- */
.testimonial,
.elementor-testimonial-wrapper,
.elementor-testimonial {
  background: #fff;
  border: 1px solid var(--dnar-border);
  border-radius: var(--dnar-radius);
  box-shadow: var(--dnar-shadow);
  padding: 22px;
}

.testimonial p,
.elementor-testimonial__text {
  color: var(--dnar-text);
  font-style: normal;
}

.elementor-star-rating i,
.star-rating span::before {
  color: var(--dnar-gold) !important;
}

/* ---------- PRICING / SPECIAL OFFER BOXES ---------- */
.pricing-box,
.special-offer,
.price-card {
  background: linear-gradient(180deg, #fff, #fff8f3);
  border: 1px solid var(--dnar-border);
  border-radius: 20px;
  box-shadow: var(--dnar-shadow);
  padding: 24px;
}

.price,
.amount,
.woocommerce-Price-amount {
  color: var(--dnar-gold-dark);
  font-weight: 700;
}

/* ---------- FORMS ---------- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  width: 100%;
  border: 1px solid var(--dnar-border);
  border-radius: 14px;
  padding: 14px 16px;
  background: #fff;
  color: var(--dnar-text);
  box-shadow: none;
  transition: all 0.2s ease;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: var(--dnar-gold);
  box-shadow: 0 0 0 3px rgba(201, 169, 107, 0.14);
}

/* ---------- SHOP / PRODUCT CARDS ---------- */
.woocommerce ul.products li.product {
  text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--dnar-text);
}

.woocommerce ul.products li.product .price {
  margin: 8px 0 14px;
}

.woocommerce ul.products li.product img {
  margin-bottom: 14px;
}

/* ---------- SINGLE PRODUCT ---------- */
.single-product .product {
  background: #fff;
  border: 1px solid var(--dnar-border);
  border-radius: 22px;
  box-shadow: var(--dnar-shadow);
  padding: 24px;
}

.single-product .product_title {
  font-weight: 700;
  margin-bottom: 12px;
}

.single-product .woocommerce-tabs {
  margin-top: 26px;
}

/* ---------- BREADCRUMBS ---------- */
.woocommerce-breadcrumb,
.breadcrumbs {
  color: var(--dnar-muted);
  font-size: 0.95rem;
  margin-bottom: 18px;
}

/* ---------- HEADER ---------- */
.site-header,
.elementor-location-header {
  background: rgba(255, 253, 251, 0.92);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(234, 223, 218, 0.9);
}

.site-header a,
.elementor-location-header a {
  font-weight: 500;
}

/* ---------- FOOTER ---------- */
.site-footer,
.elementor-location-footer,
footer {
  background: #f8f2ee;
  border-top: 1px solid var(--dnar-border);
}

.site-footer p,
.site-footer li,
.site-footer a,
footer p,
footer li,
footer a {
  color: var(--dnar-text);
}

.site-footer a:hover,
footer a:hover {
  color: var(--dnar-gold-dark);
}

/* ---------- HIDE CLUTTER ---------- */
/* Hide account/login links in header/footer if you want a more clinic-first look */
.menu-item-my-account,
.menu-item-login,
.menu-item-register,
.woocommerce-account .entry-title {
  display: none !important;
}

/* Hide WooCommerce result count and sorting if not needed */
.woocommerce-result-count,
.woocommerce-ordering {
  display: none !important;
}

/* Hide breadcrumbs if they clutter the page */
.home .woocommerce-breadcrumb,
.home .breadcrumbs {
  display: none !important;
}

/* ---------- BLOG ---------- */
article,
.post,
.blog .site-main article {
  background: #fff;
  border: 1px solid var(--dnar-border);
  border-radius: 20px;
  box-shadow: var(--dnar-shadow);
  padding: 24px;
  margin-bottom: 28px;
}

article h2,
.post h2 {
  margin-top: 0;
}

/* ---------- MOBILE ---------- */
@media (max-width: 767px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.6rem;
  }

  .elementor-button,
  button,
  input[type="submit"],
  .wp-element-button {
    width: 100%;
    text-align: center;
  }

  .single-product .product,
  article,
  .post,
  .woocommerce ul.products li.product {
    padding: 18px;
  }
}.elementor-button {
    border-radius: 50px !important;
}