/* ==========================================================
   ART FOR DEMOCRACY — Design System
   NOTE: All design styles moved to WPCode CSS Snippet #188
   This file kept as minimal stub only.
   ========================================================== */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap');
/* Direct hide of gallery page title */
.page-id-58 h1.entry-title,
.page-id-58 .entry-header { display: none !important; }

/* ---- BROKEN IMAGE FIX ---- */
/* Hide broken image icons and alt text */
.a4d-card-image img {
  color: transparent !important;
  font-size: 0 !important;
}

/* When image fails to load, keep the background */
.a4d-card-image img:not([src=""]):not([src]) {
  min-height: 100%;
}

/* ---- SINGLE ARTWORK PAGE: hide entry-header ---- */
.single-artwork .entry-header,
.single-artwork h1.entry-title { display: none !important; }

/* ---- GALLERY: better no-image placeholder ---- */
.a4d-card-no-image {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  background: #f5f5f3 !important;
  min-height: 200px !important;
}

/* ---- GLOBAL: RTL direction fixes for metadata ---- */
.a4d-meta-table td[dir="ltr"] { direction: ltr !important; unicode-bidi: bidi-override !important; }

/* ---- FILTER BAR: ensure proper display in RTL ---- */
.a4d-filter-bar { direction: rtl !important; }

/* ---- CARD: proper text alignment for RTL ---- */
.a4d-card-body { text-align: right !important; direction: rtl !important; }
.a4d-card-lot { text-align: right !important; }
.a4d-card-price { text-align: right !important; }

/* ---- SINGLE: info panel RTL ---- */
.a4d-single-info { direction: rtl !important; text-align: right !important; }
.a4d-single-back { justify-content: flex-end !important; }
.a4d-meta-table td:first-child { text-align: right !important; }
.a4d-meta-table td:last-child { text-align: right !important; }

/* ---- GLOBAL FONT IMPROVEMENTS ---- */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
}