/* ============================================================
   ReHost Portal - Custom Theme v3
   מבוסס על ניתוח Elements מדויק
   ============================================================ */

/* ── OVERRIDE BACKGROUND IMAGE ── */
body {
  background: linear-gradient(160deg, #f0fbfe 0%, #e0f5fb 60%, #d0eef8 100%) !important;
  background-image: none !important;
  color: #1a3a5c !important;
}

/* ── CONTAINER ── */
#container {
  background: #fff !important;
  border-radius: 10px !important;
  box-shadow: 0 3px 20px rgba(0,150,200,.1) !important;
  border: 1px solid #d8eef5 !important;
  margin: 16px auto !important;
  max-width: 900px !important;
}

/* ── HEADER ── */
#header, div[id="header"] {
  background: #fff !important;
  border-bottom: 2px solid #d8eef5 !important;
  padding: 10px 20px !important;
}

/* Hide "SUPPORT CENTER" text */
#header h1, #logo-header, .logo-header {
  display: none !important;
}

/* Add ReHost logo via pseudo-element */
#header::after {
  content: '';
  display: block;
  height: 60px;
  background: url('<?php echo ROOT_PATH; ?>css/logo.png') no-repeat right center;
  background-size: auto 52px;
}

/* ── TOP NAV (gray bar) ── */
#nav, ul#nav {
  background: #1a3a5c !important;
  border: none !important;
  margin: 0 !important;
  padding: 4px 8px !important;
  list-style: none !important;
}

#nav li, ul#nav li { display: inline-block !important; }

#nav li a, ul#nav li a {
  color: rgba(255,255,255,.88) !important;
  text-decoration: none !important;
  padding: 8px 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 5px !important;
  transition: background .15s !important;
}

#nav li a:hover, ul#nav li a:hover,
#nav li.active a, ul#nav li.active a {
  background: rgba(255,255,255,.18) !important;
  color: #fff !important;
}

/* ── SIDEBAR BUTTONS (פתיחת קריאה חדשה / בדיקת מצב) ── */
#sidebar .button, #sidebar a.button,
.sidebar .button, .sidebar a.button {
  display: block !important;
  border-radius: 6px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  margin-bottom: 8px !important;
  border: none !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .2s !important;
}

/* Blue button - open ticket */
#sidebar .button.open-ticket,
#sidebar a[href*="open"],
.sidebar a[href*="open"] {
  background: #00bcd4 !important;
  color: #fff !important;
}

/* Green button - check status */
#sidebar .button.check-status,
#sidebar a[href*="status"],
.sidebar a[href*="status"] {
  background: #1a3a5c !important;
  color: #fff !important;
}

/* ── ALL BUTTONS GENERAL ── */
input[type=submit], button[type=submit],
.btn, .button, a.btn, a.button {
  background: #00bcd4 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 9px 22px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background .2s !important;
}
input[type=submit]:hover, .btn:hover, a.btn:hover { background: #0097a7 !important; }
.btn-default, a.btn-default { background: #1a3a5c !important; }
.btn-default:hover { background: #0f2540 !important; }

/* ── INPUTS ── */
input[type=text], input[type=email],
input[type=password], select, textarea {
  border: 1px solid #c8dde8 !important;
  border-radius: 6px !important;
  padding: 8px 12px !important;
  font-size: 14px !important;
  color: #1a3a5c !important;
  background: #fafeff !important;
  transition: border-color .15s, box-shadow .15s !important;
}
input:focus, select:focus, textarea:focus {
  border-color: #00bcd4 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(0,188,212,.1) !important;
}

/* ── LINKS ── */
a { color: #00a8c6 !important; }
a:hover { color: #0097a7 !important; }

/* ── HEADINGS ── */
h1, h2, h3, h4 { color: #1a3a5c !important; font-weight: 700 !important; }

/* ── TABLE ── */
table { width: 100% !important; border-collapse: collapse !important; }
table thead th {
  background: #1a3a5c !important;
  color: #fff !important;
  padding: 10px 14px !important;
  font-size: 13px !important;
  text-align: right !important;
  border: none !important;
}
table tbody td {
  padding: 9px 14px !important;
  font-size: 13px !important;
  color: #2d5070 !important;
  border-bottom: 1px solid #eef5f8 !important;
}
table tbody tr:hover td { background: #f0fafd !important; }
table tbody tr:nth-child(even) td { background: #f8fcfe !important; }

/* ── ALERTS ── */
.alert { border-radius: 7px !important; padding: 12px 16px !important; font-size: 13px !important; }
.alert-success { background: #e8f5e9 !important; color: #2e7d32 !important; border: 1px solid #a5d6a7 !important; }
.alert-danger, .alert-error { background: #fde8e8 !important; color: #c0392b !important; border: 1px solid #ef9a9a !important; }
.alert-info { background: #e0f6fb !important; color: #00829a !important; border: 1px solid #80deea !important; }

/* ── FOOTER ── */
#footer {
  background: #1a3a5c !important;
  color: #7aaac8 !important;
  text-align: center !important;
  padding: 14px !important;
  font-size: 12px !important;
  border-top: none !important;
  border-radius: 0 0 10px 10px !important;
}
#footer a { color: #7dd3fc !important; }

/* ── LABELS / BADGES ── */
.label { border-radius: 10px !important; padding: 3px 9px !important; font-size: 11px !important; font-weight: 700 !important; }
.label-success { background: #e8f5e9 !important; color: #2e7d32 !important; }
.label-important, .label-danger { background: #fde8e8 !important; color: #c0392b !important; }
.label-info { background: #e0f6fb !important; color: #0097a7 !important; }
.label-warning { background: #fff8e1 !important; color: #f57f17 !important; }

/* ── FONT ── */
body, input, select, textarea, button, td, th {
  font-family: 'Segoe UI', Arial, sans-serif !important;
}