/* =====================================================
   AXIOM S48 – legacy theme imports (MUST be first)
   ===================================================== */
@import url("./axiom_48/css/bootstrap.min.css");
@import url("./axiom_48/css/axiom_s48.theme.min.css");
@import url("./axiom_48/css/colours/plava-shema.css");


/* === Axiom S48 icon font: linea-basic-10 === */
@font-face {
  font-family: 'linea-basic-10';
  src: url('axiom_48/fonts/linea-basic-10.eot');
  src: url('axiom_48/fonts/linea-basic-10.eot?#iefix') format('embedded-opentype'),
       url('axiom_48/fonts/linea-basic-10.woff') format('woff'),
       url('axiom_48/fonts/linea-basic-10.ttf') format('truetype'),
       url('axiom_48/fonts/linea-basic-10.svg#linea-basic-10') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* =====================================================
   Axiom 48 – osTicket 1.17 client theme
   Phase 1: primary actions
   ===================================================== */

/* PRIMARY buttons (Submit, Create Ticket, etc.) */
button.primary,
button.button.primary,
input[type="submit"].primary,
a.button.primary {
  background-color: #45C3DB !important;
  border: 1px solid #1e889c !important;
  color: #ffffff !important;
}

/* Hover */
button.primary:hover,
button.button.primary:hover,
input[type="submit"].primary:hover,
a.button.primary:hover {
  background-color: #1e889c !important;
  border-color: #45C3DB !important;
  color: #ffffff !important;
}

/* =====================================================
   Axiom 48 – force styling for submit buttons
   osTicket 1.17+
   ===================================================== */

input[type="submit"],
input[type="button"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #45C3DB !important;
  border: 1px solid #1e889c !important;
  color: #ffffff !important;
  padding: 8px 16px !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

/* Hover */
input[type="submit"]:hover,
input[type="button"]:hover {
  background: #1e889c !important;
  border-color: #45C3DB !important;
}

/* Secondary buttons */
input[type="button"].secondary,
button.secondary,
a.button.secondary {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: #e6f4f8 !important;
  border: 1px solid #45C3DB !important;
  color: #1e889c !important;
  padding: 8px 16px !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

input[type="button"].secondary:hover,
button.secondary:hover,
a.button.secondary:hover {
  background: #c5ecf4 !important;
  color: #1e889c !important;
}


/* Inputs */
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 1px solid #45C3DB !important;
  border-radius: 3px !important;
}

/* Focus */
input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  border-color: #1e889c !important;
  box-shadow: 0 0 0 2px rgba(69,195,219,0.25) !important;
}


/* Messages */
#msg_notice {
  background: #c5ecf4 !important;
  border-left: 5px solid #45C3DB !important;
}

#msg_error {
  background: #fcd8ce !important;
  border-left: 5px solid #F3673E !important;
}

#msg_warning {
  background: #fff9eb !important;
  border-left: 5px solid #FFC752 !important;
}



/* =====================================================
   AXIOM S48 – homepage card icons FIX (osTicket 1.17)
   ===================================================== */

/* Ikonica unutar kartice */
[data-icon]:before {
  font-family: "linea-basic-10" !important;
  font-size: 48px !important;        /* GLAVNA STVAR */
  line-height: 1 !important;
  display: block;
  margin-bottom: 12px;
  color: #00B2E3;
}

/* Centriranje kartice */
.block-box,
.home-card,
.home-box {
  text-align: center;
}

/* Hover efekat (boja ikone) */
.block-box:hover [data-icon]:before {
  color: #ffffff !important;
}


/* =====================================================
   AXIOM S48 – FIX icon size & alignment (osTicket 1.17)
   ===================================================== */

/* Glavna ikonica u karticama */
i.icon[data-icon]::before {
  font-family: "linea-basic-10" !important;
  font-size: 48px !important;
  line-height: 1 !important;
  display: inline-block;
  margin-bottom: 12px;
  color: #00B2E3;
}

/* Centriranje ikonice */
i.icon {
  display: block;
  text-align: center;
}

/* Hover – ikonica postaje bela */
.block-box:hover i.icon[data-icon]::before {
  color: #ffffff !important;
}



/* =====================================================
   AXIOM S48 – REAL icon size fix (osTicket 1.17)
   ===================================================== */

/* Glavni icon element (NE ::before) */
i.icon {
  font-family: "linea-basic-10" !important;
  font-size: 60px !important;
  line-height: 1.2 !important;
  display: block !important;
  text-align: center !important;
  color: #00B2E3 !important;
}

/* Hover */
.block-box:hover i.icon {
  color: #ffffff !important;
}


/* =====================================================
   AXIOM48 LITE – Home cards (osTicket 1.17)
   ===================================================== */

..axiom-home {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 32px;
  margin: 48px auto;          /* ← KLJUČNO */
  max-width: 900px;           /* ← DA BUDE KAO NA SLICI */
  justify-content: center;
}

}

.axiom-card {
  display: block;
  padding: 36px 28px;
  border-radius: 10px;
  background: #f5f9fb;
  text-align: center;
  text-decoration: none;
  color: #003344;
  transition: background .25s ease, transform .2s ease, box-shadow .2s ease;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

.axiom-card:hover {
  background: #00B2E3;
  color: #ffffff;
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}

/* Ikonica */
.axiom-card {
  display: block;
  padding: 36px 28px;
  border-radius: 10px;
  background: #f5f9fb;
  border: 2px solid #00B2E3; /* ← DODATO */
  text-align: center;
  text-decoration: none;
  color: #003344;
  transition: background .25s ease, transform .2s ease, box-shadow .2s ease, border-color .25s ease;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}

}

.axiom-card:hover {
  background: #00B2E3;
  color: #ffffff;
  border-color: #008ab0;
  transform: translateY(-4px);
  box-shadow: 0 14px 36px rgba(0,0,0,.18);
}


/* Naslovi */
.axiom-card h3 {
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: 600;
}

.axiom-card p {
  margin: 0;
  opacity: .9;
  font-size: 15px;
}

/* Responsive */
@media (max-width: 768px) {
  .axiom-home {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}


/* =====================================================
   Secondary home cards (Help Topics)
   ===================================================== */

/* wrapper ispod glavnih kartica */
.main-content .kb,
.main-content .kb ul,
.main-content .kb li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* grid za secondary kartice */
.main-content .kb ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 32px auto 0;
  max-width: 900px;
}

/* pojedinačna kartica */
.main-content .kb ul li a {
  display: block;
  padding: 16px 14px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #c5ecf4;
  text-decoration: none;
  color: #003344;
  font-size: 14px;
  transition: all .2s ease;
}

/* hover */
.main-content .kb ul li a:hover {
  background: #f1f8f9;
  border-color: #00B2E3;
  color: #00B2E3;
}