/* Currency and Price Amount Styling */

/* Import Saudi Riyal Font from CDN */
@import url('https://cdn.jsdelivr.net/npm/@emran-alhaddad/saudi-riyal-font/index.css');

/* Main price display container */
.disp_prop_amt {
  font-family: 'Jost', 'Noto Kufi Arabic', Arial, sans-serif;
  display: flex;
  align-items: baseline;
  gap: 4px;
}

/* RTL layout support - align price to the right */
html[lang="ar"] .disp_prop_amt,
html[dir="rtl"] .disp_prop_amt {
  justify-content: flex-end;
  text-align: right;
}

/* Ensure price section aligns properly in RTL */
html[lang="ar"] .disp_prop_amt a,
html[dir="rtl"] .disp_prop_amt a {
  display: flex;
  justify-content: flex-end;
  text-align: right;
}

/* Additional RTL support for property cards and containers */
html[lang="ar"] .property-card .disp_prop_amt,
html[dir="rtl"] .property-card .disp_prop_amt,
html[lang="ar"] .property-item .disp_prop_amt,
html[dir="rtl"] .property-item .disp_prop_amt {
  text-align: right;
  direction: rtl;
}

/* Ensure the entire property card content aligns right in RTL */
html[lang="ar"] .property-card,
html[dir="rtl"] .property-card,
html[lang="ar"] .property-item,
html[dir="rtl"] .property-item {
  text-align: right;
  direction: rtl;
}

.disp_prop_amt a {
  display: flex;
  align-items: baseline;
  gap: 4px;
  text-decoration: none;
}

/* Price amount styling */
.price-amount {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: inherit;
  line-height: 1.2;
}

/* Currency symbol styling */
.currency-symbol {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: inherit;
  opacity: 0.9;
  line-height: 1.2;
}

/* Saudi Riyal Icon Font Support */
.icon-saudi_riyal {
  font-family: 'saudi_riyal', 'Noto Kufi Arabic', Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
  color: inherit;
  opacity: 0.9;
  line-height: 1.2;
}

/* Ensure the icon displays correctly - CDN compatibility */
.icon-saudi_riyal::before {
  content: "\e900" !important;
  font-family: 'saudi_riyal' !important;
  font-size: inherit;
  color: inherit;
}

/* Alternative Unicode approach */
.currency-symbol.saudi-riyal-unicode {
  font-family: 'saudi_riyal', 'Noto Kufi Arabic', Arial, sans-serif !important;
}

.currency-symbol.saudi-riyal-unicode::before {
  content: '\E900'; /* Private Use Area Unicode */
  font-family: 'saudi_riyal', 'Noto Kufi Arabic', Arial, sans-serif !important;
}

/* Arabic currency symbol specific styling */
.currency-symbol:lang(ar) {
  font-family: 'Noto Kufi Arabic', Arial, sans-serif;
  font-size: 13px !important;
}

/* RTL specific adjustments */
[dir="rtl"] .disp_prop_amt {
  flex-direction: row-reverse;
}

[dir="rtl"] .disp_prop_amt a {
  flex-direction: row-reverse;
}

/* Map info window specific styling */
.infobox-price .price-amount {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: white;
}

.infobox-price .currency-symbol {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: white;
  opacity: 0.95;
}

/* Property card specific styling */
.property_card_info .price-amount {
  font-size: 16px !important;
  font-weight: 600 !important;
}

.property_card_info .currency-symbol {
  font-size: 13px !important;
  font-weight: 500 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .price-amount {
    font-size: 16px !important;
  }
  
  .currency-symbol {
    font-size: 12px !important;
  }
  
  .property_card_info .price-amount {
    font-size: 14px !important;
  }
  
  .property_card_info .currency-symbol {
    font-size: 11px !important;
  }
}

@media (max-width: 480px) {
  .price-amount {
    font-size: 14px !important;
  }
  
  .currency-symbol {
    font-size: 11px !important;
  }
}

/* Hover effects */
.disp_prop_amt a:hover .price-amount {
  color: #007bff;
  transition: color 0.3s ease;
}

.disp_prop_amt a:hover .currency-symbol {
  color: #007bff;
  transition: color 0.3s ease;
}

/* Focus states for accessibility */
.disp_prop_amt a:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Print styles */
@media print {
  .price-amount,
  .currency-symbol {
    color: black !important;
  }
}