/* Dopasowanie podstrony RAKUN do strony IDEA HOME.
   Ładowany po stylach strony RAKUN (wstawia go tools/import-rakun.ps1). */

/* czcionka IDEA HOME (Manrope) wszędzie poza logo RAKUN */
body, body *:not(.logo) { font-family: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif !important; }
.logo, .logo * { font-family: "Quicksand", "Manrope", sans-serif !important; }

/* kolory IDEA HOME */
:root { --ih-olive: #5E6A3A; --ih-olive-ink: #47512B; --ih-dark: #242422; --ih-on-dark: #F4F2EC; }

/* jeden nagłówek: logo IDEA HOME (powrót) + logo RAKUN, menu RAKUNA, Kup online, menu na telefonie */
.ih-brand { display: flex; align-items: center; gap: 14px; }
.ih-home { display: block; padding-right: 14px; border-right: 1px solid rgba(255,255,255,.55); line-height: 0; transition: border-color .35s; }
.ih-home img { height: 38px; width: auto; }
.ih-home .on-light { display: none; }
header.scrolled .ih-home, header.ih-menu-open .ih-home { border-color: var(--line); }
header.scrolled .ih-home .on-dark, header.ih-menu-open .ih-home .on-dark { display: none; }
header.scrolled .ih-home .on-light, header.ih-menu-open .ih-home .on-light { display: block; }
.ih-right { display: flex; align-items: center; gap: 12px; }
.ih-buy { background: var(--ih-olive); color: #fff !important; padding: 9px 14px; border-radius: 3px; font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; white-space: nowrap; text-shadow: none; }
.ih-buy:hover { background: var(--ih-olive-ink); }
nav.main-nav { gap: 28px !important; align-items: center; }
.ih-burger { display: none; width: 40px; height: 40px; border: 0; background: none; padding: 11px 8px; cursor: pointer; flex-direction: column; justify-content: space-between; }
.ih-burger span { display: block; height: 2px; background: #fff; border-radius: 2px; transition: background .3s; }
header.scrolled .ih-burger span, header.ih-menu-open .ih-burger span { background: var(--ink); }
@media (max-width: 760px) {
  .ih-burger { display: flex; }
  .nav-inner { padding: 12px 16px !important; }
  .ih-brand { gap: 10px; }
  .ih-home { padding-right: 10px; }
  .ih-home img { height: 30px; }
  .logo { font-size: 1.6rem !important; }
  .ih-right .ih-buy { display: none; }
  .nav-inner { flex-wrap: nowrap; width: 100%; max-width: 100vw; box-sizing: border-box; }
  header { left: 0; right: 0; width: 100%; }
  .ih-brand { min-width: 0; }
  header.ih-menu-open { background: var(--cream) !important; }
  header.ih-menu-open .logo { color: var(--ink) !important; text-shadow: none !important; }
  nav.main-nav.ih-open { display: flex !important; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; gap: 0 !important; background: var(--cream); border-top: 1px solid var(--line); padding: 6px 20px 14px; box-shadow: 0 12px 24px rgba(61,51,42,.12); }
  nav.main-nav.ih-open a { color: var(--ink) !important; text-shadow: none !important; padding: 14px 0 !important; border-bottom: 1px solid var(--line); }
  nav.main-nav.ih-open a::after { display: none; }
}

/* przyciski w stylu IDEA HOME */
.btn, .ih-btn { display: inline-flex; align-items: center; gap: .6em; padding: .95em 1.6em !important; border-radius: 3px !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase; border: 1px solid var(--ih-olive) !important; background: var(--ih-olive) !important; color: #fff !important; text-decoration: none; transition: background .2s, color .2s, border-color .2s; transform: none !important; }
.btn:hover, .ih-btn:hover { background: var(--ih-olive-ink) !important; border-color: var(--ih-olive-ink) !important; }
.btn.outline, .ih-btn-outline { background: transparent !important; color: var(--ink) !important; border-color: var(--ink) !important; }
.btn.outline:hover, .ih-btn-outline:hover { background: var(--ink) !important; color: var(--white) !important; }

/* cena i przycisk przy produkcie */
.ih-buyrow { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-top: 12px; }
.ih-price { font-weight: 700; font-size: 1rem; color: var(--ink); font-variant-numeric: tabular-nums; }
.ih-price small { display: block; font-size: 10px; font-weight: 600; color: var(--ink-soft); }
.ih-buyrow .ih-btn { padding: .7em 1.1em !important; font-size: 11px !important; }

/* stopka: sklep obok Allegro */
footer .ih-btn { margin: 0 10px 10px 0; padding: .7em 1.1em !important; font-size: 11px !important; }
.idea-home-logo a { display: inline-block; }

/* większe miniatury produktów (postacie Rakuna bez zmian) */
.editorial-item .thumb { overflow: visible; margin: 26px 0 24px; }
.editorial-item .thumb img { transform: scale(1.4); transform-origin: 50% 55%; }
.editorial-item:hover .thumb img { transform: scale(1.46); }
#chemia .editorial-item, #akcesoria .editorial-item { max-width: 230px; }
#chemia .editorial-grid { max-width: 520px; }
#akcesoria .editorial-grid.cols-2 { max-width: 230px; }
@media (max-width: 760px) { .editorial-item .thumb img { transform: scale(1.25); } .editorial-item:hover .thumb img { transform: scale(1.3); } }

/* telefon: zamiast filmu kadr z filmu, bez przycisku dźwięku */
.ih-lite #sound-toggle { display: none !important; }
.ih-lite .hero-video video { object-fit: cover; }
.ih-buy-m { display: none !important; }
@media (max-width: 760px) { nav.main-nav.ih-open .ih-buy-m { display: block !important; margin-top: 12px; text-align: center; border-bottom: 0; color: #fff !important; } }
.ih-buyrow .ih-btn { white-space: nowrap; }
@media (max-width: 760px) { .ih-buyrow .ih-btn { padding: .65em .8em !important; font-size: 10px !important; letter-spacing: .06em !important; } }
.ih-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* mydła: miniatury tej samej wielkości co w Chemii (2 kolumny), Rakun bez zmian */
@media (min-width: 761px) {
  #mydla .editorial-grid.cols-3 { grid-template-columns: repeat(2, 1fr); max-width: 520px; gap: 24px 21px; }
  #mydla .editorial-grid.cols-3 .editorial-item { max-width: 230px; }
  #mydla .prod-character, #chemia .prod-character { flex-shrink: 0; }
  #mydla .prod-character { align-self: center; }
}
.ih-allegro { background: #FF5A00 !important; border-color: #FF5A00 !important; }
.ih-allegro:hover { background: #E04E00 !important; border-color: #E04E00 !important; }

/* grafiki w stopce nie mogą zasłaniać przycisków (Allegro, dladomu.sklep.pl) */
.footer-graphic, .raccoon-tea-wrap { pointer-events: none; }
footer .ih-btn, footer a { position: relative; z-index: 3; }
/* przełącznik języka */
.ih-langs { display: flex; gap: 2px; }
.ih-langs a { font-size: 11px; font-weight: 700; letter-spacing: .06em; padding: 6px 5px; border-radius: 3px; color: inherit; opacity: .7; text-decoration: none; }
.ih-langs a:hover, .ih-langs a[aria-current] { opacity: 1; }
.ih-langs a[aria-current] { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 420px) { .ih-langs a { padding: 6px 3px; font-size: 10px; } }
/* wszystkie miniatury produktów tej samej szerokości (RAKUN Summer i ściereczki jak mydła i chemia) */
@media (min-width: 761px) {
  #spryskiwacz .editorial-item, #akcesoria .editorial-item { width: 210px; max-width: 210px; }
  #akcesoria .editorial-grid.cols-2 { max-width: 210px; }
}
/* telefon: wszystkie produkty w dwóch równych kolumnach */
@media (max-width: 760px) {
  #mydla .editorial-grid, #chemia .editorial-grid, #spryskiwacz .editorial-grid, #akcesoria .editorial-grid {
    display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px 14px !important; max-width: 100% !important; width: 100%; flex-direction: initial;
  }
  #mydla .editorial-item, #chemia .editorial-item, #spryskiwacz .editorial-item, #akcesoria .editorial-item { width: auto !important; max-width: none !important; margin: 0 !important; }
}