/* =========================================================
   Fair Elegance – vlastné štýly
   Mobilné menu (panel s odkazmi má plné pozadie)
   ========================================================= */

@media (max-width: 1024px) {

  /* panel s odkazmi – plné pozadie.
     !important prebije pravidlo .navigation-in { transparent !important } zo Záhlavia */
  .navigation-in.menu {
    background: #f6f1e7 !important;        /* krémová, ladí s webom */
    box-shadow: 0 10px 30px rgba(0,0,0,.15);
    padding: 14px 20px 24px;
    z-index: 9999;
  }

  /* jednotlivé položky */
  .navigation-in.menu .menu-level-1 > li,
  .navigation-in.menu .navigationActions > li {
    border-bottom: 1px solid rgba(35,76,54,.12);
  }

  .navigation-in.menu .menu-level-1 > li > a,
  .navigation-in.menu .navigationActions > li > a {
    display: block;
    padding: 15px 2px;
    color: #234c36;                        /* tmavozelená */
    font-size: 17px;
  }

  .navigation-in.menu .menu-level-1 > li > a b { font-weight: 600; }

  .navigation-in.menu a:active,
  .navigation-in.menu a:hover {
    color: #b08a37;                        /* zlatý akcent */
  }
}

/* === Výhody na úvodnej stránke === */
.fe-values__inner {
  max-width: 1200px;
  margin: 8px auto 40px;
  padding: 0 16px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.fe-value { text-align: center; }
.fe-value__icon {
  width: 64px; height: 64px;
  margin: 0 auto 16px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #1a3d2e;
  color: #1a3d2e;
}
.fe-value__title { font-size: 20px; font-weight: 700; color: #1a3d2e; margin: 0 0 8px; }
.fe-value__text { font-size: 15px; line-height: 1.6; color: #3a3a3a; margin: 0; }

/* Tablet: 2×2, mobil: pod sebou */
@media (max-width: 1024px) {
  .fe-values__inner { grid-template-columns: repeat(2, 1fr); gap: 28px; }
}
@media (max-width: 560px) {
  .fe-values__inner { grid-template-columns: 1fr; gap: 28px; }
}

/* Ikony cez CSS (WYSIWYG editor ich nemá ako vyhodiť) */
.fe-value:nth-child(1) .fe-value__icon::after,
.fe-value:nth-child(2) .fe-value__icon::after,
.fe-value:nth-child(3) .fe-value__icon::after,
.fe-value:nth-child(4) .fe-value__icon::after {
  content: "";
  width: 30px; height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* 1. Srdce – šije Odeth */
.fe-value:nth-child(1) .fe-value__icon::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a3d2e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}

/* 2. Cievka nite – kitenge bavlna */
.fe-value:nth-child(2) .fe-value__icon::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a3d2e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='3' width='12' height='3' rx='1'/%3E%3Crect x='6' y='18' width='12' height='3' rx='1'/%3E%3Cpath d='M8 6v12M16 6v12'/%3E%3Cpath d='M8 10h8M8 13h8'/%3E%3Cpath d='M16 18c2 .5 3 1.5 3 3'/%3E%3C/svg%3E");
}

/* 3. Kruhový strih – sukňa s vlnitým lemom */
.fe-value:nth-child(3) .fe-value__icon::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a3d2e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='3' width='6' height='2.5' rx='1'/%3E%3Cpath d='M9.2 5.5 L4.5 18.5 c2.5 1.6 5 -1 7.5 0 c2.5 1 5 1.6 7.5 0 L14.8 5.5'/%3E%3Cpath d='M10.8 6 L9.6 17.6 M13.2 6 L14.4 17.6'/%3E%3C/svg%3E");
}

/* 4. Vrecká – vrecko so štepovaním */
.fe-value:nth-child(4) .fe-value__icon::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a3d2e' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4.5 h14 v8 a7 7 0 0 1 -14 0 z'/%3E%3Cpath d='M7.5 7 v5.5 a4.5 4.5 0 0 0 9 0 V7' stroke-dasharray='2.4 2.4'/%3E%3C/svg%3E");
}