/* ======================================================
   HEIHOF ANTIEK — THEME v1.0
   Kleuren: Kastanjebruin & Goudbeige
   Typografie: Playfair Display / Lora
   ====================================================== */

/* ---------- 1. FONTS ---------- */
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,700;0,900;1,700&display=swap');

/* ---------- 2. KLEURVARIABELEN ---------- */
:root {
  --main-red: #800000;
  --dark-red: #600000;
  --accent-brown: #4d1f0a;
  --gold: #ffd1a4;
  --light-beige: #f4f1e0;
}

/* ---------- 3. BASIS RESET / ACHTERGROND ---------- */
body,
#page,
#wrapper,
#main,
#content-wrapper,
.container,
.breadcrumb-wrapper,
#footer {
  background-color: var(--main-red) !important;
  font-family: 'Lora', serif;
}

/* ---------- 4. HEADER & TOPBAR (WIT-LIJN FIX DEFINITIEF) ---------- */
.header-nav,
.header-nav .container,
.header-nav .row,
.header-top,
#mobile_top_menu_wrapper,
#_desktop_contact_link,
#_desktop_user_info {
  background-color: var(--main-red) !important;
  border: none !important;
  box-shadow: none !important;
}

.header-nav::before,
.header-nav::after,
.header-nav .container::before,
.header-nav .container::after {
  display: none !important;
  content: none !important;
}

.header-nav a,
.header-nav span,
.header-nav i {
  color: var(--gold) !important;
  font-size: 13px;
  text-decoration: none;
}

/* ---------- 5. LOGO ---------- */
#_desktop_logo img {
  filter: sepia(1) saturate(3) hue-rotate(-10deg) brightness(1.1);
  transition: filter .3s ease;
}

#_desktop_logo img:hover {
  filter: sepia(.6) brightness(1.2);
}

/* ---------- 6. HOOFDMENU ---------- */
#top-menu li a,
.top-menu a[data-depth="0"] {
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  color: var(--gold) !important;
  text-transform: uppercase;
}

/* ---------- 7. ZOEKVELD ---------- */
.search-widget input[type="text"] {
  background-color: var(--light-beige) !important;
  border: 2px solid var(--gold) !important;
  color: var(--accent-brown) !important;
  font-family: 'Lora', serif;
}

/* ---------- 8. WINKELWAGEN ---------- */
#_desktop_cart .blockcart {
  background-color: var(--accent-brown) !important;
  border: 1px solid var(--gold) !important;
  color: var(--gold) !important;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#_desktop_cart a {
  color: var(--gold) !important;
  text-decoration: none;
}

/* ---------- 9. TITELS ---------- */
h1, h2, h3,
.products-section-title,
.h1, .h2 {
  font-family: 'Playfair Display', serif;
  color: var(--gold) !important;
  text-transform: uppercase;
  text-align: center;
}

/* ---------- 10. BANNER ---------- */
.banner img {
  filter: sepia(.8) hue-rotate(-40deg) contrast(1.1);
}

/* ---------- 11. PRODUCTKAARTEN ---------- */
.product-miniature,
.thumbnail-container {
  background-color: var(--gold) !important;
  border: 1px solid var(--accent-brown);
  margin-bottom: 25px;
  /* subtiel vitrine-effect */
  box-shadow: inset 0 0 0 1px rgba(77,31,10,.2);
}

.product-description {
  background-color: #f1d5b5 !important;
  padding: 15px;
  border-top: 1px solid var(--accent-brown);
}

.product-title a {
  font-family: 'Playfair Display', serif;
  color: var(--accent-brown) !important;
  font-weight: bold;
}

.product-price {
  color: var(--main-red) !important;
  font-weight: 800;
}

/* ---------- 12. CMS / CUSTOM TEKST BLOKKEN ---------- */
.custom-text,
.cms-block,
.block-cms {
  background-color: var(--gold) !important;
  color: var(--accent-brown) !important;
  padding: 3rem;
  border: 3px double var(--accent-brown);
  margin: 20px 0;
}

.custom-text h1,
.custom-text h2,
.custom-text p {
  color: var(--accent-brown) !important;
}

/* ---------- 13. NIEUWSBRIEF ---------- */
.block_newsletter {
  background-color: var(--gold) !important;
  border-top: 5px solid var(--accent-brown);
  padding: 40px 0;
}

.block_newsletter p,
.block_newsletter h3 {
  color: var(--accent-brown) !important;
}

.block_newsletter input {
  background-color: var(--light-beige) !important;
  border: 1px solid var(--accent-brown);
  color: var(--accent-brown);
}

.block_newsletter .btn-primary {
  background-color: var(--accent-brown) !important;
  color: var(--gold) !important;
  text-transform: uppercase;
}

.block_newsletter .btn-primary:hover {
  background-color: var(--main-red) !important;
}

/* ---------- 14. FOOTER ---------- */
.footer-container {
  background-color: var(--main-red) !important;
  padding-top: 50px;
}

footer h3 {
  color: var(--gold) !important;
  border-bottom: 1px solid var(--accent-brown);
}

footer a {
  color: var(--light-beige) !important;
}

footer a:hover {
  color: var(--gold) !important;
  text-decoration: underline;
}

/* ---------- 15. COPYRIGHT ---------- */
.footer-after {
  background-color: var(--dark-red) !important;
  padding: 20px 0;
}

.footer-after,
.footer-after a {
  color: var(--gold) !important;
  font-size: 13px;
  text-align: center;
}

/* ---------- 16. CATEGORIEPAGINA ---------- */
#left-column,
.block-category,
.facet {
  background-color: var(--gold) !important;
  color: var(--accent-brown) !important;
  border: 1px solid var(--accent-brown);
  padding: 20px;
}

.breadcrumb a,
.breadcrumb span {
  color: var(--gold) !important;
}

.products-selection {
  background: transparent !important;
  color: var(--gold) !important;
}

/* =========================================
   LOGIN / ACCOUNT – HARD FIX (GEEN WIT)
   ========================================= */

/* Pagina-achtergrond */
.page-authentication,
.page-customer-account,
#authentication {
  background-color: #800000 !important;
}

/* Het witte hoofdvlak */
.page-authentication .card,
.page-authentication .page-content,
.page-authentication .login-form,
.page-authentication .register-form,
#authentication .card {
  background-color: #ffd1a4 !important;
  border: 2px solid #4d1f0a !important;
  box-shadow: none !important;
}

/* Titel */
.page-authentication h1,
.page-authentication h2 {
  color: #4d1f0a !important;
  font-family: "Playfair Display", serif !important;
  text-transform: uppercase;
}

/* Labels */
.page-authentication label {
  color: #4d1f0a !important;
  font-weight: bold;
}

/* Inputvelden */
.page-authentication input[type="email"],
.page-authentication input[type="password"],
.page-authentication input[type="text"] {
  background-color: #f4f1e0 !important;
  border: 1px solid #4d1f0a !important;
  color: #4d1f0a !important;
}

/* Knoppen (weg met cyaan) */
.page-authentication .btn,
.page-authentication .btn-primary {
  background-color: #4d1f0a !important;
  color: #ffd1a4 !important;
  border: none !important;
  text-transform: uppercase;
  font-weight: bold;
}

.page-authentication .btn-primary:hover {
  background-color: #800000 !important;
  color: #fff !important;
}

/* Links */
.page-authentication a {
  color: #800000 !important;
  text-decoration: underline;
}

.page-authentication a:hover {
  color: #4d1f0a !important;
}

/* Scheidingslijnen verwijderen */
.page-authentication hr {
  display: none !important;
}



/* ======================================================
   EINDE — HEIHOF ANTIEK v1.0
   ====================================================== */