/* Poznámka k váze selektorů: šablona má
     .wpc-menu.wpc-menu-mobile ul { display:none !important; }
   se stejnou vahou jako naše pravidla a její styl se načítá později,
   takže by při shodě vyhrála. Proto je všude navíc .wpc-menu - tím má
   náš selektor o jednu třídu víc a panel se na mobilu opravdu rozbalí. */

/* ==========================================================================
   Mega menu "Právní služby"
   Barvy podle manuálu vizuální identity: bordó nese jen akcenty, nosnou
   plochou je krém, karta v písku. Písmo zůstává to, které má web teď -
   přechod na Lexend patří k celkové výměně webu, ne k jedné nabídce.
   ========================================================================== */

.main-navigation .wpc-menu li.mp-mega-parent { position: static; }

.mp-mega{
  position:absolute; left:0; right:0; top:100%;
  z-index:120;
  background:#FBF7F1;
  border-top:1px solid #E4CFB6;
  border-bottom:1.5px solid #E4CFB6;
  box-shadow:0 18px 40px rgba(35,31,33,.10);
  text-align:left;
  cursor:default;
}
.mp-mega[hidden]{ display:none; }

/* Navigace má odkazy na jeden řádek. V panelu jsou ale celé názvy služeb,
   které se musí zalomit, jinak přetečou do vedlejšího sloupce. */
.main-navigation .wpc-menu .mp-mega,
.main-navigation .wpc-menu .mp-mega *{
  white-space:normal !important;
  overflow-wrap:break-word;
  text-align:left;
}

.main-navigation .wpc-menu .mp-mega .mp-mega__inner{ max-width:1180px; margin:0 auto; padding:26px 24px 20px; }

.main-navigation .wpc-menu .mp-mega .mp-mega__cols{
  display:grid; gap:26px;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,.85fr);
  align-items:start;
}

/* Šablona webu skrývá vnořené seznamy v navigaci a barví odkazy bíle,
   proto tady přebíjíme obojí. Bez toho by panel zůstal prázdný. */
.main-navigation .wpc-menu .mp-mega .mp-mega__head{
  margin:0 0 12px; padding:0;
  font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase;
  color:#8C2326 !important; line-height:1.4;
}
.main-navigation .wpc-menu .mp-mega ul,
.main-navigation .wpc-menu .mp-mega ul li{
  display:block !important; position:static !important;
  list-style:none !important; margin:0; padding:0;
  background:transparent !important; border:0 !important;
  box-shadow:none !important; width:auto !important;
  opacity:1 !important; visibility:visible !important;
  left:auto !important; top:auto !important;
}
.main-navigation .wpc-menu .mp-mega ul li::before,
.main-navigation .wpc-menu .mp-mega ul li::after{ content:none !important; }
.main-navigation .wpc-menu .mp-mega .mp-mega__col a{
  display:block !important; padding:6px 0 !important;
  font-size:14.5px !important; font-weight:600; line-height:1.35;
  padding-right:14px !important;
  color:#231F21 !important; text-transform:none !important;
  letter-spacing:0 !important; text-decoration:none; border:0 !important;
  background:transparent !important; width:auto !important;
  transition:color .15s;
}
.main-navigation .wpc-menu .mp-mega .mp-mega__col a:hover,
.main-navigation .wpc-menu .mp-mega .mp-mega__col a:focus{ color:#8C2326 !important; }

/* karta vpravo */
.main-navigation .wpc-menu .mp-mega .mp-mega__card{
  background:#F2EAE0; border-radius:16px; padding:20px;
}
.main-navigation .wpc-menu .mp-mega .mp-mega__card-title{
  margin:0 0 8px; font-size:15px; font-weight:700; line-height:1.3; color:#231F21;
}
.main-navigation .wpc-menu .mp-mega .mp-mega__card-text{
  margin:0 0 14px; font-size:13.5px; line-height:1.5; color:#4A4245;
}
.main-navigation .wpc-menu .mp-mega .mp-mega__btn{
  display:block; text-align:center;
  padding:11px 18px; border-radius:999px;
  background:linear-gradient(180deg,#A32B2E,#7A1D20);
  color:#FBF7F1 !important; font-size:14px; font-weight:700; text-decoration:none;
  box-shadow:0 8px 18px rgba(140,35,38,.24);
}
.main-navigation .wpc-menu .mp-mega .mp-mega__btn:hover{ background:#7A1D20; text-decoration:none; }
.main-navigation .wpc-menu .mp-mega .mp-mega__tel{
  display:block; margin-top:10px; text-align:center;
  font-size:13.5px; font-weight:600; color:#8C2326 !important; text-decoration:none;
}

/* spodní řádek */
.main-navigation .wpc-menu .mp-mega .mp-mega__foot{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
  margin-top:20px; padding-top:16px; border-top:1px solid #E4CFB6;
}
.main-navigation .wpc-menu .mp-mega .mp-mega__foot-label{
  font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#8A8078;
}
.main-navigation .wpc-menu .mp-mega .mp-mega__chips{ display:flex; flex-wrap:wrap; gap:8px; }
.main-navigation .wpc-menu .mp-mega .mp-mega__chips a{
  display:inline-block; padding:7px 15px; border-radius:999px;
  background:#F2DCC4; color:#231F21 !important;
  font-size:13px; font-weight:600; text-decoration:none; line-height:1.2;
}
.main-navigation .wpc-menu .mp-mega .mp-mega__chips a:hover{ background:#E4CFB6; text-decoration:none; }

/* ---------- mobil: panel je součástí rozbaleného menu ---------- */
/* Selektory musí mít stejnou váhu jako pravidla výše, jinak je nepřebijí. */
@media (max-width:980px){
  .main-navigation .wpc-menu .mp-mega{
    position:static !important; box-shadow:none; border:0;
    background:transparent; margin:2px 0 12px;
  }
  .main-navigation .wpc-menu .mp-mega .mp-mega__inner{ max-width:none; padding:0 4px; }
  .main-navigation .wpc-menu .mp-mega .mp-mega__cols{
    display:block !important;
  }
  .main-navigation .wpc-menu .mp-mega .mp-mega__col{ margin-bottom:18px; }
  .main-navigation .wpc-menu .mp-mega .mp-mega__head{ margin-bottom:8px; }
  /* Mobilní menu šablony seznamy schovává i výškou, ne jen vlastností
     display. Proto resetujeme všechno, čím se dá prvek skrýt. */
  .main-navigation .wpc-menu .mp-mega ul,
  .main-navigation .wpc-menu .mp-mega ul li,
  .main-navigation .wpc-menu .mp-mega .mp-mega__col a{
    max-height:none !important; height:auto !important;
    overflow:visible !important; visibility:visible !important;
    opacity:1 !important; transform:none !important; clip:auto !important;
  }
  .main-navigation .wpc-menu .mp-mega .mp-mega__col a{
    padding:10px 0 !important; font-size:15px !important;
    border-bottom:1px solid rgba(228,207,182,.5) !important;
  }
  .main-navigation .wpc-menu .mp-mega .mp-mega__card{ margin-top:6px; }
  .main-navigation .wpc-menu .mp-mega .mp-mega__foot{ margin-top:16px; }
}