/*
Theme Name: Brain's Burn Theme
Theme URI: https://url-tema-inicial.example.com
Template: twentytwentyfive
Author: Gerard Puch
Author URI: https://
Description: Tema WordPress personalitzat per a la web de Brain's Burn
Version: 0.0.2
Tags: responsive, demo theme wordpress
*/

/* Ocultem select mentre no té el look de Select2 */
.select2-not-ready {
  visibility: hidden; 
}

/* Quan Select2 ja s’ha aplicat, amaga el select nadiu per evitar doble caixa */
select.js-select2.select2-applied {
  display: none !important;
}



.az-index-block .letters button {
    margin: 3px;
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid #ccc;
}



/* =====================================================
   SELECT2 — SINGLE SELECT (ex: picker d’habilitats)
   ===================================================== */

/* Sempre 100% amplada */
.select2-container {
  width: 100% !important;
}

/* Caixa del select single */
.select2-container--default .select2-selection--single {
  background-color: #ffffff !important;
  border: 2px solid #3A3A3A;
  border-radius: 6px;
  height: 44px;
  box-sizing: border-box;
  padding: 0 36px 0 12px;
}

/* Text del single */
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #222;
  line-height: 40px;
}

/* Placeholder del single */
.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #888;
}

/* Fletxa del single */
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 40px;
  right: 8px;
  top: 2px;
}

/* Dropdown */
.select2-dropdown {
  background-color: #ffffff !important;
  border: 1px solid #3A3A3A;
  border-radius: 12px;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
}

/* Opcions */
.select2-results__option {
  padding: 10px 12px;
  font-size: 15px;
  color: #222;
}

/* Hover */
.select2-results__option--highlighted {
  background: #358AE4 !important;
  color: #ffffff !important;
  border-radius: 6px;
}

/* =====================================================
   SELECT2 — MULTISELECT (Categories)
   ===================================================== */

.select2-container--default .select2-selection--multiple {
  background-color: #ffffff !important;
  border: 2px solid #3A3A3A;
  border-radius: 12px;
  min-height: 44px;
  box-sizing: border-box;
  padding: 0px 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Render intern */
.select2-container--default
  .select2-selection--multiple
  .select2-selection__rendered {
  display: flex;
  /*gap: 6px;*/
  padding-left: 2px;
}

/* Placeholder multiselect */
.select2-container--default
  .select2-selection--multiple
  .select2-selection__placeholder {
  color: #888;
}

/* Chips seleccionats */
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background: #222;
  color: black;
  border: none;
  padding: 6px 10px;
  margin: 4px 4px 0 0;
  border-radius: 4px;
  font-size: 15px;
  line-height: 1;
}

/* “X” del chip */
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  color: #ffdddd;
  margin-right: 6px;
}

/* Input del cercador */
.select2-container--default
  .select2-selection--multiple
  .select2-search__field {
  margin: 4px 0;
  padding: 0 2px;
  height: 24px;
  line-height: 24px;
}

/* Focus */
.select2-container--default.select2-container--focus
  .select2-selection--single,
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border-color: #1f1f1f;
  box-shadow: 0 0 0 2px rgba(31,31,31,0.08);
  outline: 0;
}

/* =====================================================
   SELECTS NATIUS (CF7)
   ===================================================== */
.wpcf7-form input[type="text"],
.wpcf7-form textarea,
.wpcf7-form select.wpcf7-select {
  width: 100%;
  padding: 10px 12px;
  border: 2px solid #3A3A3A;
  border-radius: 6px;
  margin-bottom: 15px;
  font-size: 15px;
  background-color: #ffffff;
  color: #222;
}

/* Textarea */
.wpcf7-form textarea {
  min-height: 120px;
}

/* Botó del formulari */
.wpcf7-submit {
  background: #222;
  color: #ffffff;
  padding: 12px 20px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}

.wpcf7-submit:hover {
  background: #444;
}

/* Wrapper */
.hability-picker-wrap {
  padding: 5px 0;
}

.hability-picker-wrap label,
.wpcf7-form label {
  display: block;
}


/* =====================================================
                    GETWID — TABS BLOCK 
   ===================================================== */

/* Color del text de les pestanyes */
.wp-block-getwid-tabs__nav-link {
	border-color: #1c1c1c !important;
    /*color: #333 !important;*/
}

/* Color de fons de la pestanya activa */
.wp-block-getwid-tabs__nav-link.active {
	border-color: #1c1c1c !important;
    /*background-color: #0073aa !important;*/
    /*color: #fff !important;*/
}

/* Color de fons del contingut */
.wp-block-getwid-tabs__tab-content {
	border-color: #1c1c1c !important;
    /*background-color: #f5f5f5 !important;*/
    /*padding: 20px;*/
}