/* =====================================================================
   AgroKrajna - wyglad gornego menu (modul cttopmenu, PrestaShop 1.6)
   Plik: themes/zootech/css/autoload/agrokrajna-menu.css
   (pliki z css/autoload/ motyw laduje sam na kazdej stronie)
   Telefon (<768 px) zostaje bez zmian - wszystko w media query.
   ===================================================================== */

@media (min-width: 768px) {

  /* ---------- pasek glowny ---------- */
  #cttopmenu .navbar-default { background:#F6F9FC; border:1px solid #E1E8EF; border-radius:6px; }

  /* dzialy w rownych rzedach na cala szerokosc */
  #cttopmenu .navbar-nav { display:flex; flex-wrap:wrap; float:none; width:100%; margin:0; }
  #cttopmenu .navbar-nav > li { float:none; flex:1 1 auto; }
  #cttopmenu .navbar-nav > li > a {
    display:flex; align-items:center; justify-content:center; height:100%;
    padding:11px 12px; font-size:14px; font-weight:600; line-height:1.25; color:#22303c; text-align:center;
    transition:background-color .15s, color .15s;
  }
  #cttopmenu .navbar-nav > li > a:hover,
  #cttopmenu .navbar-nav > li > a:focus,
  #cttopmenu .navbar-nav > li.open > a,
  #cttopmenu .navbar-nav > li.open > a:hover,
  #cttopmenu .navbar-nav > li.open > a:focus { background:#E2EFFA; color:#0B70B8; }
  #cttopmenu .navbar-nav > li > a .caret { margin-left:5px; opacity:.55; }
  #cttopmenu .navbar-nav > li > a > .icon { margin-right:4px; }

  /* 12 dzialow = 2 rowne rzedy po 6 (dluzsze nazwy lamia sie na 2 linie) */
  #cttopmenu .navbar-nav > li.cttm-item-category-tree { flex:0 0 16.6666%; max-width:16.6666%; }

  /* ikona domku ukryta na komputerze (logo i tak prowadzi na strone glowna) - inaczej psuje uklad 6+6 */
  #cttopmenu .navbar-nav > li.cttm-item-custom-link:first-child { display:none; }

  /* ---------- drugi rzad: marki, dostawa, platnosci, poradniki, kontakt ---------- */
  /* "lamanie" rzedu: pseudo-element zajmuje 100% szerokosci miedzy dzialami a linkami informacyjnymi */
  #cttopmenu .navbar-nav:before { display:none; }
  #cttopmenu .navbar-nav:after { content:""; display:block; order:1; flex:0 0 100%; height:0; border-top:1px solid #E1E8EF; }
  #cttopmenu .navbar-nav > li.cttm-item-manufacturer-list,
  #cttopmenu .navbar-nav > li.cttm-item-cms-link,
  #cttopmenu .navbar-nav > li.cttm-item-cms-category-tree,
  #cttopmenu .navbar-nav > li.cttm-item-custom-link:not(:first-child) { order:2; flex:0 0 auto; }
  #cttopmenu .navbar-nav > li.cttm-item-manufacturer-list { margin-left:auto; }
  #cttopmenu .navbar-nav > li.cttm-item-manufacturer-list > a,
  #cttopmenu .navbar-nav > li.cttm-item-cms-link > a,
  #cttopmenu .navbar-nav > li.cttm-item-cms-category-tree > a,
  #cttopmenu .navbar-nav > li.cttm-item-custom-link:not(:first-child) > a {
    padding:7px 11px; font-size:12px; font-weight:600; letter-spacing:.02em; color:#56616c;
  }

  /* ---------- rozwijane menu (mega menu) ---------- */
  #cttopmenu .dropdown-menu {
    padding:0; border:0; border-top:3px solid #0B70B8; border-radius:0 0 8px 8px;
    box-shadow:0 12px 28px rgba(16,40,70,.16);
  }
  #cttopmenu .dropdown-menu .dropdown-content { padding:20px 24px 10px; }
  /* kolumny w rownych rzedach (bez "schodkow" przy roznej wysokosci) */
  #cttopmenu .dropdown-content > .row { display:flex; flex-wrap:wrap; }
  #cttopmenu .dropdown-content > .row > [class*="col-"] { float:none; margin-bottom:12px; }

  /* podkategoria (naglowek kolumny) */
  #cttopmenu .dropdown-content .list-unstyled > li > a {
    display:block; padding:4px 0 6px; font-size:14px; font-weight:700; line-height:1.3; color:#1A4F9F;
    border-bottom:1px solid #E6EEF6; margin-bottom:6px;
  }
  /* trzeci poziom */
  #cttopmenu .dropdown-content .sub-list { list-style:none; margin:0 0 8px; padding:0; }
  #cttopmenu .dropdown-content .sub-list > li > a {
    display:block; padding:3px 0 3px 12px; font-size:13px; font-weight:400; line-height:1.35; color:#3f4a55;
    border:0; margin:0; position:relative;
  }
  #cttopmenu .dropdown-content .sub-list > li > a:before {
    content:""; position:absolute; left:2px; top:.8em; width:4px; height:4px; border-radius:50%; background:#9CC8EA;
  }
  #cttopmenu .dropdown-content a:hover,
  #cttopmenu .dropdown-content a:focus { color:#0B70B8; text-decoration:underline; background:none; }
}

/* waskie desktopy / tablety poziomo: mniejsze odstepy, zeby dzialy miescily sie w 2 rzedach */
@media (min-width: 992px) and (max-width: 1199px) {
  #cttopmenu .navbar-nav > li > a { padding:10px 8px; font-size:13px; }
}
/* tablet: 3 rzedy po 4 dzialy */
@media (min-width: 768px) and (max-width: 991px) {
  #cttopmenu .navbar-nav > li.cttm-item-category-tree { flex-basis:25%; max-width:25%; }
  #cttopmenu .navbar-nav > li > a { padding:9px 8px; font-size:13px; }
  #cttopmenu .navbar-nav > li.cttm-item-manufacturer-list > a,
  #cttopmenu .navbar-nav > li.cttm-item-cms-link > a,
  #cttopmenu .navbar-nav > li.cttm-item-cms-category-tree > a,
  #cttopmenu .navbar-nav > li.cttm-item-custom-link:not(:first-child) > a { padding:7px 7px; font-size:11px; }
}