/* ==============================================
   OVERRIDES — Traditional Arabic, font-weight 600,
   footer visibility, WPForms Choices.js, file upload
   This file is loaded AFTER frontend.css
============================================== */

/* 1 ── Traditional Arabic as primary font + base weight */
.asala-wrapper {
  --font-body: 'Traditional Arabic', 'Tajawal', 'Tahoma', sans-serif;
  font-weight: 600;
}

/* 2 ── font-weight 600 on remaining body text */
.asala-wrapper .hero h2          { font-weight: 600 !important; }
.asala-wrapper .about-body p     { font-weight: 600 !important; }
.asala-wrapper .card-body p      { font-weight: 600 !important; }
.asala-wrapper .step p           { font-weight: 600 !important; }
.asala-wrapper .modal-body ol li { font-weight: 600 !important; }
.asala-wrapper .modal-body ul li { font-weight: 600 !important; }

/* 3 ── Footer text visibility */
.asala-wrapper .footer-copy {
  font-size: 0.78rem !important;
  color: rgba(255,255,255,0.75) !important;
}
.asala-wrapper .footer-col h4 {
  font-size: 0.78rem !important;
  color: rgba(255,255,255,0.80) !important;
}
.asala-wrapper .footer-col li {
  font-size: 0.95rem !important;
  color: rgba(255,255,255,0.90) !important;
}
.asala-wrapper .footer-col a {
  font-size: 0.95rem !important;
  color: rgba(255,255,255,0.90) !important;
}
.asala-wrapper .footer-bottom {
  font-size: 0.82rem !important;
  color: rgba(255,255,255,0.75) !important;
}

/* 4 ── WPForms Choices.js Dropdown
   Real HTML structure:
   div.wpforms-field-select-style-modern
     div.choices[data-type="select-one"]
       div.choices__inner          <- trigger box
       div.choices__list--dropdown <- options panel
*/

.asala-wrapper .wpforms-field-select-style-modern .choices {
  width: 100% !important;
  position: relative !important;
}

/* Trigger box */
.asala-wrapper .wpforms-field-select-style-modern .choices__inner {
  display: flex !important;
  align-items: center !important;
  min-height: unset !important;
  padding: 12px 16px 12px 40px !important;
  background: var(--bg) !important;
  border: 1.5px solid #c8aa78 !important;
  border-radius: var(--r-lg) !important;
  font-size: 1rem !important;
  font-family: var(--font) !important;
  color: var(--text) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232d6a35' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 12px center !important;
  background-size: 18px !important;
}

/* Open state */
.asala-wrapper .wpforms-field-select-style-modern .choices.is-open .choices__inner {
  border-color: var(--primary) !important;
  border-radius: var(--r-lg) var(--r-lg) 0 0 !important;
  box-shadow: 0 0 0 3px rgba(45,106,53,0.13) !important;
  background-color: var(--surface) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%232d6a35' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 12px center !important;
  background-size: 18px !important;
}

/* Hide default arrow */
.asala-wrapper .wpforms-field-select-style-modern .choices[data-type*="select-one"]:after {
  display: none !important;
}

/* Selected value */
.asala-wrapper .wpforms-field-select-style-modern .choices__list--single {
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.asala-wrapper .wpforms-field-select-style-modern .choices__list--single .choices__item {
  font-size: 1rem !important;
  font-family: var(--font) !important;
  color: var(--text) !important;
  padding: 0 !important;
}

/* Placeholder */
.asala-wrapper .wpforms-field-select-style-modern .choices__placeholder {
  color: var(--faint) !important;
  opacity: 1 !important;
}

/* Hide remove button */
.asala-wrapper .wpforms-field-select-style-modern .choices__button {
  display: none !important;
}

/* Dropdown panel */
.asala-wrapper .wpforms-field-select-style-modern .choices__list--dropdown {
  background: var(--bg) !important;
  border: 1.5px solid var(--primary) !important;
  border-top: none !important;
  border-radius: 0 0 var(--r-lg) var(--r-lg) !important;
  box-shadow: 0 4px 18px rgba(30,20,5,0.11) !important;
  z-index: 9999 !important;
  overflow: hidden !important;
}

/* Options */
.asala-wrapper .wpforms-field-select-style-modern .choices__list--dropdown .choices__item {
  font-size: 0.97rem !important;
  font-family: var(--font) !important;
  color: var(--text) !important;
  padding: 11px 16px !important;
  cursor: pointer !important;
  direction: rtl !important;
  transition: background 120ms ease, color 120ms ease !important;
}

.asala-wrapper .wpforms-field-select-style-modern .choices__list--dropdown .choices__item--selectable.is-highlighted {
  background: rgba(45,106,53,0.10) !important;
  color: var(--primary) !important;
}

.asala-wrapper .wpforms-field-select-style-modern .choices__list--dropdown .choices__item.is-selected {
  background: rgba(45,106,53,0.16) !important;
  color: var(--primary) !important;
  font-weight: 700 !important;
}

.asala-wrapper .wpforms-field-select-style-modern .choices__list--dropdown .choices__item--disabled {
  color: var(--faint) !important;
  cursor: default !important;
  opacity: 0.6 !important;
}

/* 5 ── WPForms File Upload (Dropzone)
   Real HTML structure:
   div.wpforms-uploader.dz-clickable
     div.dz-message
       svg
       span.modern-title
         span  <- "Choose Files to Upload"
*/

.asala-wrapper .wpforms-uploader.dz-clickable {
  width: 100% !important;
  display: block !important;
  cursor: pointer !important;
  border-radius: var(--r-lg) !important;
  border: 2px dashed #c8aa78 !important;
  background: var(--bg) !important;
  transition: border-color 180ms ease, background 180ms ease, box-shadow 180ms ease !important;
}

.asala-wrapper .wpforms-uploader.dz-clickable:hover {
  border-color: var(--primary) !important;
  background: rgba(45,106,53,0.04) !important;
  box-shadow: 0 0 0 3px rgba(45,106,53,0.10) !important;
}

.asala-wrapper .wpforms-uploader.dz-drag-hover {
  border-color: var(--primary) !important;
  background: rgba(45,106,53,0.08) !important;
  box-shadow: 0 0 0 4px rgba(45,106,53,0.15) !important;
}

.asala-wrapper .wpforms-uploader .dz-message {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 32px 20px !important;
  text-align: center !important;
  margin: 0 !important;
}

.asala-wrapper .wpforms-uploader .dz-message svg {
  width: 48px !important;
  height: 48px !important;
  color: var(--primary) !important;
  fill: var(--primary) !important;
  opacity: 0.85 !important;
  transition: opacity 180ms ease !important;
}

.asala-wrapper .wpforms-uploader.dz-clickable:hover .dz-message svg {
  opacity: 1 !important;
}

.asala-wrapper .wpforms-uploader .dz-message .modern-title {
  display: block !important;
  font-family: var(--font) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--muted) !important;
  direction: rtl !important;
  line-height: 1.6 !important;
}

.asala-wrapper .wpforms-uploader .dz-message .modern-title span {
  color: var(--primary) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  cursor: pointer !important;
  transition: color 180ms ease !important;
}

.asala-wrapper .wpforms-uploader .dz-message .modern-title span:hover {
  color: var(--phover) !important;
}