/* =====================================================
   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;
}

/* =====================================================
   GLOBAL RESET – white, no borders, no shadows
   ===================================================== */
html, body, #container, #content, #landing_page {
  background: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}

#content {
  padding-top: 18px;   /* glavni “odah” ispod menija */
  margin: 0 !important;
}

/* remove default osTicket nav everywhere */
#nav, #nav *, #nav + .clear {
  display: none !important;
}

/* Kill underline globally (osTicket ponekad vraća underline kroz theme) */
a, a:hover, a:focus, a:active {
  text-decoration: none !important;
}

/* =====================================================
   AXIOM HEADER – 2 ROWS (ALL PAGES)
   ===================================================== */
#axiom-header {
  background: #ffffff;
  border: none;
}

/* TOP ROW */
.axiom-header-top {
  max-width: 1200px;
  margin: 0 auto;
  padding: 14px 24px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Logo – STABILNO (bez “trzaja”) */
.axiom-logo {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
}
.axiom-logo:hover,
.axiom-logo:focus,
.axiom-logo:active {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .axiom-logo img {
    height: 48px;
    width: auto;
    display: block !important; /* uklanja baseline pomeranje */
  }
}




/* Auth (login/user) */
.axiom-auth {
  display: flex;
  align-items: center;
  gap: 14px;
}

.axiom-login-btn {
  padding: 10px 18px;
  border: 2px solid #00B2E3;
  border-radius: 4px;
  color: #00B2E3;
  font-size: 14px;
  font-weight: 600;
  background: transparent;
  transition: background .2s ease, color .2s ease;
}
.axiom-login-btn:hover {
  background: #00B2E3;
  color: #ffffff;
}

.axiom-username {
  font-weight: 600;
  color: #003344;
  white-space: nowrap;
  font-size: 14px;
}

.axiom-logout {
  padding: 6px 12px;
  border: 1px solid #00B2E3;
  border-radius: 4px;
  color: #00B2E3;
  font-weight: 500;
  background: transparent;
  transition: background .2s ease, color .2s ease;
}
.axiom-logout:hover {
  background: #00B2E3;
  color: #ffffff;
}

/* Divider line */
.axiom-header-divider {
  height: 1px;
  background: #e5e5e5;
}

/* BOTTOM ROW */
.axiom-header-bottom {
  padding-top: 16px;
  padding-bottom: 16px;
}

/* =====================================================
   AXIOM NAV – uniform width, hover like cards, NO MOVE
   ===================================================== */
.axiom-nav {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 56px;
}

/* uniform */
.axiom-nav-item {
  width: 150px;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 6px;
  background: transparent;
  transition: background .25s ease, color .25s ease;
  transform: none !important;
}

/* icon */
.axiom-nav-item .axiom-icon {
  display: block;
  font-family: "linea-basic-10";
  font-size: 58px;
  line-height: 1.1;      /* malo “više vazduha” da ne seče */
  color: #00B2E3;
}
.axiom-nav-item .axiom-icon::before {
  content: attr(data-icon);
  font-family: "linea-basic-10";
}

/* text */
.axiom-nav-item span {
  margin-top: 6px;
  font-size: 15px;
  font-weight: 400;
  color: #00B2E3;
  letter-spacing: 0.2px;
}

/* Tekst ispod ikonica – uvek centriran */
.axiom-nav-item span {
  text-align: center;
  width: 100%;
  line-height: 1.2;
}

/* hover = kao kartice (plavo + belo), bez pomeranja */
.axiom-nav-item:hover {
  background: #00B2E3;
}
.axiom-nav-item:hover span,
.axiom-nav-item:hover .axiom-icon,
.axiom-nav-item:hover .axiom-icon::before {
  color: #ffffff !important;
}

/* ACTIVE = samo JS (.is-active) – nema body.section-* konflikta */
.axiom-nav-item.is-active {
  background: #00B2E3;
}
.axiom-nav-item.is-active span,
.axiom-nav-item.is-active .axiom-icon,
.axiom-nav-item.is-active .axiom-icon::before {
  color: #ffffff !important;
  font-weight: 500;      /* samo mrvicu jače */
}

/* =====================================================
   HOME INTRO (title + bullets)
   ===================================================== */
.axiom-home-intro {
  max-width: 960px;
    margin-top: 0;
  margin-bottom: 32px;   /* bilo više */
  padding: 0 20px;
  text-align: center;
}

.axiom-title {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 14px;
  line-height: 1.2;
  color: #003344;
}

.axiom-subtitle {
  font-size: 18px;
  margin-bottom: 18px;
  line-height: 1.4;
  color: #333;
  font-weight: 400;
}

.axiom-features {
  list-style: none;
  padding: 0;
  margin: 0;
}

.axiom-features li {
  font-size: 15px;
  line-height: 1.35;
  margin: 3px 0;
  color: #003344;
  font-weight: 400;
}

/* =====================================================
   HOME PRIMARY CARDS (2 main cards) – NO CLIP
   ===================================================== */
.axiom-home-primary {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 56px;
  max-width: 980px;
  margin-top: 12px;
  margin: 0 auto 20px;
  padding: 0 20px;
  overflow: visible !important;
}

.axiom-card {
  display: block;
  background: #ffffff;
  border: 3px solid #00B2E3;
  border-radius: 6px;
  padding: 56px 36px;
  text-align: center;
  overflow: visible !important;
  transition: background .25s ease, color .25s ease;
}

/* icon (fix: give bottom room so glyph isn’t cut) */
.axiom-card .axiom-icon {
  display: block;
  font-family: "linea-basic-10";
  font-size: 96px;
  line-height: 1.15;
  margin-bottom: 22px;
  color: #00B2E3;
  padding-bottom: 14px;  /* ključ: prostor za “donju liniju” */
}
.axiom-card .axiom-icon::before {
  content: attr(data-icon);
}

/* text */
.axiom-card h3 {
  font-size: 24px;
  margin-bottom: 12px;
  font-weight: 600;
  color: #00B2E3;
  letter-spacing: 0.2px;
}
.axiom-card p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  color: #00B2E3;
  font-weight: 400;
}

/* hover – identično meniju, bez pomeranja */
.axiom-card:hover {
  background: #00B2E3;
}
.axiom-card:hover,
.axiom-card:hover h3,
.axiom-card:hover p,
.axiom-card:hover .axiom-icon,
.axiom-card:hover .axiom-icon::before {
  color: #ffffff !important;
}

/* no move */
.axiom-card:hover,
.axiom-nav-item:hover {
  transform: none !important;
}

/* =====================================================
   RESPONSIVE
   ===================================================== */
@media (max-width: 900px) {
  .axiom-home-primary {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .axiom-card {
    padding: 44px 28px;
  }
  .axiom-card .axiom-icon {
    font-size: 72px;
    padding-bottom: 12px;
  }
}

@media (max-width: 768px) {
  .axiom-header-top {
    flex-direction: column;
    gap: 14px;
    align-items: center;
  }
  .axiom-nav {
    gap: 28px;
    flex-wrap: wrap;
  }
  .axiom-nav-item {
    width: 140px;
  }
}

/* =====================================================
   AXIOM48 – Full-width menu separators + wider layout
   ===================================================== */

/* gornja linija – iznad menija */
.axiom-header-divider {
  width: 100vw;
  height: 1px;
  background: #cbcbcb;
  margin-left: calc(50% - 50vw)
  ;
}

/* donja linija – ispod menija */
.axiom-header-bottom::after {
  content: "";
  display: block;
  width: 100vw;
  height: 1px;
  background: #cbcbcb;
  margin: 14px 0 0;
  margin-left: calc(50% - 50vw);
}

/* header i meni – malo širi, ali ne widescreen */
.axiom-header-top,
.axiom-nav {
  max-width: 1320px;   /* ranije 1200px */
}

/* home sadržaj isto prati širi ritam */
.axiom-home-intro,
.axiom-home-primary {
  max-width: 1100px;
}


/* =====================================================
   AXIOM48 – FOOTER (srbnaslovna style)
   ===================================================== */

#axiom-footer {
  background: #ffffff;
  margin-top: 40px;
}

/* tanka linija iznad footera – puna širina ekrana */
.axiom-footer-divider {
  height: 1px;
  background: #e5e5e5;
  width: 100%;
}

/* unutrašnji sadržaj – centriran */
.axiom-footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 24px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 13px;
  color: #666;
}

/* levi deo */
.axiom-footer-left {
  white-space: nowrap;
}

/* desni deo */
.axiom-footer-right a {
  color: #666;
  text-decoration: none !important;
  font-weight: 500;
}

.axiom-footer-right a:hover {
  color: #00B2E3;
}

/* responsive */
@media (max-width: 768px) {
  .axiom-footer-inner {
    flex-direction: column;
    gap: 8px;
    text-align: center;
  }
}

/* ===============================
   LOGIN – SISTEM48 / AXIOM CARD
   =============================== */

.login-title {
    text-align: center;
    font-weight: 400;
    font-size: 26px;
    margin: 40px 0 10px;
    letter-spacing: 0.2px;
}

.login-intro {
    text-align: center;
    color: #666;
    margin-bottom: 30px;
    font-size: 15px;
}

/* Glavna login kartica */
.axiom-login-form .login-box {
    max-width: 420px;
    margin: 0 auto 40px;
    padding: 28px 30px 30px;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

/* Error poruka */
.login-error {
    margin-bottom: 15px;
    color: #b00020;
    font-size: 14px;
}

/* Polja */
.login-field {
    margin-bottom: 16px;
}

.login-field input {
    width: 100%;
    padding: 11px 12px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

.login-field input:focus {
    outline: none;
    border-color: #2FB5E6;
}

/* Dugme – identično centralnim karticama */
.btn-login {
    width: 100%;
    padding: 12px 0;
    background: #2FB5E6;
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-login:hover,
.btn-login:focus {
    background: #29a6d3;
}

/* Forgot password */
.login-forgot {
    text-align: center;
    margin-top: 14px;
}

.login-forgot a {
    font-size: 14px;
    color: #2FB5E6;
    text-decoration: none;
}

.login-forgot a:hover {
    text-decoration: underline;
}

/* Registracija */
.login-register {
    text-align: center;
    margin-top: 25px;
    font-size: 14px;
}

.login-register a {
    color: #2FB5E6;
    text-decoration: none;
}

.login-register a:hover {
    text-decoration: underline;
}

/* Alternativni login tekst */
.login-alt {
    text-align: center;
    margin-top: 30px;
    font-size: 14px;
}


/* === FIX: LOGIN DUGME – FORSIRANI STIL === */

#clientLogin input.btn-login,
#clientLogin input.btn.btn-login {
    background-color: #2FB5E6 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
    text-shadow: none !important;
    opacity: 1 !important;
}

#clientLogin input.btn-login:hover,
#clientLogin input.btn-login:focus {
    background-color: #29a6d3 !important;
    color: #ffffff !important;
}


.axiom-backlink {
    margin: 10px 0 20px;
    font-size: 14px;
}

.axiom-backlink a {
    color: #2FB5E6;
    text-decoration: none;
}

.axiom-backlink a:hover {
    text-decoration: underline;
}


/* Remove legacy lock icon from guest access views */
body.section-status i.icon-lock,
body.section-status i.fa-lock,
body.section-status .icon-lock {
    display: none !important;
}


/* =====================================================
   osTicket OPEN FORM – CORE FIX (NE DIRATI DRUGDE)
   ===================================================== */

/* VRATI osTicket tabelarni layout */
body.section-open table,
body.section-open tbody,
body.section-open tr,
body.section-open td {
  display: table !important;
  width: auto !important;
}

body.section-open tr {
  display: table-row !important;
}

body.section-open td {
  display: table-cell !important;
  vertical-align: top;
  padding: 6px 8px;
}

/* INPUTI MORAJU BITI VIDLJIVI */
body.section-open input,
body.section-open select,
body.section-open textarea {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #000 !important;
  background: #fff !important;
}

/* SELECT OPTION FIX */
body.section-open select option {
  color: #000 !important;
  background: #fff !important;
}

/* LABEL NE SME DA POJEDE INPUT */
body.section-open label {
  display: inline !important;
}

/* CAPTCHA */
body.section-open .captcha img {
  display: inline-block !important;
}

/* Dugmad */
body.section-open .buttons input {
  display: inline-block !important;
}


/* =====================================================
   AXIOM / SISTEM48 – OPEN TICKET (SAFE POLISH)
   ===================================================== */

body.section-open .axiom-open {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}

.axiom-open-title {
  text-align: center;
  font-size: 34px;
  font-weight: 600;
  color: #003344;
  margin-bottom: 8px;
}

.axiom-open-intro {
  text-align: center;
  font-size: 15px;
  color: #555;
  margin-bottom: 28px;
}

.axiom-open-box {
  padding: 18px 22px;
  border: 1px solid #e3e3e3;
  border-radius: 6px;
}

body.section-open table {
  width: 100%;
}

body.section-open td {
  padding: 6px 8px;
  vertical-align: top;
}

body.section-open select,
body.section-open input[type="text"],
body.section-open textarea {
  width: 100%;
  max-width: 420px;
}

body.section-open .form-header b {
  font-size: 18px;
  color: #00B2E3;
}

.axiom-open-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.axiom-open-actions input[type="submit"] {
  background: #00B2E3;
  color: #fff;
  font-weight: 700;
  border: none;
  padding: 10px 18px;
  border-radius: 4px;
}

.axiom-open-actions input[type="reset"],
.axiom-open-actions input[type="button"] {
  background: #f2f2f2;
  border: 1px solid #ccc;
  padding: 10px 16px;
  border-radius: 4px;
}

/* =====================================================
   AXIOM – input border color
   ===================================================== */

body.section-open input[type="text"],
body.section-open input[type="email"],
body.section-open input[type="tel"],
body.section-open textarea,
body.section-open select {
  border: 1px solid #00B2E3;
  box-shadow: none;
}

body.section-open input:focus,
body.section-open textarea:focus,
body.section-open select:focus {
  outline: none;
  border-color: #00B2E3;
  box-shadow: 0 0 0 1px rgba(0,178,227,0.25);
}


/* Veći razmak pre CAPTCHA */
body.section-open .captchaRow {
  margin-top: 24px;
}


body.section-open .captchaRow td {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}


/* =====================================================
   AXIOM / SISTEM48 – OPEN TICKET (FORCED FIX)
   ===================================================== */

/* --- INPUT & SELECT BORDERS (AXIOM PLAVA) --- */
body.section-open table input[type="text"],
body.section-open table input[type="email"],
body.section-open table input[type="tel"],
body.section-open table textarea,
body.section-open table select {
  border: 1px solid #00B2E3 !important;
  background-color: #ffffff !important;
  color: #000000 !important;
  box-shadow: none !important;
}

/* focus stanje */
body.section-open table input[type="text"]:focus,
body.section-open table input[type="email"]:focus,
body.section-open table input[type="tel"]:focus,
body.section-open table textarea:focus,
body.section-open table select:focus {
  outline: none !important;
  border-color: #00B2E3 !important;
  box-shadow: 0 0 0 1px rgba(0,178,227,0.35) !important;
}

/* --- SELECT OPTION (da se uvek vidi tekst) --- */
body.section-open table select option {
  color: #000000 !important;
  background: #ffffff !important;
}

/* =====================================================
   CAPTCHA – RAZMAK + ŠIRINA
   ===================================================== */

/* veći razmak iznad CAPTCHA sekcije */
body.section-open tr.captchaRow {
  border-top: 0 !important;
}

body.section-open tr.captchaRow td {
  padding-top: 24px !important;
}

/* captcha sadržaj u jednom redu */
body.section-open tr.captchaRow td {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: nowrap !important;
}

/* CAPTCHA input – širi, ne kao dropdown */
body.section-open tr.captchaRow input[type="text"] {
  width: 260px !important;
  max-width: none !important;
}

/* captcha slika da ne “beži” */
body.section-open tr.captchaRow img {
  display: block !important;
}

/* OPEN.PHP – GLAVNO DUGME (AXIOM PLAVO) */
body.section-open input[type="submit"] {
  background: #00B2E3 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border: none !important;
  padding: 12px 22px !important;
  border-radius: 4px !important;
  cursor: pointer;
}

body.section-open input[type="submit"]:hover {
  background: #29a6d3 !important;
}