/*
 Theme Name: Astra Child
 Template: astra
 Description: Child theme for Astra + CitromMotor alkatrész kereső
 Version: 1.0.0
*/

/* Pagináció */
.citrom-pagination ul.page-numbers{
  display:flex;
  gap:8px;
  list-style:none;
  padding:0;
  margin:0;
  flex-wrap:wrap;
}
.citrom-pagination ul.page-numbers li{
  margin:0;
  padding:0;
}
.citrom-pagination .page-numbers a,
.citrom-pagination .page-numbers span{
  display:inline-block;
  padding:8px 14px;
  border-radius:8px;
  background:#f4f4f4;
  color:#222;
  text-decoration:none;
  font-weight:500;
  border:1px solid #e6e6e6;
  transition:all .2s ease-in-out;
}
.citrom-pagination .page-numbers a:hover{
  background:#269fb7;
  color:#fff;
  border-color:#269fb7;
}
.citrom-pagination .page-numbers .current{
  background:#269fb7;
  color:#fff;
  font-weight:700;
  border-color:#269fb7;
}
.citrom-pagination .page-numbers .dots{
  background:transparent;
  border-color:transparent;
  padding:8px 6px;
}

/* Kereső kártya */
.citrom-search{
  max-width:900px;
  margin:40px auto 60px;
  padding:28px;
  background:#fff;
  border:1px solid #eee;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(0,0,0,.04);
}

/* A form mezői egymás alatt, flex-szel (cPanel nem fog hibát jelezni) */
.citrom-search .cs-form{
  display:flex;
  flex-direction:column;
}

/* Kis távolság a mezők között */
.citrom-search .cs-group{
  margin-bottom:18px;
}

.citrom-search h1{
  margin-top:0;
}

/* Tipográfia */
.citrom-search,
.citrom-search *{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

/* Címkék */
.citrom-search .cs-group label{
  display:block;
  font-size:18px;
  font-weight:600;
  color:#0a0a0a;
  letter-spacing:.3px;
  margin:8px 0 10px;
}

/* Mezők */
.citrom-search .cs-field,
.citrom-search input[type="text"],
.citrom-search select{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:#fafafa;
  border:1px solid #ddd;
  border-radius:12px;
  padding:15px 17px;
  font-size:17.5px;
  line-height:1.3;
  color:#222;
  font-weight:400;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

/* Fókusz */
.citrom-search .cs-field:focus,
.citrom-search input[type="text"]:focus,
.citrom-search select:focus{
  outline:none;
  border-color:#269fb7;
  box-shadow:0 0 0 4px rgba(38,159,183,.15);
  background:#fff;
}

/* Select nyíl */
.citrom-search select{
  background-image:
    linear-gradient(45deg, transparent 50%, #666 50%),
    linear-gradient(135deg, #666 50%, transparent 50%),
    linear-gradient(to right, #ddd, #ddd);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px),
    calc(100% - 38px) 50%;
  background-size:6px 6px, 6px 6px, 1px 60%;
  background-repeat:no-repeat;
  padding-right:46px;
}

/* Placeholder */
.citrom-search ::placeholder{
  font-size:17px;
  color:#666;
  opacity:1;
}

/* Select / option szöveg */
select,
option{
  font-size:17px !important;
  font-weight:500;
  color:#111;
}

/* Gombok konténer */
.citrom-search .cs-actions{
  display:flex;
  gap:12px;
  margin-top:8px;
  flex-wrap:wrap;
  justify-content:center;
}

/* Gombok – alap stílus */
.citrom-search .btn,
.citrom-search .btn-primary,
.citrom-search .btn-outline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:"Oswald", sans-serif;
  font-weight:700;
  letter-spacing:0.3px;
  text-transform:uppercase;
  font-size:15px;
  height:46px;
  padding:0 20px;
  border-radius:8px;
  cursor:pointer;
  text-decoration:none;
  border:1px solid transparent;
  transition:all 0.2s ease-in-out;
}

/* Keresés gomb (kék) */
.citrom-search .btn-primary{
  background:#269fb7;
  color:#fff;
  border:1px solid #269fb7;
  box-shadow:0 4px 10px rgba(38,159,183,.15);
}
.citrom-search .btn-primary:hover{
  background:#1f89a0;
  border-color:#1f89a0;
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(38,159,183,.25);
}

/* Szűrők törlése gomb */
.citrom-search .btn-outline{
  background:#fff;
  color:#000;
  border:2px solid #000;
}
.citrom-search .btn-outline:hover{
  background:#000;
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(0,0,0,0.2);
}

/* Mobil */
@media (max-width:600px){
  .citrom-search .cs-group label{
    font-size:16.5px;
  }
  .citrom-search .cs-field,
  .citrom-search select,
  select,
  option{
    font-size:16px !important;
    padding:13px 15px;
  }
}

/* "Vissza a keresőhöz" gomb */
a[href*="uj-alkatresz-szuro"]{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  background:#269fb7 !important;
  color:#fff !important;
  font-family:"Oswald", sans-serif;
  font-weight:700;
  text-transform:uppercase;
  font-size:16px;
  letter-spacing:0.5px;
  padding:10px 22px;
  border:none !important;
  border-radius:8px;
  text-decoration:none;
  box-shadow:0 6px 14px rgba(38,159,183,.18);
  transition:all 0.2s ease-in-out;
}
a[href*="uj-alkatresz-szuro"]:hover{
  background:#1f89a0 !important;
  transform:translateY(-2px);
  box-shadow:0 10px 18px rgba(38,159,183,.22);
  color:#fff !important;
}
a[href*="uj-alkatresz-szuro"]::before{
  color:#fff !important;
}