/* =====================================================
   Abbylandia – nový vzhľad (krok 1: štýly)
   Vypnutie: zmazať riadok s odkazom na tento súbor
   v Vzhľad a obsah → Editor → HTML kód → Hlavička.
   Horná oranžová lišta sa nemení.
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&display=swap');

:root {
  --ab-bg: #FBF7F2;        /* teplá krémová – pozadie */
  --ab-paper: #F3EBE1;     /* béžová – sekcie */
  --ab-ink: #33281F;       /* tmavohnedá – text */
  --ab-muted: #5E4E44;     /* tlmený text */
  --ab-accent: #7A5A49;    /* tlačidlá */
  --ab-accent-dark: #5F4537;
  --ab-line: #E6DACD;
  --ab-serif: 'Cormorant Garamond', Georgia, serif;
  --ab-sans: 'Nunito Sans', 'Source Sans 3', sans-serif;
}

/* ---------- Písmo a farby celého webu ---------- */
body,
.content-wrapper,
#content-wrapper {
  background-color: var(--ab-bg) !important;
}
body,
button, input, select, textarea {
  font-family: var(--ab-sans) !important;
  color: var(--ab-ink);
}
h1, h2, h3,
.h1, .h2, .h3, .h4,
.homepage-group-title {
  font-family: var(--ab-serif) !important;
  font-weight: 600 !important;
  color: var(--ab-ink);
  letter-spacing: -0.005em;
}

/* ---------- Hlavička ---------- */
#header {
  background-color: var(--ab-bg) !important;
  border-bottom: 1px solid var(--ab-line);
}
#navigation .menu-level-1 > li > a {
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* ---------- Nadpisy sekcií na titulnej strane ---------- */
.in-index .homepage-group-title,
.in-index #hodnoceniobchodu h2 {
  font-size: 40px !important;
  line-height: 1.1;
  text-transform: none !important;
  margin: 56px 0 24px !important;
}
@media (max-width: 767px) {
  .in-index .homepage-group-title,
  .in-index #hodnoceniobchodu h2 {
    font-size: 30px !important;
    margin: 36px 0 16px !important;
  }
}

/* ---------- Tlačidlá ---------- */
.btn.btn-primary,
.btn.btn-conversion,
.btn.btn-secondary,
.footer-newsletter .btn {
  border-radius: 999px !important;
  font-weight: 700 !important;
  min-height: 44px;
  padding-left: 22px !important;
  padding-right: 22px !important;
}
.btn.btn-conversion,
.footer-newsletter .btn {
  background-color: var(--ab-accent) !important;
  border-color: var(--ab-accent) !important;
  color: #fff !important;
}
.btn.btn-conversion:hover,
.footer-newsletter .btn:hover {
  background-color: var(--ab-accent-dark) !important;
  border-color: var(--ab-accent-dark) !important;
}

/* ---------- Produktové karty ---------- */
.products .product .p {
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid var(--ab-line);
  transition: box-shadow .25s ease, transform .25s ease;
}
.products .product .p:hover {
  box-shadow: 0 12px 28px rgba(51, 40, 31, 0.10);
  transform: translateY(-2px);
}
.products .product .p .image img {
  border-radius: 0;
}
.products .product .p-in {
  padding: 14px 16px 18px !important;
}
.products .product .name {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.35;
  color: var(--ab-ink) !important;
}
.products .product .price-final {
  font-size: 18px;
  font-weight: 700;
  color: var(--ab-ink) !important;
}
/* Štítky Novinka / Viac farieb */
.flag {
  border-radius: 999px !important;
  font-weight: 700;
  padding: 4px 10px !important;
}

/* ---------- Výhody (ikony pod bannerom) ---------- */
.dklabBanplusIkony {
  background: var(--ab-paper) !important;
  border-radius: 24px;
  box-shadow: none !important;
}
.dklabBanplusIkonaPopis,
.dklabBanplusIkonaPopis * {
  font-family: var(--ab-sans) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--ab-muted) !important;
}
.dklabBanplusIkonaPopis strong,
.dklabBanplusIkonaPopis b,
.dklabBanplusIkonaPopis h3,
.dklabBanplusIkonaPopis h4 {
  color: var(--ab-ink) !important;
}

/* ---------- Kategórie (obrázkové bannery) ---------- */
.dklabBanplusBox,
.dklabBanplusBox img {
  border-radius: 20px !important;
  overflow: hidden;
}

/* ---------- Hodnotenia ---------- */
#hodnoceniobchodu .rate-average {
  font-family: var(--ab-serif);
  font-size: 40px;
  font-weight: 600;
}
#hodnoceniobchodu .vote-wrap {
  background: #fff !important;
  border: 1px solid var(--ab-line) !important;
  border-radius: 20px;
  padding: 20px !important;
}
#hodnoceniobchodu .vote-content {
  font-family: var(--ab-serif);
  font-size: 19px;
  line-height: 1.35;
  color: var(--ab-ink);
}

/* ---------- Blog ---------- */
.homepage-blog-wrapper .news-item {
  background: #fff;
  border: 1px solid var(--ab-line);
  border-radius: 20px;
  overflow: hidden;
}
.homepage-blog-wrapper .news-item .title {
  font-family: var(--ab-serif);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
}

/* ---------- Newsletter ---------- */
.footer-newsletter-full-width {
  background: var(--ab-paper) !important;
}
.footer-newsletter .form-control {
  border-radius: 999px !important;
  min-height: 48px;
  border-color: #CDBBAA !important;
}

/* ---------- Pätička ---------- */
#footer {
  background-color: var(--ab-paper) !important;
}