/* ============================================================
   Retemax – suptilno uljepšavanje napredne pretrage
   Cilj: cijela stranica (.advanced-search-form) + bočni sidebar (.rtx-advsearch)
   Pravilo: SAMO vizualno. Nijedno polje ni funkcija se ne mijenja.
   Usklađeno s temom: naranča #F07D26, navy #0F2040, okviri #d2d2d0, radius 6px.
   ============================================================ */

:root{
  --rtx-accent:#F07D26;
  --rtx-accent-dark:#d96716;
  --rtx-navy:#0F2040;
  --rtx-ink:#2b3440;
  --rtx-muted:#6b7a8d;
  --rtx-line:#dfe3e8;
  --rtx-soft:#f6f8fb;
}

/* ---------- Zajedničko: kartica i naslov ---------- */
.advanced-search-form,
.rtx-advsearch{
  border:1px solid var(--rtx-line);
  border-radius:10px;
  box-shadow:0 6px 22px rgba(15,32,64,.06);
}
.advanced-search-form h3,
.rtx-advsearch .box-title,
.rtx-advsearch > form > h3{
  color:var(--rtx-navy);
  font-weight:700;
  letter-spacing:.2px;
  position:relative;
  margin:0 0 18px;
  padding-bottom:12px;
}
.advanced-search-form h3:after,
.rtx-advsearch .box-title:after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:46px; height:3px; border-radius:3px;
  background:var(--rtx-accent);
}

/* ---------- Oznake (labels) ---------- */
.advanced-search-form label,
.rtx-advsearch label{
  color:var(--rtx-ink);
  font-weight:600;
  font-size:13px;
  margin-bottom:6px;
}

/* ---------- Polja: tekst + select (custom-select plugin) ---------- */
.advanced-search-form .input-text,
.advanced-search-form input[type="text"],
.advanced-search-form .selector,
.advanced-search-form .selector span.custom-select,
.rtx-advsearch .input-text,
.rtx-advsearch input[type="text"],
.rtx-advsearch .selector,
.rtx-advsearch .selector span.custom-select{
  width:100%;
  border-radius:8px;
}
.advanced-search-form .input-text,
.advanced-search-form input[type="text"],
.advanced-search-form .selector span.custom-select,
.rtx-advsearch .input-text,
.rtx-advsearch input[type="text"],
.rtx-advsearch .selector span.custom-select{
  border:1px solid var(--rtx-line);
  background:#fff;
  transition:border-color .18s ease, box-shadow .18s ease;
}
/* Blagi, ujednačeni fokus (tema već radi narančasti fokus – ovo ga samo omekša) */
.advanced-search-form .input-text:focus,
.advanced-search-form input[type="text"]:focus,
.rtx-advsearch .input-text:focus,
.rtx-advsearch input[type="text"]:focus{
  border-color:var(--rtx-accent) !important;
  box-shadow:0 0 0 3px rgba(240,125,38,.15) !important;
  outline:0;
}

/* Razmak među grupama polja */
.advanced-search-form .form-group{
  margin-bottom:18px;
}
.rtx-advsearch .form-group{
  margin-bottom:14px;
}

/* Ključne riječi + tip podudaranja (q + stype) – lijepo poravnanje */
.advanced-search-form .column-2,
.rtx-advsearch .column-2{
  display:flex;
  gap:8px;
  align-items:stretch;
  flex-wrap:wrap;
}
.advanced-search-form .column-2 > .input-text,
.rtx-advsearch .column-2 > .input-text{
  flex:1 1 60%;
  min-width:140px;
}
.advanced-search-form .column-2 > .selector,
.rtx-advsearch .column-2 > .selector{
  flex:1 1 30%;
  min-width:110px;
}

/* Checkbox red (npr. "Samo sa slikom") – uredno poravnanje */
.advanced-search-form .checkbox label,
.rtx-advsearch .checkbox label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:500;
  color:var(--rtx-ink);
}

/* ---------- Gumbi ---------- */
.advanced-search-form .button,
.rtx-advsearch .button{
  background:var(--rtx-accent);
  border:1px solid var(--rtx-accent);
  color:#fff;
  border-radius:8px;
  font-weight:700;
  letter-spacing:.4px;
  transition:background .18s ease, border-color .18s ease, transform .05s ease, box-shadow .18s ease;
  box-shadow:0 4px 14px rgba(240,125,38,.22);
}
.advanced-search-form .button:hover,
.advanced-search-form .button:focus,
.rtx-advsearch .button:hover,
.rtx-advsearch .button:focus{
  background:var(--rtx-accent-dark);
  border-color:var(--rtx-accent-dark);
  color:#fff;
}
.advanced-search-form .button:active,
.rtx-advsearch .button:active{ transform:translateY(1px); }

/* Sekundarni gumb u sidebaru ("Proširi pretragu") – diskretniji */
.rtx-advsearch .button.expand-search{
  background:#fff;
  color:var(--rtx-navy);
  border:1px solid var(--rtx-line);
  box-shadow:none;
}
.rtx-advsearch .button.expand-search:hover,
.rtx-advsearch .button.expand-search:focus{
  background:var(--rtx-soft);
  border-color:#c7ced8;
  color:var(--rtx-navy);
}

/* ---------- Cijela stranica: malo prozračnije ---------- */
.advanced-search-form{
  padding:28px 28px 8px;
}
.advanced-search-form .form-wrapper{ margin-top:4px; }
.advanced-search-form hr.style-light1{
  border:0; border-top:1px solid var(--rtx-line);
  margin:8px 0 0;
}

/* ---------- Sidebar: kompaktnije ---------- */
.rtx-advsearch{ padding:0; }
.rtx-advsearch > form,
.rtx-advsearch .box{ padding:18px; }
.rtx-advsearch .form-group:last-child{ margin-bottom:0; }
.rtx-advsearch .button{ width:100%; margin-top:4px; }
.rtx-advsearch .button.expand-search{ margin-top:8px; }

/* Footer s gumbom na cijeloj stranici (preneseno iz inline stila u CSS) */
.advanced-search-form .rtx-search-actions{
  text-align:center;
  padding:18px 0 4px;
}
.advanced-search-form .rtx-search-btn{
  max-width:480px;
}

/* ---------- Sitno: na mobitelu razmaci ---------- */
@media (max-width:767px){
  .advanced-search-form{ padding:20px 16px 6px; }
}