/* =====================================================
   FILE: submenu-categories.css
   VERSION: 202603301500

   SĀKUMA KOMENTĀRI:
   - Comics stila submenu priekš MyCassiopeia.
   - Strādā ar Custom HTML moduli (mod-custom + mod-list).
   - Augša = horizontāla krāsainu bloku rinda.
   - Apakša = dropdown zem konkrētā elementa.
   - Iekļauts shine hover efekts, neliels translateX efekts,
     vieglāks dropdown hover un jaunais krāsu komplekts.
===================================================== */

:root{
  --border-color:#D5D9E6;
  --text-main:#2C2F36;
  --text-soft:#6B7280;
  --text-disabled:#9CA3AF;
  --lrf-red:#9E1B34;
  --lrf-red-hover:#7F152A;
}

/* =========================================
   GLOBAL RESET
========================================= */

.mc-submenu-bg{
  background:transparent !important;
}

.mc-header-submenu,
.mc-header-submenu > *,
.mc-header-submenu .mod-custom.custom,
.mc-header-submenu .mod-custom.custom > .categories-main-list.mod-list{
  width:100%;
  max-width:100%;
  min-width:0;
}

.mc-header-submenu .mod-custom.custom{
  margin:0;
  padding:0;
}

/* =========================================
   GALVENĀ RINDA (COMICS)
========================================= */

.mc-header-submenu .categories-main-list.mod-list{
  display:flex !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent;
  border:0;
  box-shadow:none;
}

.mc-header-submenu .categories-main-list.mod-list > li{
  position:relative;
  flex:1 1 0 !important;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* =========================================
   TOP LEVEL LINKI
========================================= */

.mc-header-submenu .categories-main-list.mod-list > li > a,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:50px;
  padding:10px 14px;
  text-align:center;
  text-decoration:none !important;
  color:#fff !important;
  font-family:var(--fs-font-menu, "Barlow Semi Condensed", system-ui, sans-serif) !important;
  font-weight:600 !important;
  font-size:0.82rem;
  line-height:1.15;
  letter-spacing:0.04em;
  text-transform:uppercase;
  border-radius:0 !important;
  border-right:1px solid rgba(255,255,255,.18);
  box-shadow:none !important;
  position:relative;
  overflow:hidden;
  transition:
    background-color .25s ease,
    color .25s ease,
    transform .25s ease,
    box-shadow .25s ease;
  z-index:1;
}

.mc-header-submenu .categories-main-list.mod-list > li:first-child > a,
.mc-header-submenu .categories-main-list.mod-list > li:first-child > .category-link{
  border-left:1px solid rgba(255,255,255,.18);
}

/* Shine */
.mc-header-submenu .categories-main-list.mod-list > li > a::before,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link::before{
  content:"";
  position:absolute;
  top:0;
  left:-65%;
  width:36%;
  height:100%;
  background:linear-gradient(
    115deg,
    transparent 0%,
    rgba(255,255,255,.08) 35%,
    rgba(255,255,255,.24) 50%,
    rgba(255,255,255,.08) 65%,
    transparent 100%
  );
  transform:skewX(-22deg);
  pointer-events:none;
  transition:left .5s ease;
  z-index:1;
}

/* Hover / focus */
.mc-header-submenu .categories-main-list.mod-list > li > a:hover,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link:hover,
.mc-header-submenu .categories-main-list.mod-list > li > a:focus,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link:focus,
.mc-header-submenu .categories-main-list.mod-list > li > a:focus-visible,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link:focus-visible{
  transform:translateX(2px);
  box-shadow:inset 3px 0 0 rgba(255,255,255,.24) !important;
  color:#fff !important;
  text-decoration:none !important;
  outline:0 !important;
}

.mc-header-submenu .categories-main-list.mod-list > li > a:hover::before,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link:hover::before,
.mc-header-submenu .categories-main-list.mod-list > li > a:focus::before,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link:focus::before,
.mc-header-submenu .categories-main-list.mod-list > li > a:focus-visible::before,
.mc-header-submenu .categories-main-list.mod-list > li > .category-link:focus-visible::before{
  left:125%;
}

/* =========================================
   LIELAIS BALTAIS STŪRĪTIS
========================================= */

.mc-header-submenu .categories-main-list.mod-list > li::after{
  content:"";
  position:absolute;
  right:4px;
  bottom:3px;
  width:0;
  height:0;
  border-left:10px solid transparent;
  border-bottom:10px solid rgba(255,255,255,.95);
  pointer-events:none;
  z-index:4;
}

/* =========================================
   PUNKTIEM AR SUBMENU
========================================= */

.mc-header-submenu .has-submenu > .category-link,
.mc-header-submenu .has-submenu > a{
  font-weight:700 !important;
  padding-right:16px;
}

.mc-header-submenu .has-submenu > .category-link::after,
.mc-header-submenu .categories-main-list .has-submenu > .category-link::after,
.mc-header-submenu .categories-main-list > li.has-submenu > a::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  box-shadow:none !important;
}

/* =========================================
   DROPDOWN
========================================= */

.mc-header-submenu .submenu{
  list-style:none;
  padding:8px 0;
  margin:0;
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:240px;
  background:#ffffff;
  border:1px solid var(--border-color);
  box-shadow:0 12px 26px rgba(24,32,56,.12);
  z-index:1000;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(6px);
  transition:
    opacity .32s ease,
    transform .32s ease,
    visibility 0s linear .32s;
}

.mc-header-submenu .has-submenu .submenu::before{
  content:"";
  position:absolute;
  left:0;
  top:-8px;
  width:100%;
  height:8px;
  background:transparent;
}

.mc-header-submenu .submenu li{
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}

.mc-header-submenu .submenu a{
  display:block;
  padding:10px 14px;
  text-decoration:none !important;
  font-family:var(--fs-font-menu, "Barlow Semi Condensed", system-ui, sans-serif) !important;
  font-size:0.92rem;
  font-weight:500;
  line-height:1.2;
  letter-spacing:0.01em;
  color:var(--text-main) !important;
  background:#ffffff;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  transition:
    background-color .18s ease,
    color .18s ease,
    padding-left .18s ease;
}

.mc-header-submenu .submenu a:hover,
.mc-header-submenu .submenu a:focus,
.mc-header-submenu .submenu a:focus-visible{
  background:#fafbfd;
  color:var(--lrf-red) !important;
  padding-left:17px;
  text-decoration:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

.mc-header-submenu .has-submenu:hover > .submenu,
.mc-header-submenu .has-submenu:focus-within > .submenu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
  transition:
    opacity .32s ease,
    transform .32s ease,
    visibility 0s linear 0s;
}

/* =========================================
   MOBILAIS
========================================= */

@media (max-width:991.98px){

  .mc-header-submenu .categories-main-list.mod-list{
    display:block !important;
  }

  .mc-header-submenu .categories-main-list.mod-list > li{
    flex:none !important;
  }

  .mc-header-submenu .categories-main-list.mod-list > li > a,
  .mc-header-submenu .categories-main-list.mod-list > li > .category-link{
    justify-content:flex-start !important;
    text-align:left;
    border-left:0 !important;
    border-right:0 !important;
    min-height:48px;
    padding:10px 14px;
  }

  .mc-header-submenu .submenu{
    position:static;
    top:auto;
    left:auto;
    min-width:100%;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    border:0;
    box-shadow:none;
    background:#f8f9fc;
    padding:0;
  }

  .mc-header-submenu .submenu::before{
    display:none;
  }

  .mc-header-submenu .submenu a{
    padding:10px 16px 10px 24px;
    background:#f8f9fc;
  }

  .mc-header-submenu .categories-main-list.mod-list > li > a:hover,
  .mc-header-submenu .categories-main-list.mod-list > li > .category-link:hover{
    transform:none;
  }
}

/* =========================================
   KRĀSAS
========================================= */

.cat-licences > a,
.cat-licences > .category-link{
  background-color:#981427;
  color:#fff;
}

.cat-licences > a:hover,
.cat-licences > .category-link:hover{
  background-color:#7f1020;
}

.cat-invoices > a,
.cat-invoices > .category-link{
  background-color:#85409C;
  color:#fff;
}

.cat-invoices > a:hover,
.cat-invoices > .category-link:hover{
  background-color:#6f3583;
}

.cat-companies > a,
.cat-companies > .category-link{
  background-color:#4F59B3;
  color:#fff;
}

.cat-companies > a:hover,
.cat-companies > .category-link:hover{
  background-color:#434ca0;
}

.cat-prices > a,
.cat-prices > .category-link{
  background-color:#49A0A6;
  color:#fff;
}

.cat-prices > a:hover,
.cat-prices > .category-link:hover{
  background-color:#3e8b91;
}

.cat-categories > a,
.cat-categories > .category-link{
  background-color:#4FB364;
  color:#fff;
}

.cat-categories > a:hover,
.cat-categories > .category-link:hover{
  background-color:#419653;
}