/* ============================================================
   UmeHus - Custom CSS for RealPortal (hyresgastportalen)
   v5 - farger + typsnitt, hero, sidfot, knappar och vyval.
   Allt ovrigt lamnas at portalens egen mall.
   ASCII-only (portalen kor ISO-8859-1).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root {
  --uh-blue: #003B5C;
  --uh-blue-dark: #002B43;
  --uh-beige: #F5EFE6;
  --uh-green: #678168;
  --uh-green-dark: #55694F;
  --uh-white: #FFFFFF;f
  --uh-text: #1B2A33;
  --uh-muted: #5B6B78;
  --uh-border: #D5DCE1;
  --uh-radius: 4px;
}

/* ---------- Typsnitt ---------- */
html, body {
  font-family: 'Poppins', system-ui, -apple-system, Arial, sans-serif;
  color: var(--uh-text);
  line-height: 1.6;
}
body { -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6,
p, li, dt, dd, th, td, label,
a, span, div,
input, select, textarea, button, .btn {
  font-family: 'Poppins', system-ui, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: var(--uh-blue);
  line-height: 1.25;
}

/* ---------- Farger ---------- */
a { color: var(--uh-blue); }
a:hover, a:focus { color: var(--uh-green-dark); }

.btn-primary,
.button-primary,
button.button-primary,
input[type=submit].button-primary,
.btn.btn-primary,
#loginBtnPortal {
  background-color: var(--uh-blue) !important;
  border-color: var(--uh-blue) !important;
  color: var(--uh-white) !important;
  border-radius: var(--uh-radius);
}
.btn-primary:hover,
.button-primary:hover,
button.button-primary:hover,
input[type=submit].button-primary:hover,
.btn.btn-primary:hover,
#loginBtnPortal:hover {
  background-color: var(--uh-blue-dark) !important;
  border-color: var(--uh-blue-dark) !important;
}

/* Ovriga knappar i mallen (Sok, Intresseanmalan, vyvaxling m.fl.) */
.btn,
button.btn,
a.btn,
.ledigabtn,
input[type=submit].ledigabtn,
input[type=submit],
input[type=button],
button[type=submit],
#ledig-btn,
#view-btn,
.split-btn,
#id_save,
button#id_save {
  background-color: var(--uh-blue) !important;
  border: 1px solid var(--uh-blue) !important;
  color: var(--uh-white) !important;
  border-radius: var(--uh-radius) !important;
  font-weight: 600;
}
.btn:hover,
button.btn:hover,
a.btn:hover,
.ledigabtn:hover,
input[type=submit]:hover,
input[type=button]:hover,
button[type=submit]:hover,
#ledig-btn:hover,
#view-btn:hover,
.split-btn:hover,
button#id_save:hover {
  background-color: var(--uh-blue-dark) !important;
  border-color: var(--uh-blue-dark) !important;
  color: var(--uh-white) !important;
}
/* Hamburgermenyn ar ingen vanlig knapp */
#hmbBtn, button.navbar-toggle {
  background-color: var(--uh-white) !important;
  border: 1px solid var(--uh-blue) !important;
  color: var(--uh-blue) !important;
}
#hmbBtn .icon-bar, button.navbar-toggle .icon-bar {
  background-color: var(--uh-blue) !important;
}

.muted, .text-muted, small { color: var(--uh-muted); }

.label-success, .badge-success, .alert-success {
  background-color: var(--uh-green) !important;
  border-color: var(--uh-green) !important;
  color: var(--uh-white) !important;
}
.alert-info, .well, .panel-default > .panel-heading {
  background-color: var(--uh-beige) !important;
  border-color: var(--uh-border) !important;
  color: var(--uh-text) !important;
}

/* ---------- Fokus: bara vid tangentbordsnavigering ---------- */
a:focus, button:focus, input:focus, select:focus, textarea:focus,
.btn:focus, [tabindex]:focus {
  outline: none !important;
}
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible,
.btn:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--uh-green) !important;
  outline-offset: 2px;
}

/* ---------- Hero (toppsektionen pa startsidan) ---------- */
.hero-unit {
  position: relative;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 32px !important;
  padding: 36px 30px;
  min-height: 280px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: var(--uh-radius);
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.hero-unit::before {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: linear-gradient(90deg, rgba(0, 59, 92, 0.92) 0%, rgba(0, 59, 92, 0.72) 55%, rgba(0, 59, 92, 0.35) 100%);
}
.hero-unit .intro {
  position: relative;
  z-index: 1;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.uh-welcome {
  max-width: 660px;
  color: var(--uh-white);
}
.uh-welcome, .uh-welcome * { color: var(--uh-white) !important; }
.uh-welcome a { text-decoration: underline; }
.uh-welcome-content {
  font-size: 1.3rem;
  line-height: 1.7;
}
/* Forsta raden = etikett, tredje = stor valkomsttext */
.uh-welcome > .uh-welcome-content > .uh-welcome-content:nth-child(1) {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.85;
}
.uh-welcome > .uh-welcome-content > .uh-welcome-content:nth-child(3) {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.15;
}

/* Tom rubrik over hero ska inte ta plats */
h1.pageHeadline:empty { display: none !important; height: 0 !important; margin: 0 !important; }

/* ---------- Vyval: tabell pa dator, kort i mobil ---------- */
@media (min-width: 768px) {
  #lediga-container { display: none !important; }
  #lediga-table-container { display: block !important; }
  #view-btn, .split-btn { display: none !important; }
}
@media (max-width: 768px) {
  #lediga-container { display: flex !important; }
  #lediga-table-container { display: none !important; }
  #view-btn, .split-btn { display: none !important; }
}

/* ---------- Sidfot ---------- */
footer ul.footer { display: none !important; }
footer {
  border-top: 1px solid var(--uh-border);
  margin-top: 48px;
  padding: 24px 16px;
  background: var(--uh-white);
  text-align: center;
}
footer::after {
  content: "UmeHus - Lokaler & bost\0000E4der | V\0000E4xel 090-25 400 | Jour 090-25 410 | www.umehus.se";
  display: block;
  color: var(--uh-muted);
  font-size: 1.2rem;
  font-family: 'Poppins', Arial, sans-serif;
}

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
  .hero-unit {
    min-height: 260px;
    padding: 24px 20px;
  }
  .hero-unit::before {
    background: linear-gradient(180deg, rgba(0, 59, 92, 0.78) 0%, rgba(0, 59, 92, 0.92) 100%);
  }
  .uh-welcome-content { font-size: 1.1rem; line-height: 1.6; }
  .uh-welcome > .uh-welcome-content > .uh-welcome-content:nth-child(1) { font-size: 0.875rem; }
  .uh-welcome > .uh-welcome-content > .uh-welcome-content:nth-child(3) { font-size: 1.5rem; }
  footer::after { font-size: 0.8125rem; line-height: 1.5; }
}

/* ============================================================
   v6 - finslipning: sidhuvud, meny, sidnumrering, tabell,
   objektsida och sidfot i UmeHus stil.
   ============================================================ */

/* Los punkt bredvid logotypen i sidhuvudet */
#headerHead .navbar-brand,
.navbar-brand { display: none !important; }

/* Aktiv menypunkt i var primarfarg */
#headermenu li.active > a.menulink,
li.active > a.menulink,
a.menulink.active {
  color: var(--uh-blue) !important;
  font-weight: 600 !important;
}
a.menulink { color: var(--uh-text) !important; }
a.menulink:hover { color: var(--uh-blue) !important; }

/* Sidnumrering */
.pagination > li > a,
.pagination > li > span {
  color: var(--uh-blue) !important;
  border-color: var(--uh-border) !important;
  border-radius: 0 !important;
}
.pagination > li.active > a,
.pagination > .active > a,
.pagination > .active > span,
.pagination > li.active > a:hover {
  background-color: var(--uh-blue) !important;
  border-color: var(--uh-blue) !important;
  color: var(--uh-white) !important;
}
.pagination > li > a:hover { background-color: var(--uh-beige) !important; }
.pagination > li.disabled > a { color: var(--uh-muted) !important; }

/* Tabellen med lediga objekt */
#lediga-table-container table.datatable th,
#lediga-table-container table.datatable th a,
#lediga-table-container table.datatable a.th {
  color: var(--uh-blue) !important;
  font-weight: 600 !important;
}
#lediga-table-container table.datatable thead tr {
  background-color: var(--uh-beige) !important;
}
#lediga-table-container table.datatable td,
#lediga-table-container table.datatable th {
  border-color: var(--uh-border) !important;
}
#lediga-table-container table.datatable tbody tr:hover {
  background-color: var(--uh-beige) !important;
}

/* Objektsidans rubrik och faktalista */
.ledig-headline {
  color: var(--uh-blue) !important;
  font-weight: 700 !important;
}
.ledig-info td.ledig-text {
  color: var(--uh-muted) !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.ledig-info td.ledig-data {
  color: var(--uh-text) !important;
  font-weight: 600 !important;
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

/* Platshallarbild pa objekt utan foto */
.ledig-object-pic,
.lediga-object-pic,
img[src*="byggnad"] {
  background-color: var(--uh-beige) !important;
  border: 1px solid var(--uh-border) !important;
  border-radius: var(--uh-radius) !important;
  box-sizing: border-box !important;
  padding: 16px !important;
  max-width: 100% !important;
  object-fit: contain !important;
}

/* Sidfot som avslutande beige band */
footer { background: var(--uh-beige) !important; }

/* Kortvyn i mobil: var ram och var accentgrona tillganglighetstext */
.lediga-object,
.ledig-object {
  border-color: var(--uh-border) !important;
  border-radius: var(--uh-radius) !important;
}
.lediga-object .green,
.ledig-object .green,
.lediga-object font[color],
.ledig-object font[color] {
  color: var(--uh-green) !important;
}

/* ---- v7: inloggningsrutans rubrik i UmeHus morkbla ---- */
#login_headline,
#login_form #login_headline,
#login_content h3 {
  color: #003B5C !important;
  font-weight: 700 !important;
}