/* VALKARA — compleet */

:root{
  --vk-paper:#F6F4F0; --vk-paper-2:#EFEDE7;
  --vk-ink:#201F1D; --vk-ink-soft:#4A4844;
  --vk-stone:#7E8B7F; --vk-stone-deep:#5E6B60;
  --vk-line:rgba(32,31,29,.14);
  --vk-serif:"Cormorant Garamond",Georgia,serif;
  --vk-sans:"Jost",system-ui,-apple-system,sans-serif;
}
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&family=Jost:wght@300;400;500&display=swap");

/* ---------- PRODUCTGRID ---------- */
.vk-grid, .hikashop_products{
  display:grid !important; grid-template-columns:repeat(3,1fr); gap:1.5rem;
  list-style:none; padding:0; margin:0;
}
@media(max-width:900px){ .vk-grid,.hikashop_products{grid-template-columns:repeat(2,1fr)} }
@media(max-width:520px){ .vk-grid,.hikashop_products{grid-template-columns:1fr 1fr; gap:1rem} }
.vk-card, .hikashop_product{
  background:#fff; border:1px solid var(--vk-line); border-radius:6px;
  overflow:hidden; display:flex; flex-direction:column; height:100%;
  transition:box-shadow .25s; width:auto; margin:0; float:none;
}
.vk-card:hover, .hikashop_product:hover{ box-shadow:0 22px 50px rgba(32,31,29,.10) }
.vk-card__media, .hikashop_product .hikashop_product_image{
  background:radial-gradient(55% 55% at 50% 45%,#fff,#f1efe9);
  padding:2rem 1rem 1.4rem; display:flex; justify-content:center; align-items:center;
  position:relative; text-align:center;
}
.vk-card__media img, .hikashop_product_image img, .hikashop_product_image_subdiv img{
  max-width:82%; height:auto; mix-blend-mode:multiply;
  transition:transform .3s; filter:drop-shadow(0 10px 14px rgba(32,31,29,.14));
}
.vk-card:hover .vk-card__media img, .hikashop_product:hover .hikashop_product_image img{
  transform:translateY(-3px) rotate(-1deg);
}
.vk-card__body, .hikashop_product .hikashop_subcontainer{
  padding:1.4rem 1.3rem 2.6rem; display:flex; flex-direction:column;
  gap:.5rem; align-items:center; text-align:center;
}
.vk-card__cat{ font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; color:var(--vk-stone-deep) }
.vk-card__title, .hikashop_product_name, .hikashop_product_name a{
  font-family:var(--vk-serif); font-weight:500; font-size:1.35rem; line-height:1.1;
  color:var(--vk-ink); text-decoration:none; margin:0;
}
.vk-card__desc{ color:var(--vk-ink-soft); font-size:.85rem; font-weight:300; line-height:1.5; margin-bottom:.4rem }
.vk-price, .hikashop_product_price, .hikashop_product_price_full{
  font-family:var(--vk-serif) !important; font-size:1.3rem !important; font-weight:500 !important;
  color:var(--vk-ink) !important;
}
.vk-btn, .hikashop_cart_button, .hikashop_product .add_to_cart, input.hikashop_cart_input_button{
  background:transparent !important; color:var(--vk-ink) !important;
  border:1px solid var(--vk-ink) !important; border-radius:100px !important;
  padding:.6rem 1.1rem !important; font-family:var(--vk-sans) !important;
  font-size:.74rem !important; letter-spacing:.14em !important; text-transform:uppercase !important;
  cursor:pointer; transition:.18s; width:100%; box-shadow:none !important;
}
.vk-btn:hover, .hikashop_cart_button:hover, input.hikashop_cart_input_button:hover{
  background:var(--vk-ink) !important; color:var(--vk-paper) !important;
}

/* ---------- PRODUCTPAGINA ---------- */
.vk-pd{ display:grid; grid-template-columns:1.05fr 1fr; gap:3rem; align-items:start }
@media(max-width:820px){ .vk-pd{grid-template-columns:1fr; gap:1.5rem} }
.vk-pd__gallery{ background:radial-gradient(60% 55% at 50% 42%,#fff,var(--vk-paper-2));
  border-radius:8px; padding:2.5rem; display:flex; justify-content:center; align-items:center }
.vk-pd__gallery img, .hikashop_product_main_image_div img{ max-width:100%; height:auto;
  mix-blend-mode:multiply; filter:drop-shadow(0 18px 26px rgba(32,31,29,.16)) }
.vk-pd__eyebrow{ color:var(--vk-stone-deep); letter-spacing:.2em; text-transform:uppercase; font-size:.7rem }
.vk-pd__title, .hikashop_product_page .hikashop_product_name{
  font-family:var(--vk-serif); font-weight:500; font-size:2.6rem; line-height:1.05; margin:.3rem 0 .6rem }
.vk-pd__price{ font-family:var(--vk-serif); font-size:1.9rem; margin:.4rem 0 1.2rem }
.vk-pd__desc{ color:var(--vk-ink-soft); font-weight:300; line-height:1.7 }
.vk-hallmark{ display:inline-flex; align-items:center; gap:.5rem; border:1px solid var(--vk-line);
  border-radius:100px; padding:.3rem .8rem; font-size:.7rem; letter-spacing:.2em; color:var(--vk-ink-soft) }
.hikashop_checkout_button, button.hikashop_checkout_button, input.hikashop_checkout_button{
  background:var(--vk-ink) !important; color:var(--vk-paper) !important; border:none !important;
  border-radius:100px !important; padding:.85rem 1.6rem !important;
  text-transform:uppercase; letter-spacing:.14em; font-size:.8rem;
}

/* ============================================================
   HEADER (Cassiopeia)
   ============================================================ */
body.site{ background:var(--vk-paper); color:var(--vk-ink); font-family:var(--vk-sans); }
.site h1,.site h2,.site h3{ font-family:var(--vk-serif); font-weight:500; }

header.header.container-header{
  background:#181715 !important;
  border-bottom:1px solid rgba(243,237,228,.14);
  padding:14px max(1rem, calc((100% - 1310px)/2));
  box-sizing:border-box;
}
.header .brand-logo img, .header .logo img{ max-height:80px; width:auto; }
.header .navbar a, .header .mod-menu a{
  color:var(--vk-paper); opacity:.75; text-transform:uppercase; letter-spacing:.12em; font-size:.82rem;
}
.header .navbar a:hover, .header .navbar .active > a{ opacity:1; color:#fff; }
.header .navbar-toggler{ color:var(--vk-paper); border:1px solid rgba(243,237,228,.6); }
.header .navbar-toggler-icon{ filter:invert(1); }

/* DESKTOP: logo links, menu rechts */
@media (min-width:992px){
  header.header.container-header{ display:flex !important; align-items:center; }
  header.header.container-header > .container-nav{ margin-left:auto; }
}

/* Donkere secties + footer */
.vk-dark, [class*="vk-dark"]{ background:var(--vk-ink) !important; color:var(--vk-paper) !important; }
.container-footer, .footer, footer.footer{ background:var(--vk-ink) !important; color:#b7a99c !important; }
.container-footer a, .footer a{ color:var(--vk-paper) !important; text-decoration:none; }

@media (max-width:991px){
  .header.container-header{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .header .container-nav{ width:auto; margin-left:auto; }
  .header .navbar{ width:auto; }
  .header .navbar-toggler{ margin:0 !important; }
}
/* Home slider */
.vk-slider{
  position:relative;
  width:103vw;
  left:50%;
  margin-left:-51.5vw;
  height:70vh;
  max-height:640px;
  overflow:hidden;
}
.vk-slide{
  position:absolute; inset:0; background-size:cover; background-position:center;
  opacity:0; animation:vkfade 18s infinite;
}
.vk-slide:nth-child(1){ animation-delay:0s; }
.vk-slide:nth-child(2){ animation-delay:6s; }
.vk-slide:nth-child(3){ animation-delay:12s; }
@keyframes vkfade{
  0%{opacity:0} 5%{opacity:1} 33%{opacity:1} 38%{opacity:0} 100%{opacity:0}
}
@media(max-width:768px){
  .vk-slider{ height:28vh; max-height:280px; }
  .vk-slide{ background-position:center center; }
}
@media(max-width:480px){
  .vk-slider{ height:28vh; max-height:220px; }
}
/* Ruimte tussen slider en homepage-tekst */
.blog-featured{
  padding-top:4rem;
}
/* Home categorieblokken */
.vk-cats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.2rem;
  max-width:1200px;
  margin:2rem auto 5rem;
  padding:0 1.5rem;
}
.vk-cat{
  text-decoration:none;
  color:var(--vk-ink);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.9rem;
}
.vk-cat__img{
  width:100%;
  aspect-ratio:1;
  background-size:cover;
  background-position:center;
  border-radius:6px;
  transition:transform .3s, box-shadow .3s;
}
.vk-cat:hover .vk-cat__img{
  transform:translateY(-4px);
  box-shadow:0 18px 40px rgba(32,31,29,.14);
}
.vk-cat__name{
  font-family:var(--vk-serif);
  font-size:1.25rem;
  font-weight:500;
  letter-spacing:.02em;
}
@media(max-width:768px){
  .vk-cats{ grid-template-columns:1fr 1fr; gap:1rem; margin:1.5rem auto 3.5rem; }
}
/* ===== Mobiel off-canvas menu ===== */
.vk-burger, .vk-nav-overlay, .vk-nav-panel{ display:none; }
.vk-nav-toggle{ position:absolute; opacity:0; pointer-events:none; }

@media (max-width:991px){
  header.header.container-header .container-nav{ display:none !important; }

  .vk-burger{
    display:flex; flex-direction:column; justify-content:center; gap:5px;
    width:46px; height:46px; padding:11px; border:1px solid rgba(243,237,228,.5);
    border-radius:8px; cursor:pointer; position:fixed; top:40px; right:16px; z-index:1002;
    background:#181715;
  }
  .vk-burger span{ display:block; height:2px; background:#F6F4F0; border-radius:2px; }

  .vk-nav-overlay{
    display:block; position:fixed; inset:0; background:rgba(0,0,0,.5);
    opacity:0; visibility:hidden; transition:.3s; z-index:1003; border:0;
  }
  .vk-nav-panel{
    display:block; position:fixed; top:0; left:0; height:100%; width:min(82vw,330px);
    background:#181715; z-index:1004; transform:translateX(-100%); transition:transform .32s ease;
    overflow-y:auto;
  }
  .vk-nav-head{
    display:flex; align-items:center; justify-content:space-between;
    padding:1.4rem 1.5rem; border-bottom:1px solid rgba(243,237,228,.14);
  }
  .vk-nav-head span{ font-family:var(--vk-serif); font-size:1.35rem; color:#F6F4F0; letter-spacing:.04em; }
  .vk-nav-close{ font-size:2rem; line-height:1; color:#F6F4F0; cursor:pointer; }
  .vk-nav-panel a{
    display:block; padding:1.05rem 1.5rem; color:#F6F4F0; text-decoration:none;
    font-family:var(--vk-sans); letter-spacing:.12em; text-transform:uppercase; font-size:.9rem;
    border-bottom:1px solid rgba(243,237,228,.10);
  }
  .vk-nav-panel a:hover{ background:rgba(243,237,228,.06); }

 body:has(.vk-nav-toggle:checked) .vk-nav-overlay{ opacity:1; visibility:visible; }
  body:has(.vk-nav-toggle:checked) .vk-nav-panel{ transform:translateX(0); }
  }

/* Mobiel-menu-onderdelen verbergen op desktop */
@media (min-width:992px){
  .vk-burger,
  .vk-nav-overlay,
  .vk-nav-panel,
  .vk-nav-toggle{
    display:none !important;
  }
}
/* Voorkom horizontale overloop door 100vw-slider */
html, body{ overflow-x:hidden; max-width:100%; }
.site-grid{ overflow-x:hidden; }

body{ overflow-x:clip; }
.site-grid, .container-component{ overflow-x:clip; }

/* =========================================================
   RUIMTE TUSSEN INTROTEKST EN "DISCOVER THE COLLECTION"
   ---------------------------------------------------------
   Waar   : Homepage — ruimte bóven de module "Discover the Collection"
   Hoe    : Die module heeft in Joomla de klasse 'collection-space'
            (Module bewerken > tabblad Geavanceerd > veld "Module class").
   Wijzig : Pas de waarde hieronder aan — hoger = meer ruimte.
   Let op : Na elke wijziging ?v= ophogen in index.php (anders cache).
   Datum  : 2026-07-31
   ========================================================= */
.collection-space {
  margin-top: 3rem; /* ~48px — probeer 2rem (minder) of 4rem / 5rem (meer) */
}
/* =========================================================
   VOLLE-BREEDTE VIDEO onder "Discover the Collection"
   Waar : Homepage, Custom HTML-module met de klasse vk-video-full
   Datum: 2026-07-31
   ========================================================= */
.vk-video-full {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  line-height: 0;
}
.vk-video-full video {
  width: 100%;
  height: clamp(240px, 45vh, 520px);  /* bandhoogte desktop: min 240px, max 520px */
  object-fit: cover;                  /* vult de breedte, snijdt boven/onder bij */
  display: block;
}
@media (max-width: 768px){
  .vk-video-full video{ height: 200px; }  /* compacter op mobiel */
}
/* ===== FOOTER kolommen (Logo / Quick Links / Help / About) ===== */
.vk-foot { padding: .5rem 1rem; font-size: .95rem; }
.vk-foot-h { font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 .8rem; }
.vk-foot-list { list-style: none; margin: 0; padding: 0; }
.vk-foot-list li { margin: .35rem 0; }
.vk-foot-list a { text-decoration: none; opacity: .85; }
.vk-foot-list a:hover { opacity: 1; text-decoration: underline; }
.vk-foot-brand { display: flex; flex-direction: column; gap: .4rem; }
.vk-foot-logo { width: 96px; height: auto; }
.vk-foot-name { font-size: 1.2rem; letter-spacing: .15em; }
.vk-foot-tag { font-size: .8rem; opacity: .7; }
.vk-foot-col { align-self: start; }
/* Footer op mobiel: alles netjes onder elkaar, links uitgelijnd */
@media (max-width: 782px){
  :has(> * > .vk-foot),
  :has(> .vk-foot){ display:block !important; }
  .vk-foot{ text-align:left; padding:.75rem 1rem 1.25rem; }
  .vk-foot-brand{ align-items:flex-start; }
}

/* forceer footer-kolommen bovenaan, ongeacht de container-naam */
:has(> * > .vk-foot),
:has(> .vk-foot) { align-items: flex-start !important; }

/* ===== SIZE GUIDE (ring & bracelet) ===== */
.vk-guide{max-width:1100px;margin:0 auto;padding:1rem 0;}
.vk-guide h2{font-size:2rem;font-weight:normal;margin:0 0 .3rem;}
.vk-guide .vk-guide-intro{font-size:1rem;color:#6a6a6a;margin:0 0 2.2rem;}
.vk-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.8rem;}
.vk-guide-col img{width:100%;height:auto;border-radius:6px;display:block;margin-bottom:1.1rem;}
.vk-guide-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#b08d57;font-weight:bold;margin-bottom:.5rem;}
.vk-guide-col h3{font-size:1.15rem;font-weight:normal;margin:0 0 .9rem;}
.vk-guide-list{list-style:none;margin:0;padding:0;}
.vk-guide-list li{position:relative;padding-left:1.7rem;margin:.55rem 0;line-height:1.45;color:#3a3a3a;}
.vk-guide-list li::before{content:"\2713";position:absolute;left:0;color:#b08d57;font-weight:bold;}
@media(max-width:700px){.vk-guide-grid{grid-template-columns:1fr;gap:2rem;}}

/* Size Guide-link op productpagina */
.vk-sizelink{font-size:.9rem;margin:.6rem 0 1rem;}
.vk-sizelink a{color:#b08d57;text-decoration:underline;}

/* ===== Footer copyright-balk ===== */
:has(> .vk-copyright){ flex-wrap:wrap !important; }   /* laat de balk naar een eigen rij zakken */
.vk-copyright{
  grid-column:1 / -1;                                  /* volle breedte in een grid-footer */
  flex-basis:100% !important; width:100% !important;   /* volle breedte in een flex-footer */
  text-align:center;
  margin-top:1.5rem;
  padding-top:1.2rem;
  border-top:1px solid rgba(243,237,228,.14);
  font-size:.78rem;
  opacity:.7;
}
.vk-copyright p{ margin:0; }

/* Logo gecentreerd op mobiel */
@media (max-width:991px){
  header.header.container-header > .grid-child:first-child,
  header.header.container-header .navbar-brand{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
    margin:0 !important;
  }
header.header.container-header > .grid-child:first-child{
    padding-right:3.5rem !important;   /* ruimte voor de hamburger rechts */
    padding-left:4.5rem !important;    /* ruimte voor de icoontjes links -> logo schuift naar rechts/midden */
  }
}

/* ===== USP-balk (tussen video en footer) ===== */
/* video en USP-balk strak onder elkaar, zonder cremestroken */
.container-bottom-b{ display:block !important; padding:0 !important; }
.container-bottom-b > *{ margin:0 !important; }

/* footer alleen omhoog op de homepage (waar de USP-balk staat) */
body:has(.vk-usp) .container-footer{ margin-top:-1.5rem !important; }

.vk-usp{
  width:100vw;
  margin-left:calc(50% - 50vw);            /* volle breedte, net als de video */
  background:#fff;
  padding:2.75rem max(1.5rem, calc((100vw - 1200px)/2));  /* inhoud gecentreerd tot 1200px */
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2rem;
  text-align:center;
}
.vk-usp__item{ display:flex; flex-direction:column; gap:.5rem; align-items:center; }
.vk-usp__item::before{ content:"\25C8"; color:#b08d57; font-size:1.1rem; }  /* ◈ */
.vk-usp__title{ font-family:var(--vk-serif); font-size:1.2rem; font-weight:500; color:var(--vk-ink); }
.vk-usp__text{ font-size:.85rem; color:var(--vk-ink-soft); line-height:1.5; max-width:22ch; }
@media(max-width:768px){ .vk-usp{ grid-template-columns:1fr 1fr; gap:1.5rem 1rem; padding:2rem 1rem; } }
@media(max-width:420px){ .vk-usp{ grid-template-columns:1fr; } }

/* =========================================================
   CONTACTFORMULIER — label van het introtekst-veld verbergen
   ---------------------------------------------------------
   Waar : Contactpagina, Convert Forms — het HTML-introveld
   Wat  : Verbergt de labelkolom van het HTML-veld, maar houdt
          de breedte, zodat de introtekst rechts blijft staan,
          uitgelijnd met de invulvakken.
   Hoe  : mikt op het veld via data-type="html" (Convert Forms),
          visibility:hidden i.p.v. display:none zodat de kolom
          z'n ruimte behoudt.
   Datum: 2026-08-01
   ========================================================= */
.cf-control-group[data-type="html"] .cf-control-label{ visibility:hidden; }

/* === MERK-BLOK OP PRODUCTPAGINA ============================
   "Handmade by" + Valkara-logo onder de Size Guide-link.
   Code staat in: html/com_hikashop/product/show_default.php
   Logo-bestand: /images/valkara-logo-dark.png
   Formaat aanpassen? wijzig height bij .vk-brand img
   ========================================================== */
.vk-brand{
  display:flex; align-items:center; gap:.7rem;
  margin-top:1.6rem; padding-top:1.2rem;
  border-top:1px solid #e7e3dc;
}
.vk-brand-label{
  font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:#8a8378;
}
.vk-brand img{ height:40px; width:auto; display:block; opacity:.9; }

/* ============================================================================
   WINKELMANDJE + ACCOUNT-ICOONTJES + MINI-CART + PRODUCTPAGINA-KNOP
   ----------------------------------------------------------------------------
   Cart = HikaShop-module (#hikashop_cart_module); account = Aangepaste HTML-
   module met <a class="vk-account"> erin. Beide zijn direct kind van <header>
   en worden absoluut vastgezet t.o.v. de header (desktop rechtsboven).
   Icoongrootte: width/height + background-size. Positie: de 'right'-waarden.
   ============================================================================ */
header.header.container-header{ position:relative; }

/* --- winkelmandje-icoon (desktop, rechts) --- */
#hikashop_cart_module{
  position:absolute; top:40%; right:30px; transform:translateY(-40%); margin:0; z-index:40;
}
#hikashop_cart_module .hikashop_small_cart_checkout_link{
  display:inline-block; width:28px; height:28px; font-size:0; line-height:0;
  color:transparent !important; text-decoration:none;
  background:no-repeat center/24px url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23EDE9E4%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M6%208h12l-1.2%2011.5H7.2z%27%2F%3E%3Cpath%20d%3D%27M9%208V6.2a3%203%200%200%201%206%200V8%27%2F%3E%3C%2Fsvg%3E");
}
#hikashop_cart_module .clear_both{ display:none; }

/* --- account-icoon (poppetje, links van het mandje) --- */
.mod-custom:has(> .vk-account){
  position:absolute; top:40%; right:72px; transform:translateY(-40%); margin:0; z-index:40;
}
.vk-account{
  display:inline-block; width:28px; height:28px; font-size:0; line-height:0;
  color:transparent !important; text-decoration:none;
  background:no-repeat center/23px url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23EDE9E4%27%20stroke-width%3D%271.5%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%278%27%20r%3D%273.6%27%2F%3E%3Cpath%20d%3D%27M4.5%2020c0-4%203.6-6%207.5-6s7.5%202%207.5%206%27%2F%3E%3C%2Fsvg%3E");
}
.vk-account:hover,
#hikashop_cart_module .hikashop_small_cart_checkout_link:hover{ opacity:.7; }

/* --- uitklap-mandje: positie op container, witte doos op content --- */
#hikashop_cart_120{ position:static !important; }
#hikashop_cart_module .hikashop_cart_dropdown_container{
  position:absolute !important; top:calc(100% + 12px) !important;
  right:0 !important; left:auto !important; width:560px !important; max-width:92vw !important; z-index:50;
  background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important;
}
#hikashop_cart_module .hikashop_cart_dropdown_content{
  background:#fff !important; border:1px solid #e7e3dc !important; border-top:3px solid #b08d57 !important;
  box-shadow:0 14px 38px rgba(24,23,21,.20) !important; padding:24px 26px 28px !important; border-radius:2px;
}
#hikashop_cart_module .hikashop_cart_dropdown_container table{ width:100%; border-collapse:collapse; }
#hikashop_cart_module .hikashop_cart_dropdown_container th{
  font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:#b08d57;
  font-weight:700; text-align:left; padding:0 16px 12px; border-bottom:1px solid #ece8e1;
}
#hikashop_cart_module .hikashop_cart_dropdown_container td{
  padding:18px 16px; vertical-align:middle; border-bottom:1px solid #f2eee7; color:#201F1D; line-height:1.4;
}
#hikashop_cart_module .hikashop_cart_dropdown_container img{ width:58px; height:auto; border-radius:4px; display:block; }
#hikashop_cart_module .hikashop_cart_dropdown_container a:not(.hikabtn){ color:#201F1D !important; text-decoration:none; }
#hikashop_cart_module .hikashop_cart_dropdown_container a:not(.hikabtn):hover{ color:#b08d57 !important; }

/* afrekenknop (goud) */
#hikashop_cart_module .hikashop_cart_dropdown_container .hikashop_cart_proceed_to_checkout{
  display:inline-block !important; margin:22px 6px 8px !important;
  background:#b08d57 !important; color:#181715 !important; border:0 !important; border-radius:2px;
  padding:12px 22px !important; font-size:.74rem; letter-spacing:.12em; text-transform:uppercase;
  font-weight:700; text-decoration:none !important;
}
#hikashop_cart_module .hikashop_cart_dropdown_container .hikashop_cart_proceed_to_checkout:hover{ background:#9c7c4c !important; }

/* mini-cart: alleen het aantal tonen (geen +/- en geen refresh) */
#hikashop_cart_module .hikashop_cart_dropdown_content [class*="quantity_change"],
#hikashop_cart_module .hikashop_cart_dropdown_content [class*="add_to_cart_div"],
#hikashop_cart_module .hikashop_cart_dropdown_content [class*="refresh"],
#hikashop_cart_module .hikashop_cart_dropdown_content [class*="update"]:not(.hikashop_cart_proceed_to_checkout){
  display:none !important;
}
/* aantal-vakje verticaal centreren + een fractie omlaag, op hoogte van het bedrag */
#hikashop_cart_module .hikashop_cart_dropdown_container td.hikashop_cart_module_product_quantity{ vertical-align:middle !important; }
#hikashop_cart_module .hikashop_cart_dropdown_container input.hikashop_product_quantity_field{ position:relative !important; top:6px !important; }

/* verwijder-knop: gedempt prullenbakje i.p.v. blauw kruisje, goud bij hover */
#hikashop_cart_module td.hikashop_cart_module_product_delete{ text-align:center; padding-left:14px; }
#hikashop_cart_module .hikashop_cart_module_product_delete a{
  display:inline-block; width:24px; height:24px; font-size:0; line-height:0; color:transparent !important;
  text-decoration:none; opacity:.8;
  background:no-repeat center/17px url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%239a9488%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207h16%27%2F%3E%3Cpath%20d%3D%27M9%207V5a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%27%2F%3E%3Cpath%20d%3D%27M6%207l1%2013a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2l1-13%27%2F%3E%3Cpath%20d%3D%27M10%2011v6M14%2011v6%27%2F%3E%3C%2Fsvg%3E");
}
#hikashop_cart_module .hikashop_cart_module_product_delete a:hover{
  opacity:1;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27%23b08d57%27%20stroke-width%3D%271.6%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M4%207h16%27%2F%3E%3Cpath%20d%3D%27M9%207V5a1%201%200%200%201%201-1h4a1%201%200%200%201%201%201v2%27%2F%3E%3Cpath%20d%3D%27M6%207l1%2013a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2l1-13%27%2F%3E%3Cpath%20d%3D%27M10%2011v6M14%2011v6%27%2F%3E%3C%2Fsvg%3E");
}
#hikashop_cart_module .hikashop_cart_module_product_delete a img,
#hikashop_cart_module .hikashop_cart_module_product_delete a svg{ display:none !important; }

/* --- MOBIEL: icoontjes links (poppetje links, mandje ernaast) --- */
@media (max-width:767px){
  /* de menu-cel z'n doos laten loslaten zodat de icoontjes doorkomen ... */
  header.header.container-header .grid-child.container-nav{ display:contents !important; }
  /* ... maar het horizontale bureaubladmenu erin verbergen (hamburger doet het menu) */
  header.header.container-header nav.navbar{ display:none !important; }

  #mod-custom139{
    display:block !important; position:absolute !important;
    left:16px !important; right:auto !important;
    top:44% !important; transform:translateY(-44%) !important; z-index:60 !important;
  }
  #hikashop_cart_module{
    display:block !important; position:absolute !important;
    left:54px !important; right:auto !important;
    top:44% !important; transform:translateY(-44%) !important; z-index:60 !important;
  }
#hikashop_cart_module .hikashop_cart_dropdown_container{
    left:calc(4vw - 62px) !important; right:auto !important;
    width:92vw !important; max-width:none !important;
  }
}

/* === PRODUCTPAGINA: aantal + Add to cart naast elkaar, knop als VIEW-pill ===
   Aantal-veld (.hikashop_quantity_form) links, "Add to cart" (.hikabtn.hikacart) ernaast.
   ========================================================================== */
.vk-pd__cart{ display:flex !important; align-items:center; gap:26px; flex-wrap:wrap; margin:.6rem 0 0; }
.vk-pd__cart .hikashop_quantity_form{ display:flex; align-items:center; gap:8px; margin:0; }
.vk-pd__cart .hikashop_product_quantity_add_to_cart_div{ display:none; }
.vk-pd__cart .hikabtn.hikacart{
  background:transparent !important; color:#201F1D !important; border:1px solid #201F1D !important;
  border-radius:40px !important; padding:12px 30px !important; font-size:.72rem !important;
  letter-spacing:.16em !important; text-transform:uppercase !important; font-weight:600 !important;
  line-height:1 !important; cursor:pointer; box-shadow:none !important; transition:all .18s;
}
.vk-pd__cart .hikabtn.hikacart:hover{ background:#201F1D !important; color:#F6F4F0 !important; }
.vk-pd__cart .hikabtn.hikacart span{ color:inherit !important; }

/* Checkout: groene HikaShop-knoppen (Finish e.d.) in huisstijl (goud/zwart) */
.hikabtn.hikabtn-success,
#hikabtn_checkout_next{
  background:#b08d57 !important;
  color:#F6F4F0 !important;  border:0 !important;
  border-radius:2px !important;
  padding:12px 30px !important;
  font-size:.74rem !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  box-shadow:none !important;
}
.hikabtn.hikabtn-success:hover,
#hikabtn_checkout_next:hover{ background:#9c7c4c !important; }

/* === Productpagina: Add to cart vult breedte op mobiel + +/- in huisstijl === */
.vk-pd__cart{ gap:18px !important; }
.vk-pd__cart .hikashop_product_quantity_input_div_default_main{ display:flex !important; align-items:center; gap:6px; }
.vk-pd__cart .hikashop_product_quantity_change_div_default{ display:flex !important; flex-direction:column; gap:5px; }
.vk-pd__cart .hikashop_product_quantity_field_change{ background:transparent !important; border:1px solid #201F1D !important; color:#201F1D !important; border-radius:6px !important; width:32px !important; min-width:32px !important; padding:3px 0 !important; box-shadow:none !important; display:flex !important; align-items:center; justify-content:center; transition:all .15s; }
.vk-pd__cart .hikashop_product_quantity_field_change:hover{ background:#201F1D !important; color:#F6F4F0 !important; }
@media(max-width:767px){ .vk-pd__cart .hikabtn.hikacart{ flex:1 1 auto !important; } }

/* === Checkout login/registratie: opgeruimd + huisstijl === */
.hikashop_checkout_login h1, .hikashop_checkout_login h2{ font-family:"Cormorant Garamond",Georgia,serif !important; font-weight:500 !important; }
.hikashop_checkout_login .hk-container-fluid{ max-width:1000px; }
.hikashop_checkout_login .hkform-group.control-group{ display:block !important; margin-bottom:14px; }
.hikashop_checkout_login .hkcontrol-label{ display:block !important; width:100% !important; max-width:100% !important; float:none !important; text-align:left !important; margin:0 0 5px !important; font-family:"Jost",sans-serif; font-size:.8rem; letter-spacing:.04em; color:#4A4844; font-weight:500; }
.hikashop_checkout_login .hkc-sm-8{ width:100% !important; max-width:100% !important; float:none !important; }
.hikashop_checkout_login .form-control{ width:100% !important; max-width:420px !important; border:1px solid rgba(32,31,29,.22) !important; border-radius:6px !important; padding:10px 12px !important; background:#fff !important; box-shadow:none !important; font-family:"Jost",sans-serif; font-size:.9rem; }
.hikashop_checkout_login .form-control:focus{ border-color:#b08d57 !important; outline:none !important; }

/* === Checkout login/registratie: onder elkaar, gecentreerd === */
.hikashop_checkout_login .hk-container-fluid{ max-width:640px !important; margin:0 auto !important; }
.hikashop_checkout_login .hkc-lg-4,
.hikashop_checkout_login .hkc-lg-8{ width:100% !important; max-width:100% !important; float:none !important; display:block !important; }
.hikashop_checkout_login #hikashop_checkout_login_form{ margin:0 0 28px !important; padding:0 0 24px !important; border-bottom:1px solid rgba(32,31,29,.14); }
.hikashop_checkout_login .form-control,
.hikashop_checkout_login select.form-control{ max-width:100% !important; }
.hikashop_checkout_login .hk-container-fluid{ display:block !important; }

/* === Mobiele onderbalk (vk-bottombar) === */
.vk-bottombar{ display:none; }
@media(max-width:767px){
  body{ padding-bottom:60px !important; }
  .vk-bottombar{ display:flex; position:fixed; left:0; right:0; bottom:0; z-index:90; height:60px; background:#201F1D; border-top:1px solid rgba(255,255,255,.06); box-shadow:0 -4px 16px rgba(0,0,0,.18); }
  .vk-bottombar .vk-bb{ flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; text-decoration:none; }
  .vk-bottombar .vk-bb span{ font-family:"Jost",sans-serif; font-size:.56rem; letter-spacing:.08em; text-transform:uppercase; color:#b8b2a9; }
  .vk-bottombar .vk-bb::before{ content:""; width:23px; height:23px; background-repeat:no-repeat; background-position:center; background-size:contain; }
  .vk-bottombar .vk-bb--home::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23EDE9E4'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2011l9-7%209%207'%2F%3E%3Cpath%20d%3D'M5%2010v10h14V10'%2F%3E%3C%2Fsvg%3E"); }
  .vk-bottombar .vk-bb--shop::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23EDE9E4'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%207h12l1%2013H5L6%207z'%2F%3E%3Cpath%20d%3D'M9%207a3%203%200%200%201%206%200'%2F%3E%3C%2Fsvg%3E"); }
  .vk-bottombar .vk-bb--cart::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23EDE9E4'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'20'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'20'%20r%3D'1.3'%2F%3E%3Cpath%20d%3D'M3%204h2l2%2012h11l2-8H6'%2F%3E%3C%2Fsvg%3E"); }
  .vk-bottombar .vk-bb--account::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23EDE9E4'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'3.4'%2F%3E%3Cpath%20d%3D'M5%2020c0-3.6%203.1-6%207-6s7%202.4%207%206'%2F%3E%3C%2Fsvg%3E"); }
  .vk-bottombar .vk-bb:active span{ color:#b08d57; }
}

/* === Back-to-top: goud accent + boven de mobiele onderbalk === */
.back-to-top-link{ background:#b08d57 !important; color:#F6F4F0 !important; box-shadow:0 4px 14px rgba(0,0,0,.22) !important; }
@media(max-width:767px){ .back-to-top-link{ bottom:74px !important; } }

/* === Onderbalk: goud actief-accent (huidige pagina) === */
@media(max-width:767px){
  .vk-bottombar .vk-bb.is-active span{ color:#b08d57; }
  .vk-bottombar .vk-bb--home.is-active::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b08d57'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2011l9-7%209%207'%2F%3E%3Cpath%20d%3D'M5%2010v10h14V10'%2F%3E%3C%2Fsvg%3E"); }
  .vk-bottombar .vk-bb--shop.is-active::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b08d57'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%207h12l1%2013H5L6%207z'%2F%3E%3Cpath%20d%3D'M9%207a3%203%200%200%201%206%200'%2F%3E%3C%2Fsvg%3E"); }
  .vk-bottombar .vk-bb--cart.is-active::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b08d57'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'9'%20cy%3D'20'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'17'%20cy%3D'20'%20r%3D'1.3'%2F%3E%3Cpath%20d%3D'M3%204h2l2%2012h11l2-8H6'%2F%3E%3C%2Fsvg%3E"); }
  .vk-bottombar .vk-bb--account.is-active::before{ background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23b08d57'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'8'%20r%3D'3.4'%2F%3E%3Cpath%20d%3D'M5%2020c0-3.6%203.1-6%207-6s7%202.4%207%206'%2F%3E%3C%2Fsvg%3E"); }
}

/* geen-producten melding verbergen op de collectie-overzichtspagina */
.hikashop_categories_listing_main .hikashop_submodules > p{ display:none !important; }