/* ==========================================================================
   Doris was not meat — brand theme (main adoption site)
   Loaded after every other stylesheet. To revert the whole look, remove the
   <link ... theme.css> line from each page.
   Selectors start with "html body" so they win over the page's own inline
   styles and the footer / mailing-list / login fragments loaded later.
   ========================================================================== */

:root {
  --doris-orange: #fe9d00;      /* logo orange: buttons, highlights */
  --doris-orange-dark: #e88f00; /* button hover */
  --doris-orange-text: #a85a00; /* orange text on light backgrounds (4.7:1) */
  --doris-ink: #414143;         /* logo charcoal: main text */
  --doris-ink-soft: #6a686b;    /* secondary text */
  --doris-cream: #fbf6ee;       /* page background */
  --doris-cream-2: #f4ebdc;     /* section tint */
  --doris-line: #e6dccb;        /* dividers */
  --doris-card: #ffffff;
  --doris-dark: #2f2e30;        /* footer, dark panels */
  --doris-radius: 14px;
  --doris-shadow: 0 6px 20px rgba(65, 65, 67, 0.08);
}

/* ---------- Page ---------- */
html body { background: var(--doris-cream); color: var(--doris-ink); }
html body .page-home {
  background: var(--doris-cream) !important;
  background-image: none !important;
}
html body .page-home .container { color: var(--doris-ink); }
html body .fyellow { color: var(--doris-orange-text); }
html body .bgtellow { background: var(--doris-orange); color: var(--doris-ink); }

/* ---------- Header ---------- */
html body #header .col-md-12 { border-bottom: 1px solid var(--doris-line); }
html body #header .header-lf { width: auto !important; max-width: none !important; max-height: none !important; }
html body #header .header-lf img { height: 72px; width: auto; max-width: none; display: block; }
html body .header-login .login-btn { color: var(--doris-ink); }
html body .sign-up-btn,
html body .show-pc.member-btn {
  background: var(--doris-orange) !important;
  color: var(--doris-ink) !important;
  font-weight: 700;
}
html body .sign-out-btn { color: var(--doris-ink-soft); }
html body .header-login .user-btn { color: var(--doris-orange-text); }
@media screen and (max-width: 1048px) {
  html body #header .header-lf img { height: 56px; }
}

/* ---------- Buttons (replace the gradient button images) ---------- */
html body .search-btn,
html body .more-btn,
html body .tks-btn,
html body .summary-btn,
html body .sponsor-btn,
html body .btn-login,
html body .email-btn {
  background: var(--doris-orange) !important;
  background-image: none !important;
  color: var(--doris-ink) !important;
  font-weight: 700;
  border: none;
  transition: background 0.2s, transform 0.2s;
}
html body .search-btn:hover,
html body .more-btn:hover,
html body .tks-btn:hover,
html body .summary-btn:hover,
html body .sponsor-btn:hover,
html body .btn-login:hover,
html body .email-btn:hover,
html body .sign-up-btn:hover { background: var(--doris-orange-dark) !important; }
html body .clear-btn {
  background: var(--doris-orange) !important;
  background-image: none !important;
  color: var(--doris-ink);
}
html body .clear-btn .clear-btnbg { color: var(--doris-ink); }

/* ---------- Collection intro (Xiao Qi / Patron) ---------- */
html body .top-con { border-bottom-color: var(--doris-line); border-bottom-style: solid; border-bottom-width: 1px; }
html body .top-con-tit { color: var(--doris-ink); }
html body .top-con-subtit { color: var(--doris-orange-text); }
html body .top-con-des { color: var(--doris-ink); line-height: 1.6; }
html body .page-home .swiper-button-next,
html body .page-home .swiper-button-prev { color: var(--doris-ink); }

/* ---------- Find my dog filters ---------- */
html body .search-tit { color: var(--doris-ink); font-weight: 700; }
html body .list-con .select-con { color: var(--doris-ink); }
html body .list-con .filter::after { border-top-color: var(--doris-ink); }
html body .list-con .filter select option { color: var(--doris-ink); background: #fff; }
html body .popup-search-con .filter { background: var(--doris-orange); }
html body .popup-search-con .select-con,
html body .popup-search-con .filter select { color: var(--doris-ink); }
html body .popup-search-con .filter::after { border-top-color: var(--doris-ink); }
html body .popup-search-close { background: var(--doris-ink); }
html body .search-label { color: var(--doris-orange-text); }

/* ---------- Dog tiles (listing + "sponsor another dog") ---------- */
html body .search-item,
html body .list-con .swiper-wrapper .search-link {
  background: var(--doris-card);
  border-radius: var(--doris-radius);
  box-shadow: var(--doris-shadow);
  padding: 12px 12px 18px;
  transition: transform 0.2s, box-shadow 0.2s;
}
html body .search-item:hover,
html body .list-con .swiper-wrapper .search-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 26px rgba(65, 65, 67, 0.14);
}
html body .search-item img,
html body .list-con-swiper img,
html body .mouseover-show { border: none !important; border-radius: 10px; }
html body .search-item-tit,
html body .item-tit { color: var(--doris-ink) !important; font-weight: 700; }
html body .search-item-des,
html body .item-des {
  color: var(--doris-orange-text) !important;
  background: none !important;
  font-weight: 700;
}
html body .swiper-pagination-bullet-active { background: var(--doris-orange); }
html body .list-con-tit { color: var(--doris-ink); }

@media screen and (max-width: 768px) {
  html body .search-item {
    background: var(--doris-card);
    padding: 8px 8px 14px;
  }
  html body .search-item-tit,
  html body .item-tit { color: var(--doris-ink) !important; }
  html body .search-item-des,
  html body .item-des {
    display: inline-block;
    color: var(--doris-ink) !important;
    background: var(--doris-orange) !important;
  }
  html body .search.bgtellow { color: var(--doris-ink); font-weight: 700; }
  html body .list-con .swiper-wrapper .search-link { background: var(--doris-card); }
  html body .list-con-tit.fontsize30 { color: var(--doris-ink); }
}

/* ---------- Dog detail page ---------- */
html body .left-top-img img { border: none; border-radius: 10px; box-shadow: var(--doris-shadow); }
html body .t-bottom-price { color: var(--doris-orange-text); }
html body .t-bottom-center { color: var(--doris-ink) !important; }
html body .top-right .summary-con,
html body .popup-sponsor-con { background: var(--doris-dark); border-radius: var(--doris-radius); overflow: hidden; }
html body .summary-con > div:not([class]) { background: #3a393b !important; }
html body .summary { background: transparent; color: #c9c6c2; }
html body .upgrade { border-top: 1px solid rgba(255, 255, 255, 0.08); }
/* the upgrade arrow is a blue image: tint it orange */
html body .upgrade-icon { filter: grayscale(1) sepia(1) saturate(6) hue-rotate(-12deg) brightness(1.05); }
html body .summary-tit { color: var(--doris-orange); }
html body .upgrade-tit,
html body .upgrade-price-item,
html body .amount-input input { color: var(--doris-orange); }
html body .upgrade-note { color: #b9b5b0; }
html body .upgrade-summary,
html body .total-summary { background: #252426; color: var(--doris-orange); }
html body .price-point-active { border-color: var(--doris-orange); }
html body .popup-sponsor-close { background: var(--doris-orange); color: var(--doris-ink); }
@media screen and (max-width: 768px) {
  html body .left-top-con .top-num { background: var(--doris-orange); color: var(--doris-ink); }
  html body .top-con-tit { color: var(--doris-ink) !important; }
  html body .t-bottom-left .top-con-subtit { color: var(--doris-orange-text); border-bottom-color: var(--doris-line); }
  html body .swiper-button-next,
  html body .swiper-button-prev { color: var(--doris-orange-text); }
}

/* ---------- Member centre ---------- */
html body .list-header {
  background: var(--doris-dark) !important;
  background-image: none !important;
}
html body .list-header-con { color: #ffffff; }
html body .item-con { box-shadow: var(--doris-shadow); }
@media screen and (max-width: 768px) {
  html body .top-num { background: var(--doris-orange); color: var(--doris-ink); }
  html body .item-con-price { background: var(--doris-dark); }
  html body .top-con-des { border-bottom-color: var(--doris-line); }
}

/* ---------- Mailing list box ---------- */
html body .email-container {
  background: var(--doris-orange) !important;
  background-image: none !important;
  border-radius: var(--doris-radius);
}
html body .email-box { color: var(--doris-ink); }
html body .email-btn { background: var(--doris-ink) !important; color: #ffffff !important; }
html body .email-btn:hover { background: #2a2a2c !important; }
html body .input-box input { background: #ffffff; color: var(--doris-ink); }

/* ---------- Footer ---------- */
html body .footer-box {
  background: var(--doris-dark) !important;
  background-image: none !important;
  color: #ffffff;
}
html body .footer-btn img { opacity: 0.9; transition: opacity 0.2s; }
html body .footer-btn a:hover img { opacity: 1; }
html body .copyright { color: #c9c6c2; }

/* ---------- Login / sign-up popup and messages ---------- */
html body .login-con,
html body .sign-up-tks,
html body .form-err,
html body .page-txt-con { border-radius: var(--doris-radius); }
html body .login-input { border-color: var(--doris-line); }
html body .login-input input { color: var(--doris-ink); }
html body .login-txt .login-btn { color: var(--doris-orange-text); }
html body .popup-txt { color: var(--doris-ink); }