/* Theme Name: custom_theme_certifikatdpp
   Author: Svetoven.net, Žiga Svet S.P.
   Author URI: https://svetoven.net
   Text Domain: custom_theme_certifikatdpp
   Template: Avada
   Version: 1.0.0
   License: GNU General Public License v2 or later
   License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* -------------------------------
   Custom MENU styling
--------------------------------*/

.certifikatdpp_custom_menu {
  width: 100%;
}

.certifikatdpp_custom_menu .menu-items {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 20px; /* razmik med itemi */
}

.certifikatdpp_custom_menu .menu-items > li {
  flex: 1;
  text-align: center;
  position: relative;
  border: 3px solid transparent;
  height: 140px; /* fiksna višina */
  transition: all 0.3s ease;
  box-sizing: border-box;
  background: #fff; /* kvadrat je bel tudi v osnovnem stanju */
}

/* Link: ikona + besedilo centrirano po višini */
.certifikatdpp_custom_menu .menu-items > li > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; /* centriraj po višini */
  text-decoration: none;
  font-weight: 600;
  color: #333;
  height: 100%;
  font-size: 14px; /* pomanjšano besedilo */
  transition: all 0.3s ease;
  padding: 0;
  gap: 8px; /* razmik med ikono in besedilom */
}

/* Ikone */
.certifikatdpp_custom_menu .menu-items > li[class*="icon-"] > a::before {
  font-family: "Font Awesome 5 Free"; /* ali FA6 glede na vključitev */
  font-weight: 900; /* solid */
  font-size: 32px; /* povečana ikona */
  line-height: 1;
  display: block;
  transition: all 0.3s ease;
}

/* Konkretne ikone s privzeto barvo kot border */
.certifikatdpp_custom_menu .menu-items > li.icon-home > a::before { content: "\f015"; color: #e63946; }
.certifikatdpp_custom_menu .menu-items > li.icon-file-alt > a::before { content: "\f15c"; color: #457b9d; }
.certifikatdpp_custom_menu .menu-items > li.icon-edit > a::before { content: "\f044"; color: #2a9d8f; }
.certifikatdpp_custom_menu .menu-items > li.icon-th-large > a::before { content: "\f0ac"; color: #f4a261; }
.certifikatdpp_custom_menu .menu-items > li.icon-envelope > a::before { content: "\f0e0"; color: #264653; }

/* -------------------------------
   Sub-menu
--------------------------------*/

.certifikatdpp_custom_menu .sub-menu {
  position: absolute;
  top: calc(100% + 8px); /* 8px pod borderjem */
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  min-width: 220px;
  background: inherit;
  padding: 0;
  margin: 0;
  list-style: none;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.certifikatdpp_custom_menu .sub-menu li {
  border-bottom: 1px solid rgba(255,255,255,0.2);
}

.certifikatdpp_custom_menu .sub-menu li:last-child {
  border-bottom: none;
}

.certifikatdpp_custom_menu .sub-menu li a {
  display: block;
  padding: 10px 15px;
  color: #fff;
  text-decoration: none;
  font-weight: 400;
  transition: all 0.3s ease;
}

/* pokaži sub-menu ob hoverju */
.certifikatdpp_custom_menu .menu-items > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}

/* -------------------------------
   Barvne različice (border + hover)
--------------------------------*/

/* color-1 */
.certifikatdpp_custom_menu .menu-items > li.color-1 { border-color: #e63946; }
.certifikatdpp_custom_menu .menu-items > li.color-1:hover { background: #e63946; }
.certifikatdpp_custom_menu .menu-items > li.color-1:hover > a,
.certifikatdpp_custom_menu .menu-items > li.color-1:hover > a::before { color: #fff; }
.certifikatdpp_custom_menu .menu-items > li.color-1 .sub-menu { background: #e63946; }
.certifikatdpp_custom_menu .menu-items > li.color-1 .sub-menu li a:hover { background: #fff; color: #e63946; border-left: 3px solid #e63946; }

/* color-2 */
.certifikatdpp_custom_menu .menu-items > li.color-2 { border-color: #457b9d; }
.certifikatdpp_custom_menu .menu-items > li.color-2:hover { background: #457b9d; }
.certifikatdpp_custom_menu .menu-items > li.color-2:hover > a,
.certifikatdpp_custom_menu .menu-items > li.color-2:hover > a::before { color: #fff; }
.certifikatdpp_custom_menu .menu-items > li.color-2 .sub-menu { background: #457b9d; }
.certifikatdpp_custom_menu .menu-items > li.color-2 .sub-menu li a:hover { background: #fff; color: #457b9d; border-left: 3px solid #457b9d; }

/* color-3 */
.certifikatdpp_custom_menu .menu-items > li.color-3 { border-color: #2a9d8f; }
.certifikatdpp_custom_menu .menu-items > li.color-3:hover { background: #2a9d8f; }
.certifikatdpp_custom_menu .menu-items > li.color-3:hover > a,
.certifikatdpp_custom_menu .menu-items > li.color-3:hover > a::before { color: #fff; }
.certifikatdpp_custom_menu .menu-items > li.color-3 .sub-menu { background: #2a9d8f; }
.certifikatdpp_custom_menu .menu-items > li.color-3 .sub-menu li a:hover { background: #fff; color: #2a9d8f; border-left: 3px solid #2a9d8f; }

/* color-4 */
.certifikatdpp_custom_menu .menu-items > li.color-4 { border-color: #f4a261; }
.certifikatdpp_custom_menu .menu-items > li.color-4:hover { background: #f4a261; }
.certifikatdpp_custom_menu .menu-items > li.color-4:hover > a,
.certifikatdpp_custom_menu .menu-items > li.color-4:hover > a::before { color: #fff; }
.certifikatdpp_custom_menu .menu-items > li.color-4 .sub-menu { background: #f4a261; }
.certifikatdpp_custom_menu .menu-items > li.color-4 .sub-menu li a:hover { background: #fff; color: #f4a261; border-left: 3px solid #f4a261; }

/* color-5 */
.certifikatdpp_custom_menu .menu-items > li.color-5 { border-color: #264653; }
.certifikatdpp_custom_menu .menu-items > li.color-5:hover { background: #264653; }
.certifikatdpp_custom_menu .menu-items > li.color-5:hover > a,
.certifikatdpp_custom_menu .menu-items > li.color-5:hover > a::before { color: #fff; }
.certifikatdpp_custom_menu .menu-items > li.color-5 .sub-menu { background: #264653; }
.certifikatdpp_custom_menu .menu-items > li.color-5 .sub-menu li a:hover { background: #fff; color: #264653; border-left: 3px solid #264653; }

/* -------------------------------
   custom dinamičen seznam imetnikov
--------------------------------*/
/* --- Wrapper za scroll na mobile --- */
.table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* Tabela */
.company-status-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px; /* vsaj 3 stolpci lepo berljivi */
}

.company-status-table th,
.company-status-table td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
  position: relative;
}

.company-status-table th:first-child,
.company-status-table td:first-child { width: 66.6%; }
.company-status-table th:nth-child(2),
.company-status-table td:nth-child(2),
.company-status-table th:nth-child(3),
.company-status-table td:nth-child(3) { width: 16.7%; }

/* Alias zamaknjen */
.company-status-table td.company-alias { padding-left: 25px; }

/* Filter gumb */
.filter-btn {
  background: none;
  border: none;
  cursor: pointer;
  margin-left: 5px;
  font-size: 14px;
}

/* Dropdown */
.filter-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 8px;
  max-height: 220px;  
  overflow-y: auto;
  z-index: 100;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  border-radius: 4px;
}
.filter-dropdown label {
  display: block;
  margin: 3px 0;
  font-size: 13px;
  cursor: pointer;
}

/* Barve linkov po statusu */
.row-status-osnovni-certifikat a { color: #f86924; font-weight: bold; }
.row-status-polni-certifikat a   { color: #0693e3; font-weight: bold; }
.row-status-v-mirovanju a        { color: #10284a; font-weight: bold; }
.row-status-neaktiven a          { color: #888; text-decoration: none; pointer-events: none; }

/* Hover za linke */
.company-status-table td a:hover { color: #35bc7a; text-decoration: underline; }

/* Neaktivna podjetja tudi tekst sivo */
.row-status-neaktiven td { color: #888; }


/* Barve linkov */
.row-status-osnovni-certifikat a { color: #f86924; font-weight: bold; }
.row-status-polni-certifikat a   { color: #0693e3; font-weight: bold; }
.row-status-v-mirovanju a        { color: #10284a; font-weight: bold; }
.row-status-neaktiven a          { color: #10284a; }

/* Hover */
.company-status-table a:hover {
  color: #35bc7a;
  text-decoration: underline;
}

/* Custom CSS for Featured Images Slider */
.center-slider {
  display: flex;
  justify-content: center;
}

/* Skrij custom menu na mobilnih (970px in manj) */
@media (max-width: 970px) {
  .certifikatdpp_custom_menu {
    display: none !important;
  }
}