/* Taqa Association Suite v0.1.21: shared, accessible RTL form fields. */
:root{--tas-field-border:#91b9c1;--tas-field-strong:#158b84;--tas-field-shadow:0 3px 12px rgba(18,67,79,.13)}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) textarea:not([hidden]):not([aria-hidden="true"]),
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) select:not([hidden]):not(.select2-hidden-accessible){
  box-sizing:border-box;max-width:100%;min-height:48px;border:1.7px solid var(--tas-field-border)!important;
  border-radius:12px!important;background:#fff;color:#163945;
  box-shadow:var(--tas-field-shadow)!important;
  font:inherit;line-height:1.75;transition:border-color .18s ease,box-shadow .18s ease;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) textarea:not([hidden]):not([aria-hidden="true"]){
  display:block;min-height:112px;padding:14px 16px!important;resize:vertical;direction:rtl;text-align:right;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) textarea:not([hidden]):not([aria-hidden="true"]):focus,
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) select:not([hidden]):not(.select2-hidden-accessible):focus{
  border-color:var(--tas-field-strong)!important;
  outline:0!important;box-shadow:0 0 0 4px rgba(20,151,136,.18),0 5px 17px rgba(10,72,83,.16)!important;
}
/* Custom Select2 containers: keep 100% width and inherit RTL semantics. */
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container{max-width:100%;min-width:0;direction:rtl;font-family:inherit;font-size:14px;vertical-align:middle;z-index:auto}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--single,
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--multiple{
  display:flex;align-items:center;min-height:48px;height:auto;width:100%;border:1.7px solid var(--tas-field-border)!important;
  border-radius:12px!important;background:#fff;color:#163945;box-shadow:var(--tas-field-shadow)!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--single .select2-selection__rendered{
  display:block;width:100%;padding:0 14px 0 38px;line-height:46px;color:#163945!important;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
  height:46px;left:11px;right:auto;width:21px;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:14px;padding-left:40px}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--multiple{padding:5px 10px;min-height:48px}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--multiple .select2-selection__rendered{display:flex;flex-wrap:wrap;gap:4px;text-align:right}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default.select2-container--focus .select2-selection,
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default.select2-container--open .select2-selection{
  border-color:var(--tas-field-strong)!important;
  box-shadow:0 0 0 4px rgba(20,151,136,.18),0 5px 17px rgba(10,72,83,.16)!important;
}
.select2-dropdown.tas-fields-dropdown{direction:rtl;text-align:right;border:1.7px solid #91b9c1;border-radius:11px;box-shadow:0 13px 30px rgba(15,65,77,.2);overflow:hidden;z-index:999999}
.select2-dropdown.tas-fields-dropdown .select2-search__field{min-height:40px;border:1.5px solid #abc9cf;border-radius:8px;padding:9px 12px;direction:rtl;text-align:right;font-size:14px}
.select2-dropdown.tas-fields-dropdown .select2-search__field:focus{outline:2px solid rgba(20,151,136,.26);border-color:#158b84}
.select2-dropdown.tas-fields-dropdown .select2-results__option{padding:11px 13px;line-height:1.5}
.select2-dropdown.tas-fields-dropdown .select2-results__option--highlighted[aria-selected]{background:#147e79;color:#fff}
.select2-dropdown.tas-fields-dropdown .select2-results__option[aria-selected=true]{background:#e7f5f2;color:#17554f}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--disabled .select2-selection--single{background:#ecf2f3;opacity:.75}
@media (max-width:640px){:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container{width:100%!important}}

/* v0.1.22: Select2 popup is attached to <body>; force compact type INSIDE the popup.
   Without this, page/theme font styles can turn short options into giant multi-line rows. */
.tas-fields-dropdown,
.select2-container--open .select2-dropdown.tas-fields-dropdown {
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.5!important;
  letter-spacing:normal!important;
}
.select2-dropdown.tas-fields-dropdown .select2-results,
.select2-dropdown.tas-fields-dropdown .select2-results__options,
.select2-dropdown.tas-fields-dropdown .select2-results__option,
.select2-dropdown.tas-fields-dropdown .select2-results__message {
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.55!important;
  letter-spacing:normal!important;
  text-align:right!important;
}
.select2-dropdown.tas-fields-dropdown .select2-results__option {
  box-sizing:border-box!important;
  padding:9px 12px!important;
  min-height:40px;
  white-space:normal;
  overflow-wrap:break-word;
}
.select2-dropdown.tas-fields-dropdown .select2-search__field {
  box-sizing:border-box!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.5!important;
  min-height:38px;
  padding:8px 10px!important;
  max-width:100%;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--single,
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--multiple,
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection__rendered,
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection__placeholder,
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection__choice {
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:500!important;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height:46px!important;
}
/* Explicit textarea controls, overriding both legacy plugin form styles and theme resets. */
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) textarea:not([hidden]):not([aria-hidden="true"]) {
  box-sizing:border-box!important;
  width:100%;
  max-width:100%;
  min-height:130px;
  border:2px solid #5a98a6!important;
  border-radius:13px!important;
  background:#fbfefe!important;
  box-shadow:0 0 0 1px rgba(34,132,147,.12),0 7px 20px rgba(21,75,88,.17)!important;
  padding:14px 16px!important;
  color:#173d4a!important;
  direction:rtl;
  text-align:right;
  line-height:1.8;
  resize:vertical;
  transition:border-color .16s ease,box-shadow .16s ease;
}
:is(.tas-site,.tas-panel-body,body.wp-admin[class*="post-type-tas_"]) textarea:not([hidden]):not([aria-hidden="true"]):focus {
  outline:0!important;
  border-color:#087b78!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(13,146,133,.19),0 9px 24px rgba(16,73,84,.2)!important;
}


/* v0.1.23 — Volunteer registration: bring the four short text fields into the
   same visual system as the experience textarea without affecting checkboxes,
   the anti-spam honeypot, native validation, or Select2 elements. */
.tas-site .tas-volunteer-form input:is([name="name"],[name="phone"],[name="email"],[name="city"]) {
  box-sizing:border-box!important;
  width:100%;
  max-width:100%;
  min-height:48px;
  border:2px solid #5a98a6!important;
  border-radius:13px!important;
  background:#fbfefe!important;
  box-shadow:0 0 0 1px rgba(34,132,147,.12),0 7px 20px rgba(21,75,88,.17)!important;
  padding:11px 13px!important;
  color:#173d4a!important;
  font-family:inherit;
  font-size:14px;
  line-height:1.6;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.tas-site .tas-volunteer-form input:is([name="name"],[name="phone"],[name="email"],[name="city"]):focus {
  outline:0!important;
  border-color:#087b78!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(13,146,133,.19),0 9px 24px rgba(16,73,84,.2)!important;
}


/* v0.1.24 — Match volunteer Select2/native dropdowns to the four short inputs
   and experience textarea: identical border, radius, background, shadow and
   focus state. Keep the existing compact option font and the RTL arrow. */
.tas-site .tas-volunteer-form .tas-form-columns select:is([name="interest"],[name="availability"]):not(.select2-hidden-accessible),
.tas-site .tas-volunteer-form select:is([name="interest"],[name="availability"]) + .select2-container--default .select2-selection--single {
  box-sizing:border-box!important;
  width:100%;
  min-height:48px;
  border:2px solid #5a98a6!important;
  border-radius:13px!important;
  background:#fbfefe!important;
  box-shadow:0 0 0 1px rgba(34,132,147,.12),0 7px 20px rgba(21,75,88,.17)!important;
  color:#173d4a!important;
  font-family:inherit;
  font-size:14px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
/* The native controls are still usable and styled if Select2 CDN is blocked. */
.tas-site .tas-volunteer-form .tas-form-columns select:is([name="interest"],[name="availability"]):not(.select2-hidden-accessible){
  padding:10px 13px!important;
  text-align:right;
  direction:rtl;
}
/* Select2 uses an independent visual selection element; style its active state. */
.tas-site .tas-volunteer-form .tas-form-columns select:is([name="interest"],[name="availability"]):not(.select2-hidden-accessible):focus,
.tas-site .tas-volunteer-form select:is([name="interest"],[name="availability"]) + .select2-container--default.select2-container--focus .select2-selection--single,
.tas-site .tas-volunteer-form select:is([name="interest"],[name="availability"]) + .select2-container--default.select2-container--open .select2-selection--single {
  outline:0!important;
  border-color:#087b78!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(13,146,133,.19),0 9px 24px rgba(16,73,84,.2)!important;
}


/* v0.1.25 — Contact Us form matches the approved volunteer form fields.
   Scoped to contact so validation, saved data and all other pages stay intact. */
.tas-site .tas-public-form[data-tas-form="contact"] input:is([name="name"],[name="email"],[name="subject"]),
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"]:not(.select2-hidden-accessible),
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"] + .select2-container--default .select2-selection--single,
.tas-site .tas-public-form[data-tas-form="contact"] textarea[name="message"] {
  box-sizing:border-box!important;
  width:100%;
  max-width:100%;
  border:2px solid #5a98a6!important;
  border-radius:13px!important;
  background:#fbfefe!important;
  box-shadow:0 0 0 1px rgba(34,132,147,.12),0 7px 20px rgba(21,75,88,.17)!important;
  color:#173d4a!important;
  font-family:inherit;
  font-size:14px;
  transition:border-color .16s ease,box-shadow .16s ease;
}
.tas-site .tas-public-form[data-tas-form="contact"] input:is([name="name"],[name="email"],[name="subject"]),
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"]:not(.select2-hidden-accessible),
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"] + .select2-container--default .select2-selection--single {
  min-height:48px;
}
.tas-site .tas-public-form[data-tas-form="contact"] input:is([name="name"],[name="email"],[name="subject"]){
  padding:11px 13px!important;
  line-height:1.6;
}
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"]:not(.select2-hidden-accessible){
  padding:10px 13px!important;
  text-align:right;
  direction:rtl;
}
.tas-site .tas-public-form[data-tas-form="contact"] textarea[name="message"]{
  min-height:130px;
  padding:14px 16px!important;
  line-height:1.8;
  direction:rtl;
  text-align:right;
  resize:vertical;
}
.tas-site .tas-public-form[data-tas-form="contact"] input:is([name="name"],[name="email"],[name="subject"]):focus,
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"]:not(.select2-hidden-accessible):focus,
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"] + .select2-container--default.select2-container--focus .select2-selection--single,
.tas-site .tas-public-form[data-tas-form="contact"] select[name="message_type"] + .select2-container--default.select2-container--open .select2-selection--single,
.tas-site .tas-public-form[data-tas-form="contact"] textarea[name="message"]:focus {
  outline:0!important;
  border-color:#087b78!important;
  background:#fff!important;
  box-shadow:0 0 0 4px rgba(13,146,133,.19),0 9px 24px rgba(16,73,84,.2)!important;
}
