/* ==========================================================================
   Recepti Knjižice — stili teme
   Slog: Luštno (ročno izdelano, toplo) + kuharske barve.
   Pisave Lora (naslovi) in Karla (besedilo) — enake kot na lustno.com.
   ========================================================================== */

/* Pisave: naložimo lokalno, da ni zunanjih zahtevkov in da deluje GDPR-safe.
   Če datotek ni, brskalnik uporabi sistemsko serif/sans — stran ostane berljiva. */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: local('Lora'), local('Lora Regular'), local('Georgia');
}
@font-face {
  font-family: 'Karla';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: local('Karla'), local('Segoe UI'), local('Helvetica Neue');
}

:root {
  /* --- Kuharske barve (terakota + olivna) --- */
  --rk-brand:        #b45309;   /* terakota — gumbi, poudarki */
  --rk-brand-ink:    #92400e;
  --rk-brand-soft:   #fef6ee;
  --rk-accent:       #4d7c0f;   /* olivna — sveže, zelenjava */
  --rk-accent-soft:  #f4f8ec;

  /* --- Luštno odtenki (vijolična iz lustno.com) --- */
  --rk-lustno:       #b4869f;
  --rk-lustno-dark:  #4e4c67;

  /* --- Nevtralne (bež/krem, kot lustno.com) --- */
  --rk-ink:          #3d3630;
  --rk-ink-2:        #5c534b;
  --rk-muted:        #8a7f75;
  --rk-line:         #e6ded4;
  --rk-line-soft:    #f2ebe3;
  --rk-bg:           #faf6f0;
  --rk-card:         #ffffff;

  --rk-radius:       16px;
  --rk-radius-sm:    10px;
  --rk-shadow-xs:    0 1px 3px rgba(61, 54, 48, .07);
  --rk-shadow:       0 10px 30px rgba(61, 54, 48, .1);
  --rk-shadow-lg:    0 26px 60px rgba(180, 83, 9, .18);
  --rk-wrap:         1160px;

  --rk-font:         'Karla', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --rk-font-display: 'Lora', Georgia, "Times New Roman", serif;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--rk-font);
  font-size: 16px;
  line-height: 1.68;
  color: var(--rk-ink);
  background-color: var(--rk-bg);
  /* Risane kuharske silhuete — kot vzorec na lustno.com.
     Vzorec je viden povsod, kjer ni neprosojne površine. */
  background-image: url('../img/kuharski-vzorec.svg');
  background-repeat: repeat;
  background-size: 420px 420px;
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
}

/* Neprosojne površine prekrijejo vzorec, da je vsebina berljiva.
   Sekcije in strani pustimo PROSOJNE, da kuharski vzorec pride skozi
   in je stran videti "kuharsko" — kot na lustno.com.
   Prekrijejo ga le elementi, kjer je treba brati drobno besedilo:
   glava, noga, obrazci, tabele in kartice izdelkov. */
.rk-header, .rk-footer { background-color: var(--rk-card); }

/* Kartice in obrazci dobijo polno belo podlago. */
.rk-product, .rk-card, .rk-korak, .rk-sklop__body,
.rk-hero__card, .rk-paket, .rk-bundle, .rk-digital-note,
.rk-izdelek__info, .rk-izdelek__zavihki, .rk-povezani,
.woocommerce-cart-form, .cart_totals, .woocommerce-checkout-review-order,
table.shop_table, .rk-page__card, .rk-clanek__card {
  background-color: var(--rk-card);
}

/* Sekcije so prosojne — vzorec se vidi skozi. */
.rk-section { background-color: transparent; }
.rk-woo, .rk-single, .rk-archive, .rk-page { background-color: transparent; }

/* Izmenjujoče sekcije: rahlo mlečna podlaga, da se ločijo od ozadja,
   a vzorec še vedno rahlo pride skozi. */
.rk-section--alt { background-color: rgba(255, 253, 250, .72); }

img { max-width: 100%; height: auto; display: block; }
a { color: var(--rk-brand-ink); }

h1, h2, h3, h4 {
  font-family: var(--rk-font-display);
  line-height: 1.22; margin: 0 0 .5em; letter-spacing: -.01em; font-weight: 600;
}
h1 { font-size: clamp(1.9rem, 5.2vw, 3.1rem); }
h2 { font-size: clamp(1.45rem, 3.7vw, 2.15rem); }
h3 { font-size: 1.2rem; }
p { margin: 0 0 1rem; }

.rk-wrap { width: 100%; max-width: var(--rk-wrap); margin-inline: auto; padding-inline: 18px; }
.rk-section { padding: 56px 0; }
.rk-section--alt { border-top: 1px solid var(--rk-line); border-bottom: 1px solid var(--rk-line); }

/* ---------- Kuharski poudarki ----------
   Vsaka sekcija dobi drobno kuharsko ikono nad naslovom (vilice, lonec,
   kuhalnica …), da stran diši po kuhinji in ni le seznam besedila. */
.rk-section__head::before {
  content: '';
  display: block;
  width: 46px;
  height: 46px;
  margin: 0 auto 14px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b45309' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 3v7a3 3 0 0 0 6 0V3'/%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 3c-1.5 2-2 3.5-2 5.5 0 1.6.8 2.8 2 3.5v9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: .85;
}
/* Naslovi sekcij dobijo okrasno črto pod sabo. */
.rk-section__head h2 { position: relative; padding-bottom: 18px; }
.rk-section__head h2::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 62px;
  height: 3px;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--rk-brand), #d97706);
}

.rk-section__head { max-width: 46em; margin: 0 auto 34px; text-align: center; }
.rk-section__head p { color: var(--rk-ink-2); font-size: clamp(1rem, 2.3vw, 1.1rem); margin: 0; }
.rk-center { text-align: center; }
.rk-lead { font-size: clamp(1rem, 2.5vw, 1.15rem); color: var(--rk-ink-2); }

.screen-reader-text {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap;
}

.rk-skip {
  position: absolute; left: -9999px; top: 0; z-index: 100;
  background: #fff; padding: 12px 16px; border-radius: 0 0 10px 0;
}
.rk-skip:focus { left: 0; }

.rk-pill {
  display: inline-block; background: var(--rk-brand-soft); color: var(--rk-brand-ink);
  border-radius: 999px; padding: 6px 14px; font-size: .8rem; font-weight: 700;
  margin-bottom: 14px;
}

/* ---------- Gumbi ---------- */
.rk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  padding: 14px 24px; border-radius: 999px; border: 0; cursor: pointer;
  font: inherit; font-weight: 700; text-decoration: none; line-height: 1;
  transition: transform .12s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
}
.rk-btn:active { transform: translateY(1px); }
.rk-btn--primary {
  background: linear-gradient(135deg, var(--rk-brand), #d97706);
  color: #fff; box-shadow: 0 10px 24px rgba(180, 83, 9, .28);
}
.rk-btn--primary:hover { background: linear-gradient(135deg, var(--rk-brand-ink), #b45309); }
.rk-btn--ghost {
  background: #fff; color: var(--rk-ink); border: 1.5px solid var(--rk-line);
}
.rk-btn--ghost:hover { border-color: var(--rk-brand); color: var(--rk-brand-ink); }
.rk-btn--small { padding: 10px 18px; font-size: .9rem; }
.rk-btn--block { width: 100%; }

/* ---------- Glava ---------- */
.rk-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid var(--rk-line);
}
.rk-header__inner { display: flex; align-items: center; gap: 16px; min-height: 68px; }

.rk-brand__link { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--rk-ink); }
.rk-brand__logo img { height: 38px; width: auto; display: block; }
@media (min-width: 700px) { .rk-brand__logo img { height: 44px; } }
.rk-brand__mark {
  width: 40px; height: 40px; border-radius: 50%; flex: 0 0 auto;
  background: linear-gradient(135deg, var(--rk-brand), #d97706);
  color: #fff; display: grid; place-items: center;
  box-shadow: 0 6px 16px rgba(180, 83, 9, .3);
}
.rk-brand__text strong { display: block; font-weight: 700; letter-spacing: -.01em; line-height: 1.15; font-family: var(--rk-font-display); }
.rk-brand__text small { display: block; font-size: .74rem; color: var(--rk-muted); font-weight: 500; }
.custom-logo { max-height: 48px; width: auto; max-width: 190px; }

.rk-nav { margin-left: auto; }
.rk-menu { display: flex; align-items: center; gap: 4px; list-style: none; margin: 0; padding: 0; }
.rk-menu li { position: relative; }
.rk-menu a {
  display: block; padding: 9px 13px; border-radius: 10px; text-decoration: none;
  color: var(--rk-ink-2); font-weight: 600; font-size: .95rem;
}
.rk-menu a:hover { background: var(--rk-brand-soft); color: var(--rk-brand-ink); }
.rk-menu .sub-menu {
  position: absolute; top: 100%; left: 0; min-width: 210px; background: #fff;
  border: 1px solid var(--rk-line); border-radius: var(--rk-radius-sm);
  box-shadow: var(--rk-shadow); padding: 8px; display: none; z-index: 60;
  list-style: none; margin: 0;
}
.rk-menu li:hover > .sub-menu,
.rk-menu li:focus-within > .sub-menu { display: block; }

.rk-header__actions { display: flex; align-items: center; gap: 8px; }
.rk-cart {
  position: relative; display: grid; place-items: center; width: 42px; height: 42px;
  border-radius: 12px; border: 1.5px solid var(--rk-line); background: #fff;
  color: var(--rk-ink); text-decoration: none;
}
.rk-cart:hover { border-color: var(--rk-brand); color: var(--rk-brand-ink); }
.rk-cart__count {
  position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px;
  border-radius: 999px; background: var(--rk-brand); color: #fff;
  font-size: .7rem; font-weight: 800; display: grid; place-items: center; padding: 0 5px;
}

.rk-burger {
  display: none; width: 42px; height: 42px; border-radius: 12px;
  border: 1.5px solid var(--rk-line); background: #fff; cursor: pointer;
  flex-direction: column; align-items: center; justify-content: center; gap: 4px;
}
.rk-burger span:not(.screen-reader-text) { display: block; width: 18px; height: 2px; background: var(--rk-ink); border-radius: 2px; }

.rk-mobile { border-top: 1px solid var(--rk-line); background: #fff; padding: 10px 18px 16px; }
.rk-menu--mobile { flex-direction: column; align-items: stretch; }
.rk-menu--mobile a { padding: 12px; }

@media (max-width: 900px) {
  .rk-nav { display: none; }
  .rk-burger { display: flex; }
}

/* ---------- Hero (s fotografijo kuhinje) ---------- */
.rk-hero {
  position: relative; overflow: hidden; color: #fff;
  /* Fotografija kuhinje z toplim prelivom — besedilo mora ostati berljivo. */
  background-image:
    linear-gradient(105deg, rgba(61, 40, 24, .93) 0%, rgba(120, 66, 30, .82) 46%, rgba(180, 83, 9, .58) 100%),
    url('../img/hero-kuhinja.jpg');
  background-size: cover;
  background-position: center 40%;
}
.rk-hero__inner { display: grid; gap: 34px; padding-top: 56px; padding-bottom: 60px; }
@media (min-width: 980px) {
  .rk-hero__inner { grid-template-columns: 1.05fr .95fr; align-items: center; gap: 48px; padding-top: 76px; padding-bottom: 84px; }
}
.rk-hero h1 { color: #fff; text-shadow: 0 2px 20px rgba(0, 0, 0, .28); }
.rk-hero .rk-lead { color: rgba(255, 255, 255, .94); max-width: 34em; }
.rk-hero .rk-pill {
  background: rgba(255, 255, 255, .18); color: #fff;
  border: 1px solid rgba(255, 255, 255, .34); backdrop-filter: blur(4px);
}
.rk-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 26px; }
.rk-hero .rk-btn--primary { background: #fff; color: var(--rk-brand-ink); box-shadow: 0 10px 28px rgba(0, 0, 0, .25); }
.rk-hero .rk-btn--primary:hover { background: var(--rk-brand-soft); }
.rk-hero .rk-btn--ghost { background: rgba(255, 255, 255, .14); color: #fff; border-color: rgba(255, 255, 255, .46); }
.rk-hero .rk-btn--ghost:hover { background: rgba(255, 255, 255, .26); color: #fff; }
.rk-hero__trust { display: flex; flex-wrap: wrap; gap: 10px 22px; list-style: none; padding: 0; margin: 0; font-size: .92rem; }
.rk-hero__trust li { display: flex; align-items: center; gap: 8px; color: rgba(255, 255, 255, .95); }
.rk-hero__trust span { color: #fcd34d; font-weight: 800; }

/* Ovitki knjižic v heroju */
.rk-ovitki { display: flex; justify-content: center; gap: 16px; perspective: 1200px; }
.rk-ovitek {
  width: 40%; max-width: 190px; border-radius: 12px; overflow: hidden;
  box-shadow: 0 22px 50px rgba(0, 0, 0, .4); background: #fff;
  transform: rotate(-4deg); transition: transform .3s ease;
}
.rk-ovitek:nth-child(2) { transform: rotate(0deg) translateY(-14px) scale(1.06); z-index: 2; }
.rk-ovitek:nth-child(3) { transform: rotate(4deg); }
.rk-ovitek img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.rk-ovitek__mock {
  aspect-ratio: 3 / 4; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 12px; padding: 16px; text-align: center;
  background: linear-gradient(160deg, #fffbf6, #f7ede1); color: var(--rk-brand-ink);
}
.rk-ovitek__mock svg { width: 34px; height: 34px; }
.rk-ovitek__mock span { font-size: .8rem; font-weight: 700; line-height: 1.3; font-family: var(--rk-font-display); }

/* ---------- Sklopi (s fotografijami) ---------- */
.rk-grid { display: grid; gap: 22px; }
@media (min-width: 640px) { .rk-grid--3 { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 980px) { .rk-grid--3 { grid-template-columns: repeat(3, 1fr); } }

.rk-sklop {
  display: flex; flex-direction: column; text-decoration: none; color: inherit;
  background: var(--rk-card); border: 1px solid var(--rk-line); border-radius: var(--rk-radius);
  overflow: hidden; box-shadow: var(--rk-shadow-xs);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
@media (hover: hover) {
  .rk-sklop:hover { transform: translateY(-4px); box-shadow: var(--rk-shadow); border-color: #dccfc0; }
  .rk-sklop:hover .rk-sklop__slika img { transform: scale(1.04); }
}
.rk-sklop__slika { position: relative; overflow: hidden; background: var(--rk-line-soft); }
.rk-sklop__slika img {
  width: 100%; aspect-ratio: 3 / 2; object-fit: cover;
  transition: transform .4s ease;
}
.rk-sklop__slika::after {
  /* Nežen prehod slike v kartico. */
  content: ''; position: absolute; inset: auto 0 0 0; height: 42%;
  background: linear-gradient(to top, rgba(255,255,255,.96), transparent);
  pointer-events: none;
}
.rk-sklop__body { padding: 4px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.rk-sklop__ico {
  width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center;
  background: var(--rk-brand-soft); color: var(--rk-brand-ink);
  margin: -26px 0 12px; position: relative; z-index: 1;
  border: 3px solid var(--rk-card);
  transition: background .2s ease, color .2s ease;
}
@media (hover: hover) { .rk-sklop:hover .rk-sklop__ico { background: var(--rk-brand); color: #fff; } }
.rk-sklop h3 { margin-bottom: .35em; }
.rk-sklop p { color: var(--rk-ink-2); font-size: .94rem; flex: 1; }
.rk-sklop__meta {
  display: inline-flex; align-items: center; gap: 7px; margin-top: 6px;
  font-weight: 700; font-size: .9rem; color: var(--rk-brand-ink);
}

/* ---------- Izdelki ---------- */
.rk-products {
  list-style: none; padding: 0; margin: 0;
  display: grid; gap: 22px;
}
@media (min-width: 600px) { .rk-products { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .rk-products { grid-template-columns: repeat(3, 1fr); } }

.rk-product {
  display: flex; flex-direction: column; background: #fff;
  border: 1px solid var(--rk-line); border-radius: var(--rk-radius);
  overflow: hidden; box-shadow: var(--rk-shadow-xs);
  transition: transform .18s ease, box-shadow .22s ease, border-color .22s ease;
}
@media (hover: hover) {
  .rk-product:hover { transform: translateY(-4px); box-shadow: var(--rk-shadow); border-color: #e3d5c8; }
}
.rk-product__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; flex: 1; }
.rk-product__slika { position: relative; background: var(--rk-line-soft); overflow: hidden; }
/* Naslovnice izdelkov so kvadratne (1000x1000) in imajo besedilo na dnu,
   zato jih prikažemo CELOVITE — "contain", ne "cover", sicer se napis
   odreže in izgleda pokvarjeno. */
.rk-product__slika img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  display: block;
}
.rk-product__mock {
  aspect-ratio: 3 / 4; display: grid; place-items: center;
  background: linear-gradient(160deg, #fff7ed, #ffedd5); color: var(--rk-brand-ink);
}
.rk-product__mock svg { width: 48px; height: 48px; }
.rk-product__akcija,
.rk-product__paket {
  position: absolute; top: 12px; left: 12px; border-radius: 999px;
  padding: 5px 11px; font-size: .72rem; font-weight: 800; color: #fff;
}
.rk-product__akcija { background: var(--rk-accent); }
.rk-product__paket { background: var(--rk-brand); }
.rk-product__digital {
  position: absolute; top: 12px; right: 12px; background: rgba(26, 21, 18, .78);
  color: #fff; border-radius: 7px; padding: 4px 8px; font-size: .68rem; font-weight: 800;
  letter-spacing: .04em;
}
.rk-product__title { font-size: 1.08rem; margin: 18px 20px .4em; }
.rk-product__opis { color: var(--rk-muted); font-size: .9rem; margin: 0 20px 16px; flex: 1; }
.rk-product__foot {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 16px 20px; border-top: 1px solid var(--rk-line-soft); margin-top: auto;
}
.rk-product__cena { font-weight: 800; font-size: 1.05rem; color: var(--rk-ink); }
.rk-product__cena del { color: var(--rk-muted); font-weight: 500; font-size: .88rem; margin-right: 6px; }
.rk-product__cena ins { text-decoration: none; color: var(--rk-accent); }

/* ---------- Paket ---------- */
.rk-paket {
  display: grid; gap: 28px; padding: 32px 26px; border-radius: 24px;
  background: linear-gradient(150deg, #fff7ed, #fff);
  border: 1.5px solid #fed7aa; box-shadow: var(--rk-shadow);
}
@media (min-width: 820px) {
  .rk-paket { grid-template-columns: 1.4fr 1fr; align-items: center; padding: 40px; }
}
.rk-paket h2 { margin-bottom: .3em; }
.rk-paket__text p { color: var(--rk-ink-2); }
.rk-paket__buy { text-align: center; }
@media (min-width: 820px) { .rk-paket__buy { text-align: right; } }
.rk-paket__cena { font-size: 1.6rem; font-weight: 800; margin-bottom: 14px; color: var(--rk-ink); }
.rk-paket__cena del { font-size: 1rem; color: var(--rk-muted); font-weight: 500; margin-right: 8px; }
.rk-paket__cena ins { text-decoration: none; color: var(--rk-accent); }
.rk-paket__info { font-size: .84rem; color: var(--rk-muted); margin: 12px 0 0; }
.rk-paket-seznam { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 9px; }
@media (min-width: 620px) { .rk-paket-seznam { grid-template-columns: repeat(2, 1fr); } }
.rk-paket-seznam li { display: flex; gap: 10px; align-items: flex-start; font-size: .95rem; color: var(--rk-ink-2); }
.rk-check { color: var(--rk-accent); font-weight: 800; flex: 0 0 auto; }

/* ---------- Koraki ---------- */
.rk-korak { position: relative; background: #fff; border: 1px solid var(--rk-line); border-radius: var(--rk-radius); padding: 26px 22px; }
.rk-korak__num {
  position: absolute; top: -16px; left: 22px; width: 36px; height: 36px;
  border-radius: 12px; display: grid; place-items: center;
  background: linear-gradient(135deg, var(--rk-brand), #d97706); color: #fff;
  font-weight: 800; box-shadow: 0 8px 18px rgba(180, 83, 9, .3);
}
.rk-korak h3 { margin-top: 14px; }
.rk-korak p { color: var(--rk-ink-2); font-size: .93rem; margin: 0; }

/* ---------- En izdelek ---------- */
.rk-single { padding: 40px 0 60px; }
.rk-izdelek__top { display: grid; gap: 34px; }
@media (min-width: 900px) { .rk-izdelek__top { grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; } }

/* WooCommerce privzeto nastavi .summary na float:right; width:48% in
   .images na width:48%. V našem CSS-grid razporedu to ni potrebno in
   povzroči, da sta oba stolpca ožja od svojega prostora. Zato širino
   in float razveljavimo — mreža poskrbi za razporeditev. */
.rk-izdelek__top .summary,
.rk-single .summary,
.rk-izdelek__top div.summary {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  clear: none !important;
  margin: 0 !important;
}

.rk-izdelek__galerija .woocommerce-product-gallery {
  margin: 0;
  /* WooCommerce privzeto omeji galerijo na 267px (širina za eno sliko).
     V našem dvostolpčnem razporedu ima na voljo polovico strani,
     zato širino razveljavimo in sliko raztegnemo čez cel stolpec. */
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}
.rk-izdelek__galerija .woocommerce-product-gallery__wrapper,
.rk-izdelek__galerija .woocommerce-product-gallery__image {
  width: 100% !important;
}
.rk-izdelek__galerija .woocommerce-product-gallery__image img {
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* Ikona za povečavo (lupa) in morebitna značka "Sale"/"PDF" se v zgornjem
   desnem kotu prekrivata. Lupo premaknemo levo od značke, da sta obe vidni. */
.rk-izdelek__galerija .woocommerce-product-gallery__trigger {
  right: auto !important;
  left: auto !important;
  top: 14px !important;
  /* odmaknemo od desnega roba, kjer je značka */
  margin-right: 0;
  transform: translateX(-78px);
}
.rk-izdelek__galerija .onsale {
  top: 14px !important;
  right: 14px !important;
}
.rk-izdelek__galerija img { border-radius: var(--rk-radius); }
.rk-izdelek__galerija .flex-control-thumbs { display: flex; gap: 10px; list-style: none; padding: 0; margin: 12px 0 0; }
.rk-izdelek__galerija .flex-control-thumbs li { width: 72px; }
.rk-izdelek__galerija .flex-control-thumbs img { border-radius: 10px; cursor: pointer; }

.rk-izdelek__info .product_title { font-size: clamp(1.6rem, 4vw, 2.3rem); }
.rk-izdelek__info .price {
  display: block; font-size: 1.9rem; font-weight: 800; color: var(--rk-ink);
  margin: 14px 0 20px;
}
.rk-izdelek__info .price del { font-size: 1.05rem; color: var(--rk-muted); font-weight: 500; margin-right: 8px; }
.rk-izdelek__info .price ins { text-decoration: none; color: var(--rk-accent); }
.rk-izdelek__info .woocommerce-product-details__short-description { color: var(--rk-ink-2); margin-bottom: 20px; }

.rk-izdelek__info form.cart { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 24px 0; }
.rk-izdelek__info .quantity input {
  width: 76px; padding: 12px; border: 1.5px solid var(--rk-line);
  border-radius: var(--rk-radius-sm); font: inherit; text-align: center;
}
/* Gumb za nakup — WooCommerce privzeti stil je bolj specifičen,
   zato uporabimo kombinacijo selektorjev z !important za barvo. */
.rk-single .summary form.cart button.single_add_to_cart_button,
.rk-single .summary form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart .button.single_add_to_cart_button {
  padding: 15px 30px;
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  background: linear-gradient(135deg, var(--rk-brand), #d97706) !important;
  background-color: var(--rk-brand) !important;
  color: #fff !important;
  font: inherit;
  font-weight: 700;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(180, 83, 9, .28);
  transition: background .2s ease, transform .12s ease;
}
.rk-single .summary form.cart button.single_add_to_cart_button:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:hover {
  background: linear-gradient(135deg, var(--rk-brand-ink), #b45309) !important;
  background-color: var(--rk-brand-ink) !important;
}
.rk-single .summary form.cart .quantity input,
.woocommerce div.product form.cart .quantity input {
  width: 80px; padding: 13px;
  border: 1.5px solid var(--rk-line);
  border-radius: var(--rk-radius-sm);
  font: inherit; text-align: center;
}

.rk-specs { list-style: none; padding: 0; margin: 22px 0; display: grid; gap: 10px; }
.rk-specs li { display: flex; justify-content: space-between; gap: 14px; padding: 11px 15px; background: #fff; border: 1px solid var(--rk-line); border-radius: var(--rk-radius-sm); font-size: .93rem; }
.rk-specs span { color: var(--rk-muted); }

.rk-digital-note {
  display: flex; gap: 13px; padding: 16px 18px; margin: 20px 0;
  background: var(--rk-accent-soft); border: 1px solid #bbf7d0; border-radius: var(--rk-radius-sm);
}
.rk-digital-note__ico { flex: 0 0 auto; color: var(--rk-accent); font-size: 1.15rem; font-weight: 800; }
.rk-digital-note p { margin: 4px 0 0; font-size: .9rem; color: var(--rk-ink-2); }

.rk-bundle {
  margin: 26px 0; padding: 22px; border-radius: var(--rk-radius);
  background: linear-gradient(150deg, #fff7ed, #fff); border: 1.5px solid #fed7aa;
}
.rk-bundle__badge {
  display: inline-block; background: var(--rk-brand); color: #fff; border-radius: 999px;
  padding: 4px 11px; font-size: .7rem; font-weight: 800; margin-bottom: 10px;
}
.rk-bundle h3 { margin-bottom: .3em; }
.rk-bundle p { color: var(--rk-ink-2); font-size: .92rem; margin: 0; }
.rk-bundle__foot { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-top: 18px; }
.rk-bundle__cena { font-size: 1.3rem; font-weight: 800; }
.rk-bundle__prihranek { display: block; font-size: .78rem; color: var(--rk-accent); font-weight: 700; }

.rk-paket-vsebina { margin: 20px 0; }
.rk-paket-vsebina h3 { font-size: 1.05rem; }

.rk-izdelek__zavihki { margin-top: 46px; }
.rk-izdelek__zavihki .woocommerce-tabs ul.tabs { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0 0 20px; flex-wrap: wrap; border-bottom: 1px solid var(--rk-line); }
.rk-izdelek__zavihki .woocommerce-tabs ul.tabs li a {
  display: block; padding: 12px 18px; text-decoration: none; color: var(--rk-ink-2);
  font-weight: 700; border-radius: 10px 10px 0 0;
}
.rk-izdelek__zavihki .woocommerce-tabs ul.tabs li.active a { background: #fff; color: var(--rk-brand-ink); border-bottom: 2px solid var(--rk-brand); }

.rk-povezani { margin-top: 56px; padding-top: 34px; border-top: 1px solid var(--rk-line); }
.rk-povezani h2 { text-align: center; margin-bottom: 30px; }

/* ---------- Trgovina ----------
   POMEMBNO: .rk-woo se uporablja SKUPAJ z .rk-wrap, ki določa stranski
   padding (18px). Če tukaj zapišemo "padding: 34px 0 60px", izničimo
   stranski padding in vsa vsebina se dotakne robov zaslona — na telefonu
   je to še posebej grdo. Zato določimo le navpični padding. */
.rk-woo { padding-top: 34px; padding-bottom: 60px; }
.rk-woo .woocommerce-products-header { text-align: center; max-width: 46em; margin: 0 auto 34px; }
.rk-woo .woocommerce-result-count { color: var(--rk-muted); font-size: .9rem; }
.rk-woo .woocommerce-ordering select {
  padding: 10px 14px; border: 1.5px solid var(--rk-line); border-radius: var(--rk-radius-sm);
  font: inherit; background: #fff;
}
.rk-woo .woocommerce-breadcrumb { font-size: .86rem; color: var(--rk-muted); margin-bottom: 18px; }
.rk-woo .woocommerce-breadcrumb a { color: var(--rk-ink-2); text-decoration: none; }
.rk-woo .woocommerce-breadcrumb a:hover { color: var(--rk-brand-ink); }

/* ---------- Trgovina: mreža izdelkov ----------
   WooCommerce privzeto uporablja float + širine v odstotkih, kar se z
   mrežo (CSS grid) ne ujema. Njegova pravila so v več datotekah:
     - woocommerce.css            -> li.product { width: 30.75%; float: left }
     - woocommerce-smallscreen.css -> li.product:nth-child(2n) { float: right }
   Slednje velja le do 768px, zato se napaka pokaže predvsem na telefonu.

   Rešitev: vsakemu elementu vsilimo položaj v mreži z "grid-area: auto"
   in izničimo float/clear/width. Uporabimo tudi "all: revert" na
   postavitvenih lastnostih, da nas nobeno WooCommerce pravilo ne preglasi. */
.rk-woo ul.products,
ul.products.rk-products {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid !important;
  grid-auto-flow: row !important;
  gap: 24px;
  float: none !important;
  clear: both !important;
}

/* POMEMBNO: WooCommerce doda na ul.products psevdo-elementa ::before in
   ::after (star "clearfix" trik: content:" "; display:table).
   V CSS grid vsak psevdo-element POSTANE element mreže, zato ::before
   zavzame prvi stolpec in vse kartice se premaknejo za eno mesto v desno
   — prvi stolpec pa ostane prazen.

   Zato ju v mreži odstranimo. To je nujno, sicer je postavitev napačna. */
.rk-woo ul.products::before,
.rk-woo ul.products::after,
ul.products.rk-products::before,
ul.products.rk-products::after {
  content: none !important;
  display: none !important;
}
.rk-woo ul.products > li.product,
.rk-woo ul.products > li.product.first,
.rk-woo ul.products > li.product.last,
.rk-woo ul.products > li.product:nth-child(1n),
.rk-woo ul.products > li.product:nth-child(2n),
.rk-woo ul.products > li.product:nth-child(3n),
.rk-woo ul.products > li.product:nth-child(2n + 1),
.rk-woo ul.products > li.product:nth-child(3n + 1),
.rk-woo ul.products[class*="columns-"] > li.product,
.rk-woo ul.products[class*="columns-"] > li.product:nth-child(2n),
.rk-woo ul.products > li.product.product-category {
  grid-area: auto / auto / auto / auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  justify-self: stretch !important;
  align-self: stretch !important;
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column;
}
@media (min-width: 600px) { .rk-woo ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 1000px) { .rk-woo ul.products { grid-template-columns: repeat(3, 1fr) !important; } }

/* ---------- Košarica in blagajna ---------- */
.rk-woo .woocommerce-cart-form table,
.rk-woo .woocommerce-checkout-review-order-table,
.rk-woo table.shop_table {
  width: 100%; border-collapse: collapse; background: #fff;
  border: 1px solid var(--rk-line); border-radius: var(--rk-radius-sm); overflow: hidden;
}
.rk-woo table.shop_table th,
.rk-woo table.shop_table td { padding: 14px 16px; border-bottom: 1px solid var(--rk-line-soft); text-align: left; }
.rk-woo table.shop_table th { background: #fdfaf7; font-weight: 700; font-size: .88rem; }
.rk-woo .cart_totals { margin-top: 24px; }
/* Gumbi v košarici in na blagajni — WooCommerce stil je bolj specifičen. */
.rk-woo .checkout-button,
.rk-woo .button.alt,
.rk-woo button.button.alt,
.rk-woo input.button.alt,
.rk-woo #place_order,
.woocommerce-cart .checkout-button,
.woocommerce-checkout #place_order,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  padding: 16px 30px !important; border: 0 !important; border-radius: 999px !important;
  cursor: pointer !important;
  background: var(--rk-brand) !important;
  background-image: linear-gradient(135deg, var(--rk-brand), #d97706) !important;
  color: #fff !important;
  font: inherit !important; font-weight: 700 !important; line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(180, 83, 9, .28) !important;
}
.rk-woo .checkout-button:hover,
.woocommerce-cart .checkout-button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce button.button.alt:hover {
  background-image: linear-gradient(135deg, var(--rk-brand-ink), #b45309) !important;
  background-color: var(--rk-brand-ink) !important;
}
/* "Dodaj v košarico" na karticah izdelkov v trgovini. */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button {
  display: inline-flex !important; padding: 11px 20px !important;
  border: 1.5px solid var(--rk-line) !important; border-radius: 999px !important;
  background: #fff !important; background-image: none !important;
  color: var(--rk-ink) !important; font: inherit !important; font-weight: 600 !important;
  text-decoration: none !important; box-shadow: none !important;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  border-color: var(--rk-brand) !important; color: var(--rk-brand-ink) !important;
}
.woocommerce ul.products li.product .added_to_cart {
  display: inline-block; margin-left: 10px; font-size: .86rem; font-weight: 700;
  color: var(--rk-accent) !important; text-decoration: none;
}
.rk-woo .button:not(.alt) {
  display: inline-flex; padding: 11px 20px; border: 1.5px solid var(--rk-line);
  border-radius: 999px; background: #fff; color: var(--rk-ink);
  font: inherit; font-weight: 600; text-decoration: none; cursor: pointer;
}
.rk-woo input[type="text"],
.rk-woo input[type="email"],
.rk-woo input[type="tel"],
.rk-woo input[type="number"],
.rk-woo input[type="password"],
.rk-woo select,
.rk-woo textarea {
  width: 100%; padding: 12px 14px; border: 1.5px solid var(--rk-line);
  border-radius: var(--rk-radius-sm); font: inherit; background: #fff;
}
.rk-woo input:focus, .rk-woo select:focus, .rk-woo textarea:focus {
  outline: none; border-color: var(--rk-brand);
  box-shadow: 0 0 0 4px rgba(180, 83, 9, .13);
}

.rk-woo .woocommerce-message,
.rk-woo .woocommerce-info,
.rk-woo .woocommerce-error {
  list-style: none; padding: 15px 18px; border-radius: var(--rk-radius-sm);
  margin-bottom: 22px; border: 1px solid;
}
.rk-woo .woocommerce-message { background: var(--rk-accent-soft); border-color: #bbf7d0; }
.rk-woo .woocommerce-info { background: var(--rk-brand-soft); border-color: #fed7aa; }
.rk-woo .woocommerce-error { background: #fef2f2; border-color: #fecaca; }

/* ---------- WooCommerce BLOKI (košarica, blagajna, račun) ----------
   Sodobni WooCommerce uporablja bloke (React), ki imajo svoje stile.
   Tukaj jih uskladimo z videzom teme. */
.rk-woo--stran { padding: 40px 0 60px; }
.rk-woo__head { margin-bottom: 30px; }
.rk-woo__head h1 { margin: 0; }

/* Naslovi v blokih */
.wp-block-woocommerce-cart h1,
.wp-block-woocommerce-checkout h1,
.wc-block-cart__main h2,
.wc-block-components-title { font-family: var(--rk-font); letter-spacing: -.02em; }

/* Gumbi v blokih (React) */
.wc-block-components-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-checkout .wc-block-components-button,
.wc-block-components-button:not(.is-link) {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  padding: 15px 28px !important; border: 0 !important; border-radius: 999px !important;
  background: var(--rk-brand) !important;
  background-image: linear-gradient(135deg, var(--rk-brand), #d97706) !important;
  color: #fff !important; font: inherit !important; font-weight: 700 !important;
  line-height: 1 !important; text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(180, 83, 9, .26) !important;
  transition: background .2s ease, transform .12s ease;
}
.wc-block-components-button:hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover {
  background-image: linear-gradient(135deg, var(--rk-brand-ink), #b45309) !important;
}

/* Polja v blokih */
.wc-block-components-text-input input,
.wc-block-components-textarea,
.wc-block-components-select select,
.wc-block-components-address-form input,
.wc-block-components-address-form select {
  border: 1.5px solid var(--rk-line) !important;
  border-radius: var(--rk-radius-sm) !important;
  padding: 12px 14px !important;
  font: inherit !important;
  background: #fff !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-textarea:focus {
  border-color: var(--rk-brand) !important;
  box-shadow: 0 0 0 4px rgba(180, 83, 9, .13) !important;
  outline: none !important;
}

/* Tabela v košarici */
.wc-block-cart-items { border-radius: var(--rk-radius-sm); overflow: hidden; }
.wc-block-cart-items__header { background: #fdfaf7; }
.wc-block-cart-item__image img { border-radius: var(--rk-radius-sm); }

/* Povzetek naročila */
.wc-block-components-order-summary,
.wc-block-components-totals-wrapper { border-color: var(--rk-line) !important; }

/* Obvestila */
.wc-block-components-notice-banner { border-radius: var(--rk-radius-sm) !important; }
.wc-block-components-notice-banner.is-success { background: var(--rk-accent-soft) !important; border-color: #bbf7d0 !important; }
.wc-block-components-notice-banner.is-info { background: var(--rk-brand-soft) !important; border-color: #fed7aa !important; }

/* ---------- Noga ---------- */
.rk-footer { background: #1a1512; color: #b8aea6; padding: 48px 0 28px; margin-top: 60px; }
.rk-footer__grid { display: grid; gap: 30px; }
@media (min-width: 640px) { .rk-footer__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .rk-footer__grid { grid-template-columns: 1.5fr 1fr 1fr 1fr; } }
.rk-footer__naslov { color: #fff; font-size: 1.05rem; margin-bottom: .5em; }
.rk-footer__title { color: #fff; font-size: .95rem; margin-bottom: .7em; }
.rk-footer__col--brand .rk-brand__mark { margin-bottom: 12px; }
.rk-footer p { font-size: .92rem; }
.rk-footer a { color: #e8e0d9; text-decoration: none; }
.rk-footer a:hover { color: #fff; text-decoration: underline; }
.rk-footer__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; font-size: .93rem; }
.rk-footer .widget-title { color: #fff; font-size: .95rem; margin-bottom: .7em; }
.rk-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 34px; padding-top: 20px;
  display: flex; flex-wrap: wrap; gap: 8px 20px; justify-content: space-between;
  font-size: .84rem; color: #8a8078;
}
.rk-footer__bottom p { margin: 0; }

/* ---------- Arhiv / prazno ---------- */
.rk-archive { padding: 40px 0 60px; }
.rk-archive__head { text-align: center; max-width: 46em; margin: 0 auto 34px; }
.rk-archive__desc { color: var(--rk-ink-2); }
.rk-card { background: #fff; border: 1px solid var(--rk-line); border-radius: var(--rk-radius); overflow: hidden; box-shadow: var(--rk-shadow-xs); }
.rk-card__slika img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; }
.rk-card__body { padding: 20px 22px 24px; }
.rk-card__title { font-size: 1.1rem; }
.rk-card__title a { text-decoration: none; color: inherit; }
.rk-card__title a:hover { color: var(--rk-brand-ink); }
.rk-card__excerpt { color: var(--rk-ink-2); font-size: .93rem; }
.rk-card__more { display: inline-flex; align-items: center; gap: 7px; font-weight: 700; font-size: .9rem; text-decoration: none; color: var(--rk-brand-ink); }
.rk-empty { text-align: center; padding: 60px 20px; }

/* Paginacija */
.pagination, .woocommerce-pagination { margin-top: 34px; text-align: center; }
.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
  display: inline-grid; place-items: center; min-width: 40px; height: 40px; padding: 0 10px;
  margin: 0 3px; border-radius: 11px; border: 1.5px solid var(--rk-line);
  background: #fff; color: var(--rk-ink-2); text-decoration: none; font-weight: 600;
}
.pagination .page-numbers.current,
.woocommerce-pagination .page-numbers.current {
  background: var(--rk-brand); color: #fff; border-color: var(--rk-brand);
}
.pagination .page-numbers:hover:not(.current),
.woocommerce-pagination .page-numbers:hover:not(.current) { border-color: var(--rk-brand); color: var(--rk-brand-ink); }
.woocommerce-pagination ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.woocommerce-pagination ul li { border: 0; }

/* ---------- Odzivnost ---------- */

/* Telefoni: vsebina se ne sme dotikati robov in mora imeti dih.
   WooCommerce in WordPress privzeto stisneta vsebino ob rob — zato
   stranski padding povečamo in poskrbimo, da velja povsod (tudi na
   straneh, kjer je .rk-wrap uporabljen skupaj z drugimi razredi). */
@media (max-width: 700px) {
  /* Več zraka ob straneh — povsod, tudi če katero pravilo izniči padding. */
  .rk-wrap,
  .rk-wrap.rk-woo,
  .rk-wrap.rk-single,
  .rk-main > .rk-wrap,
  body.woocommerce .rk-wrap,
  body.woocommerce-page .rk-wrap {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  /* WooCommerce pogosto doda svoje ovije z lastnim paddingom 0. */
  .woocommerce .woocommerce-products-header,
  .woocommerce-page .woocommerce-products-header,
  .woocommerce ul.products,
  .woocommerce-page ul.products {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Sekcije dobijo več navpičnega prostora. */
  .rk-section { padding: 48px 0; }
  .rk-hero { padding: 56px 0 60px; }

  /* Besedilo naj ne bo nikoli od roba do roba. */
  .rk-wrap > h1,
  .rk-wrap > h2,
  .rk-wrap > h3,
  .rk-wrap > p,
  .rk-wrap > ul,
  .rk-wrap > ol,
  .rk-wrap > form {
    padding-left: 0;
    padding-right: 0;
  }

  /* Kartice, slike in tabele se ne smejo dotikati robov. */
  .rk-page, .rk-card, .rk-izdelek, .rk-woo,
  table.shop_table, .woocommerce-cart-form, .cart_totals,
  .wc-block-components-main, .wc-block-components-sidebar {
    border-radius: 14px;
  }
}

@media (max-width: 560px) {
  /* Dodaten zrak na najmanjših zaslonih. */
  .rk-wrap,
  .rk-wrap.rk-woo,
  .rk-wrap.rk-single,
  body.woocommerce .rk-wrap,
  body.woocommerce-page .rk-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .rk-section { padding: 42px 0; }
  .rk-ovitki { gap: 10px; }
  .rk-hero__cta .rk-btn { width: 100%; }
  .rk-products { grid-template-columns: 1fr; }
  .rk-product__foot { flex-direction: column; align-items: stretch; }
  .rk-product__foot .rk-btn { width: 100%; }
  .rk-bundle__foot { flex-direction: column; align-items: stretch; }
  .rk-bundle__foot .rk-btn { width: 100%; }
  .rk-woo .woocommerce-ordering { margin-bottom: 20px; }

  /* Naslovnice ostanejo kvadratne tudi na telefonu, da se napis ne odreže. */
  .rk-product__slika img,
  .rk-woo ul.products li.product img { aspect-ratio: 1 / 1; object-fit: contain; }
  .rk-product__mock { aspect-ratio: 1 / 1; }
  /* Dve kartici v vrsti že pri 480px, da ni treba dolgo drseti. */
  .rk-woo ul.products { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .rk-woo ul.products li.product .rk-product__title,
  .rk-product__title { font-size: .95rem; margin: 12px 14px .3em; }
  .rk-product__opis { display: none; }
  .rk-product__foot { padding: 12px 14px; }
  .rk-product__cena { font-size: .95rem; }
  .rk-btn--small { padding: 9px 12px; font-size: .82rem; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
  html { scroll-behavior: auto; }
}

/* ---------- Tisk ---------- */
@media print {
  .rk-header, .rk-footer, .rk-ovitki, .rk-bundle, .rk-povezani { display: none; }
  body { background: #fff; }
  .rk-hero { background: none; color: #000; }
  .rk-hero h1, .rk-hero .rk-lead { color: #000; }
}

/* Logotip v nogi — enak kot v glavi, a nekoliko manjsi. */
.rk-footer__logo { display: inline-block; margin-bottom: 12px; }
.rk-footer__logo img { height: 34px; width: auto; display: block; }

/* ==========================================================================
   BLOG — seznam člankov in posamezen članek
   ========================================================================== */

/* ---------- Seznam člankov ---------- */
.rk-archive { padding-top: 46px; padding-bottom: 70px; }
.rk-archive__head { max-width: 46em; margin: 0 auto 40px; text-align: center; }
.rk-archive__head h1 { margin-bottom: .3em; }
.rk-archive__desc { color: var(--rk-ink-2); font-size: 1.05rem; }

.rk-card {
  display: flex; flex-direction: column;
  border-radius: var(--rk-radius); overflow: hidden;
  border: 1px solid var(--rk-line); background-color: var(--rk-card);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.rk-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(61, 54, 48, .09); border-color: #e6d9c8; }
.rk-card__slika { display: block; overflow: hidden; background: var(--rk-line-soft); }
.rk-card__slika img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; display: block; transition: transform .35s ease; }
.rk-card:hover .rk-card__slika img { transform: scale(1.04); }
.rk-card__body { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1; }
.rk-card__title { font-size: 1.12rem; margin: 0 0 .5em; line-height: 1.3; }
.rk-card__title a { color: var(--rk-ink); text-decoration: none; }
.rk-card__title a:hover { color: var(--rk-brand-ink); }
.rk-card__excerpt { color: var(--rk-ink-2); font-size: .93rem; flex: 1; }
.rk-card__excerpt p { margin: 0 0 .6em; }
.rk-card__more {
  display: inline-flex; align-items: center; gap: 7px; margin-top: 12px;
  font-weight: 700; font-size: .9rem; text-decoration: none; color: var(--rk-brand-ink);
}
.rk-card__more:hover { gap: 11px; }

/* ---------- Posamezen članek ---------- */
.rk-clanek { padding-bottom: 70px; }

.rk-clanek__glava { padding: 46px 0 26px; text-align: center; }
.rk-clanek__oko {
  display: inline-block; margin: 0 0 14px;
  background: var(--rk-brand-soft); color: var(--rk-brand-ink);
  border-radius: 999px; padding: 5px 14px;
  font-size: .75rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
}
.rk-clanek__naslov {
  max-width: 20em; margin: 0 auto .4em;
  font-size: clamp(1.8rem, 4.6vw, 2.9rem); line-height: 1.16;
}
.rk-clanek__povzetek {
  max-width: 34em; margin: 0 auto 18px;
  font-size: clamp(1rem, 2.4vw, 1.14rem); color: var(--rk-ink-2); line-height: 1.6;
}
.rk-clanek__meta {
  margin: 0; color: var(--rk-muted); font-size: .88rem;
  display: flex; align-items: center; justify-content: center; gap: 8px; flex-wrap: wrap;
}
.rk-clanek__locilo { opacity: .5; }

.rk-clanek__slika { max-width: var(--rk-wrap); margin: 0 auto 40px; padding-inline: 18px; }
.rk-clanek__slika img {
  width: 100%; aspect-ratio: 16 / 9; object-fit: cover;
  border-radius: var(--rk-radius); display: block;
}

/* Telo članka — ozek, berljiv stolpec. */
.rk-clanek__telo {
  max-width: 44em; margin: 0 auto;
  font-size: 1.06rem; line-height: 1.78; color: var(--rk-ink);
}
.rk-clanek__telo > p:first-of-type { font-size: 1.14rem; color: var(--rk-ink); }
.rk-clanek__telo h2 {
  margin: 2em 0 .6em; font-size: clamp(1.3rem, 3vw, 1.62rem);
  padding-bottom: .3em; border-bottom: 2px solid var(--rk-brand-soft);
}
.rk-clanek__telo h3 { margin: 1.6em 0 .5em; font-size: 1.16rem; }
.rk-clanek__telo ul, .rk-clanek__telo ol { padding-left: 1.3em; margin: 0 0 1.2em; }
.rk-clanek__telo li { margin-bottom: .45em; }
.rk-clanek__telo strong { color: var(--rk-ink); font-weight: 700; }
.rk-clanek__telo blockquote {
  margin: 1.6em 0; padding: 18px 24px;
  border-left: 4px solid var(--rk-brand);
  background: var(--rk-brand-soft); border-radius: 0 var(--rk-radius-sm) var(--rk-radius-sm) 0;
  font-style: italic; color: var(--rk-ink-2);
}
.rk-clanek__telo img { border-radius: var(--rk-radius); margin: 1.4em 0; }

/* Poudarjen okvir za zdravilne učinkovine. */
.rk-clanek__telo .rk-ucinkovine {
  margin: 1.8em 0; padding: 22px 26px;
  background: linear-gradient(140deg, #f0f7ec, #f8fbf6);
  border: 1.5px solid #cfe3c4; border-radius: var(--rk-radius);
}
.rk-clanek__telo .rk-ucinkovine h3 { margin-top: 0; color: #3f6212; }

.rk-clanek__oznake { max-width: 44em; margin: 34px auto 0; display: flex; flex-wrap: wrap; gap: 8px; }
.rk-clanek__oznaka {
  display: inline-block; padding: 6px 13px; border-radius: 999px;
  background: var(--rk-brand-soft); color: var(--rk-brand-ink);
  font-size: .82rem; font-weight: 600; text-decoration: none;
}
.rk-clanek__oznaka:hover { background: var(--rk-brand); color: #fff; }

.rk-clanek__navigacija {
  max-width: 44em; margin: 44px auto 0;
  display: grid; gap: 14px; grid-template-columns: 1fr;
  border-top: 1px solid var(--rk-line); padding-top: 30px;
}
@media (min-width: 700px) { .rk-clanek__navigacija { grid-template-columns: 1fr 1fr; } }
.rk-clanek__smer {
  display: block; padding: 16px 20px; border-radius: var(--rk-radius);
  border: 1px solid var(--rk-line); background: var(--rk-card); text-decoration: none;
  transition: border-color .18s ease, background .18s ease;
}
.rk-clanek__smer:hover { border-color: var(--rk-brand); background: var(--rk-brand-soft); }
.rk-clanek__smer--naslednji { text-align: right; }
.rk-clanek__smer-oznaka { display: block; font-size: .76rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--rk-muted); margin-bottom: 5px; }
.rk-clanek__smer-naslov { display: block; font-weight: 600; color: var(--rk-ink); font-family: var(--rk-font-display); }

.rk-clanek__povezani { margin-top: 60px; padding-top: 46px; border-top: 1px solid var(--rk-line); }
.rk-clanek__povezani-naslov { text-align: center; margin-bottom: 30px; }

/* Odzivnost za blog. */
@media (max-width: 700px) {
  .rk-clanek__glava { padding: 32px 0 20px; }
  .rk-clanek__slika { margin-bottom: 28px; }
  .rk-clanek__telo { font-size: 1.02rem; line-height: 1.72; }
  .rk-archive { padding-top: 34px; padding-bottom: 50px; }
  .rk-card__body { padding: 16px 18px 18px; }
  .rk-clanek__smer--naslednji { text-align: left; }
}

/* ======================================================================
   JEZIKOVNI PREKLOP Z ZASTAVICAMI
   ======================================================================
   Menija v glavi ni — vse povezave so v nogi. V glavi je le izbira jezika.
   Zastavice so SVG, zato so ostre na vsaki ločljivosti in ne potrebujejo
   dodatnih zahtevkov. Na telefonu se skrijejo kode (SL/EN/DE) in ostanejo
   le zastavice, da je glava čim bolj čista.
   ====================================================================== */

.rk-jeziki {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  margin-right: 14px;
  padding: 3px;
  border: 1px solid rgba(180, 83, 9, .16);
  border-radius: 999px;
  background: rgba(255, 253, 250, .72);
}

.rk-jezik {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 9px 4px 5px;
  border-radius: 999px;
  color: #6b6259;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .04em;
  text-decoration: none;
  line-height: 1;
  transition: background-color .18s ease, color .18s ease;
}

.rk-jezik:hover,
.rk-jezik:focus-visible {
  background: rgba(180, 83, 9, .1);
  color: #b45309;
}

/* Trenutni jezik je označen, a ni povezava v drugo stran.
   Ozadje je svetlo, ker bi se na temni slovenska bela proga izgubila. */
.rk-jezik.is-active {
  background: rgba(180, 83, 9, .14);
  color: #8a3f07;
  box-shadow: inset 0 0 0 1.5px rgba(180, 83, 9, .45);
  cursor: default;
}

.rk-jezik.is-active:hover {
  background: #b45309;
  color: #fff;
}

.rk-zastava {
  display: block;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .18);
  flex: none;
}

.rk-jezik__koda {
  line-height: 1;
}

/* Na telefonu: samo zastavice, brez kod — glava ostane čista. */
@media (max-width: 700px) {
  .rk-jeziki {
    margin-right: 10px;
    gap: 2px;
    padding: 2px;
  }

  .rk-jezik {
    padding: 3px;
  }

  .rk-jezik__koda {
    display: none;
  }

  /* Trenutni jezik na telefonu: obroba namesto polnega ozadja,
     da zastavica ostane vidna. */
  .rk-jezik.is-active {
    background: rgba(180, 83, 9, .16);
    box-shadow: inset 0 0 0 2px #b45309;
  }
}

/* Na zelo ozkih zaslonih skrijemo preklop, da ne stisne logotipa. */
@media (max-width: 380px) {
  .rk-jeziki {
    display: none;
  }
}
/* ---------------------------------------------------------------------------
   GUMB ZA PREDOGLED PDF
   ---------------------------------------------------------------------------
   Kupec mora videti, kaj dobi, preden placa. Gumb odpre predogledni PDF
   v novem zavihku. Oblikovan je kot drugotni gumb — primarni je "V kosarico".
--------------------------------------------------------------------------- */
.rk-predogled {
	margin: 14px 0 6px;
}

.rk-predogled__gumb {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 20px;
	border: 2px solid #b45309;
	border-radius: 999px;
	background: #fffaf3;
	color: #b45309 !important;
	font-weight: 600;
	font-size: 15px;
	text-decoration: none !important;
	transition: background 0.18s ease, color 0.18s ease;
}

.rk-predogled__gumb:hover,
.rk-predogled__gumb:focus {
	background: #b45309;
	color: #fff !important;
}

.rk-predogled__ikona {
	font-size: 17px;
	line-height: 1;
}

.rk-predogled__opis {
	margin: 7px 0 0;
	font-size: 13px;
	color: #7a6a5c;
}

@media (max-width: 700px) {
	.rk-predogled__gumb {
		width: 100%;
		justify-content: center;
	}
}