/* cc-dropdown-search-plugin/css/cc-dropdown-search.css */

/* ——— نموذج البحث ——— */
#cc-dropdown-search-form {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 1rem !important;
  margin-bottom: 2rem !important;
  font-size: 1.1rem !important;
}
#cc-dropdown-search-form label {
  font-weight: bold !important;
  margin-right: .5rem !important;
}
#cc-dropdown-search-form select {
  padding: .6em 2.5em .6em 1em !important;
  font-size: 1.1rem !important;
  border: 2px solid #3E1F75 !important;
  border-radius: 8px !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%233E1F75'%20d='M2%205L0%200h4z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1em center !important;
  background-size: .65em auto !important;
}
#cc-dropdown-search-form button {
  background: #3E1F75 !important;
  color: #fff !important;
  padding: .6em 1.2em !important;
  font-size: 1.1rem !important;
  border: none !important;
  border-radius: 5px !important;
  cursor: pointer !important;
}

/* ——— تنظيم النتائج ——— */
.cc-results ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important; /* 3 أعمدة على الديسكتوب */
  gap: .5rem !important;
}
.cc-results ul li {
  display: flex !important;
  justify-content: center !important;
  /* لو تريد مسافة عمودية إضافية: */
  /* margin: .5rem 0 !important; */
}
.cc-results ul li a {
  display: inline-block !important;
  background-color: #3E1F75 !important;
  color: #fff !important;
  padding: .8em 1.2em !important;
  border-radius: 5px !important;
  text-decoration: none !important;
  text-align: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* ——— تكبير الأزرار على الديسكتوب ——— */
@media (min-width: 769px) {
  .cc-results ul li a {
    font-size: 1.2rem !important;
    padding: 1em 1.5em !important;
  }
}

/* ——— responsive للموبايل ——— */
@media (max-width: 768px) {
  #cc-dropdown-search-form {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #cc-dropdown-search-form label,
  #cc-dropdown-search-form select,
  #cc-dropdown-search-form button {
    width: 100% !important;
    margin: .5rem 0 !important;
  }
  #cc-dropdown-search-form label {
    margin-right: 0 !important;
  }
  .cc-results ul {
    grid-template-columns: 1fr !important; /* عمود واحد على الموبايل */
  }
}