@charset "UTF-8";
/* =========================================================
   REBEL HOUSE — PEACHES & CREAM THEME (CLEAN FINAL)
   ========================================================= */
/* ---------- Design tokens ---------- */
:root {
  --rh-cream-2:#FFF9F6;
  --rh-white:#FFFFFF;
  --rh-peach-50:#FFF0E9;
  --rh-peach-100:#FFE7DD;
  --rh-peach-200:#FFDACC;
  --rh-peach-300:#F6CBB2;
  --rh-accent:#E57448;
  /* peach */
  --rh-ink:#533C31;
  /* cocoa titles */
  --rh-warm:#6F4A3B;
  /* body text */
  --rh-stroke:#F0DED6;
  /* soft borders */ }

/* ===========================
   GLOBAL
   =========================== */
body {
  background: linear-gradient(180deg, var(--rh-cream-2) 0%, #fff 90%);
  color: var(--rh-warm);
  font-family: 'Poppins',system-ui,sans-serif;
  zoom: 1.0001; }

h1, h2, h3, h4, h5, h6 {
  color: var(--rh-ink);
  font-weight: 700; }

/* No italics anywhere + keep Poppins */
em, i, .italic, .is-italic,
.card-title, .card-brand, .productView-title, .productView-brand,
.price-section, .button, .quickview,
p, span, a, small, strong, label {
  font-style: normal;
  font-family: 'Poppins',system-ui,sans-serif; }

/* ===========================
   NAVIGATION & ICONS
   =========================== */
.navPages-list > li > a::before,
.navPages-item > a::before {
  content: '';
  display: inline-block;
  background: url("https://cdn11.bigcommerce.com/s-k42zp2ovwq/images/stencil/original/image-manager/b6fbf4b7-2d0c-40c3-9957-d37de9e73268.png?t=1748274301") no-repeat center/contain;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  vertical-align: middle; }

.navPages-list > li > a {
  padding-left: 4px; }

/* BABY / BOYS / GIRLS / LADIES */
.navPages a[href*="/baby" i],
.navPages a[href*="/boys" i],
.navPages a[href*="/girls" i],
.navPages a[href*="/ladies" i],
.mobileMenu a[href*="/baby" i],
.mobileMenu a[href*="/boys" i],
.mobileMenu a[href*="/girls" i],
.mobileMenu a[href*="/ladies" i] {
  text-transform: uppercase !important;
  font-weight: 800 !important;
  color: var(--rh-accent) !important;
  letter-spacing: .4px !important; }

.navPages a[href*="/baby" i], .mobileMenu a[href*="/baby" i] {
  display: block !important;
  border-top: 1px solid var(--rh-peach-200) !important;
  padding-top: 8px !important; }

.navPages a[href*="/ladies" i], .mobileMenu a[href*="/ladies" i] {
  display: block !important;
  border-bottom: 1px solid var(--rh-peach-200) !important;
  padding-bottom: 8px !important; }

/* Hide “Brands” area */
.navPages-title, .navPages-heading {
  display: none !important; }

.navPages .navPages-list--brands,
.navPages .brands,
.navPages-item a[href^="/brands"],
.navPages a[href*="/brands" i],
.navPages [aria-label="Brands"],
.navPages [data-menu-section="brands"] {
  display: none !important; }

/* Hide text-only subcategories on category pages */
.page-type-category .sidebarBlock,
.page-type-category .navList,
.page-type-category .subcategory-listing,
.page-type-category ul.subcategories {
  display: none !important; }

/* ===========================
   CARDS (PLP / grids)
   =========================== */
.card-title {
  min-height: 60px; }

.card {
  border: 1px solid var(--rh-peach-200);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(245, 180, 157, 0.12);
  transition: transform .12s ease, box-shadow .2s ease, border-color .2s ease; }

.card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(245, 180, 157, 0.22);
  border-color: #F3D3C6; }

.card-title a {
  color: var(--rh-ink);
  font-weight: 700; }

.card .price, .price-section {
  color: var(--rh-accent);
  font-weight: 600; }

.card-brand, .card .brandName, .card .card-text[data-test-info-type="brandName"] {
  display: none; }

/* Cute colored buttons on cards (geometry & typography only) */
.productGrid .card .button,
.card .button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Poppins',system-ui,sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
  text-decoration: none !important;
  padding: 8px 16px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  line-height: 1.1 !important;
  letter-spacing: .2px !important;
  transition: all .25s ease-in-out !important;
  margin: 6px auto 0 !important;
  box-shadow: none !important; }

/* Primary (Pick Your Size) */
.card .button--primary {
  background: linear-gradient(180deg, #FFE3D7 0%, #FFD6C8 100%) !important;
  border: 1px solid #F2B9A5 !important;
  color: #6F3B44 !important;
  box-shadow: 0 3px 8px rgba(244, 180, 157, 0.15) !important; }

.card .button--primary:hover {
  background: linear-gradient(180deg, #FFD8C9 0%, #FFC9B5 100%) !important;
  border-color: #E4A88E !important;
  transform: translateY(-1px) !important; }

/* Secondary (Quick view) */
.card .button:not(.button--primary) {
  background: #FFF8F6 !important;
  border: 1px solid #F4C8B5 !important;
  color: #7A4B43 !important; }

.card .button:not(.button--primary):hover {
  background: #FFEFE9 !important;
  border-color: #EABFAF !important;
  color: #633531 !important; }

.card .button + .button {
  margin-top: 6px !important; }

/* Card title + price sizing harmony */
.card-title {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #4E2F2B !important; }

.card .price, .price-section {
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #E5714B !important; }

/* ===========================
   FOOTER / NEWSLETTER
   =========================== */
.footer-info-list li a::before {
  content: '';
  display: inline-block;
  background: url("https://cdn11.bigcommerce.com/s-k42zp2ovwq/images/stencil/original/image-manager/b6fbf4b7-2d0c-40c3-9957-d37de9e73268.png?t=1748274301") no-repeat center/contain;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  transform: translateY(-1px); }

.footer-info-list li span::before,
.footer-info-list li span a::before,
.footer-info-list li span + a::before {
  display: none !important; }

.footer-newsletter {
  padding: 24px 16px;
  background: #FFF4F1;
  border-top: 1px solid #fcdcdc;
  margin-top: 0; }

.footer-newsletter h2, .footer-newsletter-heading {
  font-size: 1.3rem;
  font-weight: 600;
  color: #5B3A29;
  margin-top: 24px;
  margin-bottom: 10px;
  text-align: center; }

.footer-newsletter h2::before {
  content: "Sweet Deals & Rebel Feels";
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--rh-accent);
  margin-bottom: 8px; }

.footer-newsletter .form-prefixPostfix {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 480px;
  margin: 0 auto; }

.footer-newsletter input[type="email"] {
  border: 1px solid #e6dcd2;
  border-radius: 6px;
  padding: 12px 14px;
  font-size: 1rem;
  color: #5B3A29;
  background: #fff; }

.footer-newsletter input[type="email"]::placeholder {
  color: #b9a9a3; }

.footer-newsletter .button {
  background-color: var(--rh-accent);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px;
  font-weight: 600;
  transition: background-color .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; }

.footer-newsletter .button:hover {
  background-color: #d15a31;
  cursor: pointer; }

/* ===========================
   BREADCRUMBS / HEADINGS
   =========================== */
.breadcrumbs, .breadcrumb, .breadcrumbs-container,
.page-heading-wrapper .breadcrumbs, .productView-breadcrumbs {
  display: none !important; }

.page-heading, .page-title, .page-heading-wrapper, .category-title, .category-heading, .section-title,
.page-type-category h1.page-heading, .page-type-page h1.page-heading, .page-type-product-list h1.page-heading {
  display: none !important; }

/* ===========================
   PRODUCT PAGE (PDP)
   =========================== */
body.page-type-product {
  background: linear-gradient(180deg, var(--rh-cream-2) 0%, var(--rh-white) 88%); }

/* Soft white card look */
.page-type-product .productView-details,
.page-type-product .productView-description,
.page-type-product .tab,
.page-type-product .productView-images {
  background: #fff;
  border: 1.5px solid var(--rh-peach-200);
  border-radius: 16px;
  box-shadow: 0 10px 24px rgba(245, 180, 157, 0.14); }

/* Title + price colors */
.page-type-product .productView-title {
  color: var(--rh-ink);
  font-weight: 800; }

.page-type-product .productView-price {
  color: var(--rh-accent);
  font-weight: 700; }

/* PDP title = ALL CAPS + centered */
.page-type-product h1.productView-title,
.page-type-product .productView-title {
  text-transform: uppercase !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  color: var(--rh-ink) !important;
  text-align: center !important;
  margin-bottom: 8px !important;
  font-size: clamp(24px, 4.5vw, 32px) !important; }

/* PDP buttons — shared geometry */
#form-action-addToCart,
[data-wishlist-add],
.productView-options .form-action button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Poppins',system-ui,sans-serif !important;
  font-weight: 500 !important;
  border-radius: 10px !important;
  padding: 12px 24px !important;
  font-size: 15px !important;
  letter-spacing: .2px !important;
  transition: all .25s ease-in-out !important;
  cursor: pointer !important;
  width: auto !important;
  margin: 8px auto !important;
  text-align: center !important; }

/* Add to My Bag — SOFT COCOA GRADIENT (refined final) */
#form-action-addToCart {
  background: linear-gradient(180deg, #9C6B5E 0%, #7A4B43 100%) !important;
  border: 1px solid #8A5A4D !important;
  color: #FFF3EE !important;
  box-shadow: 0 3px 8px rgba(174, 111, 92, 0.12) !important; }

#form-action-addToCart:hover {
  background: linear-gradient(180deg, #8B5B4E 0%, #6F3B44 100%) !important;
  border-color: #7A4B43 !important;
  transform: translateY(-1px) !important; }

#form-action-addToCart[disabled],
#form-action-addToCart:disabled {
  opacity: .65 !important;
  background: linear-gradient(180deg, #B48A7F 0%, #A1766B 100%) !important;
  border-color: #9C6C5F !important;
  color: #FFF3EE !important;
  pointer-events: none !important; }

/* Keep On My Radar — pill outline + centered heart (refined) */
.productView-options [data-wishlist-add] {
  background: #FFF8F6 !important;
  border: 1px solid #F4C8B5 !important;
  color: #7A4B43 !important;
  position: relative !important;
  width: 100% !important;
  max-width: 320px !important;
  border-radius: 9999px !important;
  margin: 10px auto 18px !important;
  padding: 12px 20px 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: transform .2s ease, background .2s ease, border-color .2s ease !important; }

.productView-options [data-wishlist-add]:hover {
  background: #FFEFE9 !important;
  border-color: #EABFAF !important;
  color: #633531 !important;
  transform: translateY(-1px) !important; }

.productView-options [data-wishlist-add]::after {
  content: "♡";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4px;
  font-size: 15px;
  color: #E08E73;
  line-height: 1;
  pointer-events: none; }

.productView-options [data-wishlist-add] .icon,
.productView-options [data-wishlist-add] svg {
  display: none !important; }

/* Keep your pills untouched (elsewhere) */
.rh-pill {
  border-radius: 9999px !important; }

/* Center the size dropdown */
.productView-options .form-select,
.productView-options .form-field[data-product-attribute="set-rectangle"] select,
.productView-options .form-field[data-product-attribute="set-radio"] select {
  text-align: center !important;
  font-size: 14px !important;
  color: #6F3B44 !important;
  border: 1px solid #F2C3B1 !important;
  border-radius: 8px !important;
  background: #FFF9F7 !important; }

/* Description area centered + nice bullets */
.productView-description,
#tab-description {
  text-align: center !important; }

.productView-description ul,
#tab-description ul {
  list-style-position: inside;
  padding-left: 0 !important;
  margin: 0 auto 1em auto;
  display: inline-block;
  text-align: left; }

.productView-description li,
#tab-description li {
  text-align: left;
  margin: 4px 0;
  padding: 0;
  max-width: 700px; }

/* ===== RH: NUKE BUTTON ITALICS (GLOBAL, HARD OVERRIDE) ===== */
button,
.button,
a.button,
.btn,
.button--primary,
.button--secondary,
.button--tertiary,
.button--default,
.button--tiny,
.button--small,
.button--large,
input[type="submit"],
input[type="button"],
.productView .button,
.card .button,
.form-actions .button,
.quickview,
.add-to-cart,
.add-to-cart .button {
  font-family: 'Poppins', system-ui, sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  text-transform: none !important; }

button *, .button *, .btn *, a.button * {
  font-style: normal !important;
  font-family: inherit !important; }

.button--link, .button--text, a.button--link, a.button--text {
  font-style: normal !important;
  font-family: 'Poppins', system-ui, sans-serif !important; }

/* === RH — FORCE exact 2px stack between Size + Add === */
.page-type-product .productView-options {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important; }

.page-type-product .productView-options .form-field[data-product-attribute],
.page-type-product .productView-options .form-action {
  margin: 0 !important;
  padding: 0 !important; }

.page-type-product .productView-options .form-field[data-product-attribute] {
  margin-bottom: 2px !important; }

.page-type-product .productView-options .form-select,
.page-type-product .productView-options select {
  width: 100% !important;
  display: block !important; }

.page-type-product #form-action-addToCart {
  width: 100% !important;
  margin: 0 !important;
  display: block !important; }

/* ===== RH — EMERGENCY HOTFIX (kept) ===== */
.breadcrumbs, .breadcrumb, .breadcrumbs-container,
.page-heading-wrapper .breadcrumbs, .productView-breadcrumbs {
  display: none !important; }

.productView-description, #tab-description {
  text-align: center !important; }

.productView-description ul, #tab-description ul {
  list-style-position: inside;
  padding-left: 0 !important;
  margin: 0 auto 1em;
  display: inline-block;
  text-align: left; }

.productView-description li, #tab-description li {
  text-align: left;
  margin: 4px 0;
  max-width: 700px; }

button, .button, .btn, a.button, input[type="submit"], input[type="button"] {
  font-family: 'Poppins',system-ui,sans-serif !important;
  font-style: normal !important;
  text-transform: none !important;
  font-weight: 500 !important; }

/* ===========================
   PLP: uniform buttons + hide Compare + menu tweaks
   =========================== */
/* Lock both PLP buttons to the same full width (all grid-like pages) */
.page-type-category .productGrid .card .card-body .button,
.page-type-brand .productGrid .card .card-body .button,
.page-type-search .productGrid .card .card-body .button,
.page-type-product-list .productGrid .card .card-body .button,
.productGrid .card .card-body .button {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important; }

/* Hide Compare everywhere on PLP */
.productGrid .card .card-compare,
label.card-compare,
.card-compare,
.compare,
.compare-link,
.productCompare,
[data-test="compare-products"],
[data-action="compare"],
input[type="checkbox"][name="compare"],
[id^="compare-"],
[for^="compare-"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important; }

/* ===== Rebel House — Remove plain text subcategory lists ===== */
.page-type-category .subcategory-list,
.page-type-category .subcategoryList,
.page-type-category .subcategoryGrid,
.page-type-category .categoryGrid {
  display: none !important; }

.page-type-category h1 + ul,
.page-type-category h1 + ol,
.page-type-category .page-heading + ul,
.page-type-category .page-heading + ol {
  display: none !important; }

ul:has(+ #rh-subcat-cards),
ol:has(+ #rh-subcat-cards) {
  display: none !important; }

*:has(> ul):has(+ #rh-subcat-cards),
*:has(> ol):has(+ #rh-subcat-cards) {
  display: none !important; }

.page-type-category main ul:has(a[href^="/girls/"]),
.page-type-category main ul:has(a[href^="/boys/"]),
.page-type-category main ul:has(a[href^="/baby/"]),
.page-type-category main ul:has(a[href^="/ladies/"]) {
  display: none !important; }

#rh-subcat-cards ul, #rh-subcat-cards ol {
  display: revert !important; }

#rh-subcat-cards {
  margin-top: 10px !important; }

/* Merry Made Magic block styles (safe to keep) */
.mmm-wrap {
  font-family: Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color: #5a463b;
  text-align: center; }

.mmm-hero {
  background: linear-gradient(135deg, #fdeee5, #efe7ff);
  border-radius: 22px;
  padding: 32px 22px;
  margin: 10px 0 20px;
  border: 1px solid #f0dcd2;
  box-shadow: 0 8px 20px rgba(244, 205, 195, 0.35); }

.mmm-badge {
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #ecd7cf;
  color: #8a6b57;
  margin-bottom: 12px; }

.mmm-title {
  font-weight: 800;
  font-size: 40px;
  line-height: 1.1;
  margin: 0 0 8px;
  color: #5a463b; }

.mmm-sub {
  font-size: 17px;
  opacity: .9;
  margin: 0 0 18px; }

.mmm-count {
  font-weight: 700;
  font-size: 16px;
  color: #b4552a;
  background: #fff;
  display: inline-block;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px dashed #ffd2c0; }

.mmm-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 16px; }

.mmm-pill {
  padding: 10px 14px;
  border: 1px solid #e7d7ff;
  border-radius: 999px;
  background: #fff;
  color: #6a5a99;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none; }

.mmm-pill:hover {
  background: #f4efff; }

.mmm-card {
  background: #fff;
  border: 1px solid #f0e6e0;
  border-radius: 18px;
  padding: 20px;
  margin: 18px auto;
  max-width: 700px; }

.mmm-card h4 {
  margin: 0 0 8px;
  font-size: 18px;
  color: #c25c47; }

.mmm-card p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #6e4a3c; }

.mmm-anchor {
  position: relative;
  top: -10px; }

@media (min-width: 768px) {
  .mmm-title {
    font-size: 48px; }
  .mmm-sub {
    font-size: 18px; } }

.navPages a[href$="/merry-made-magic/dresses/"],
.navPages a[href$="/merry-made-magic/nightgowns/"],
.navPages a[href$="/merry-made-magic/pajamas/"],
.navPages a[href="/merry-made-magic/"] {
  display: none !important; }

.megaMenu a[href$="/merry-made-magic/dresses/"],
.megaMenu a[href$="/merry-made-magic/nightgowns/"],
.megaMenu a[href$="/merry-made-magic/pajamas/"] {
  display: none !important; }

/* ===========================
   DESKTOP HAMBURGER: keep desktop links + enable drawer
   =========================== */
/* 0) Make sure your normal desktop links show (undo any earlier hide) */
@media (min-width: 801px) {
  .navPages-list {
    display: flex !important; } }

/* 1) Show the hamburger icon on desktop too */
@media (min-width: 801px) {
  .mobileMenu-toggle {
    display: block !important; } }

/* 2) Let the mobile drawer work on desktop when opened by the theme JS */
@media (min-width: 801px) {
  /* Keep drawer below header while closed; theme will flip visibility when opened */
  .mobileMenu {
    z-index: 9999 !important; }
  .header, .navPages {
    position: relative !important;
    z-index: 1000 !important; } }

/* 3) Safety: if any overlay is accidentally left visible while closed, disable its hitbox */
@media (min-width: 801px) {
  body:not(.has-activeNavPages) .mobileMenu-overlay {
    pointer-events: none !important; } }

/* 4) Optional: slightly enlarge hamburger icon for desktop */
@media (min-width: 801px) {
  .mobileMenu-toggle {
    transform: scale(1.05); } }

/* ===== REBEL HOUSE — keep only one hamburger on desktop ===== */
@media (min-width: 801px) {
  /* If two toggles appear, this keeps only the first functional one */
  .header .mobileMenu-toggle + .mobileMenu-toggle {
    display: none !important; }
  /* If the non-working one uses a different selector (for example .navPages-toggle), hide that instead */
  .navPages-toggle,
  .header .navToggle,
  .header [aria-label="Menu"] {
    display: none !important; } }

/* ===== REBEL HOUSE — Hide duplicate top hamburger ===== */
@media (min-width: 801px) {
  .header-logo-left.mobileMenu-toggle {
    display: none !important; } }

/* RH: restore font size for our injected desktop drawer */
.navPages .rh-side-nav,
.navPages .rh-side-nav a {
  font-size: 15px !important;
  line-height: 1.35 !important; }

.shipping-method-name {
  display: flex;
  justify-content: space-between;
  width: 100%; }
