/* styles/pdf-preview.css - Styles for PDF rendering */

/* Force RTL throughout */
#temp-preview-container,
#temp-preview-container * {
  direction: rtl !important;
  text-align: right !important;
}

/* Ensure exact color reproduction */
#temp-preview-container * {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  color-adjust: exact !important;
}
#temp-preview-container #dynamicCardPreview {
  position: relative !important;
  width: 767px !important;
  height: 1057px !important;
}

/* Ensure both parts are positioned correctly */
#temp-preview-container #card-part-1 {
  position: relative !important;
  width: 100% !important;
  height: 527px !important;
}

#temp-preview-container #card-part-2 {
  position: relative !important;
  width: 100% !important;
  height: 530px !important;
  margin-top: 0 !important;
}
/* Part divisions for business card */
#card-part-1 {
  position: relative;
  width: 100%;
  height: 527px;
  background: inherit;
  direction: rtl;
  margin: 0;
  padding: 0;
  top: 0;
}

#card-part-2 {
  position: relative;
  width: 100%;
  height: 530px;
  background: inherit;
  direction: rtl;
  margin: 0;
  padding: 0;
  top: 0;
}

/* Ensure ALL text elements are dark and visible */
#temp-preview-container .card-intro-text,
#temp-preview-container .card-tip-item,
#temp-preview-container .card-contact-item,
#temp-preview-container .card-about-text,
#temp-preview-container p,
#temp-preview-container li,
#temp-preview-container span {
  opacity: 1 !important;
  color: #000000 !important; /* Pure black */
  font-weight: 400 !important;
}

#temp-preview-container .card-name-text,
#temp-preview-container .card-tips-heading,
#temp-preview-container h1,
#temp-preview-container h2 {
  opacity: 1 !important;
  color: #000000 !important; /* Pure black */
  font-weight: 700 !important;
}

/* Don't force parts visibility - let JS control it per clone */
#temp-preview-container #card-part-1,
#temp-preview-container #card-part-2 {
  /* Removed forced display/visibility rules */
  opacity: 1 !important;
}
#digital-wrapper #card-part-2 .contact-section,
#digital-wrapper #card-part-2 .card-contact-container {
  top: 39px !important; /* Was 579px, now relative to part-2 start (579 - 527 = 52) */
}

#digital-wrapper #card-part-2 .icon-star {
  top: 40px !important; /* Was 580px (580 - 527 = 53) */
}

#digital-wrapper #card-part-2 .icon-envelope {
  top: 88px !important; /* Was 628px (628 - 527 = 101) */
}

#digital-wrapper #card-part-2 .icon-map {
  top: 136px !important; /* Was 676px (676 - 527 = 149) */
}

#digital-wrapper #card-part-2 .icon-phone {
  top: 182px !important; /* Was 722px (722 - 527 = 195) */
}

#digital-wrapper #card-part-2 .card-divider-2 {
  top: 235px !important; /* Was 775px (775 - 527 = 248) */
}

#digital-wrapper #card-part-2 .about-section,
#digital-wrapper #card-part-2 .card-about-text {
  top: 265px !important; /* Was 805px (805 - 527 = 278) */
}

/* Vectors at bottom of part-2 */
#digital-wrapper #card-part-2 .vector,
#digital-wrapper #card-part-2 .element-vector-elegant-2,
#digital-wrapper #card-part-2 .element-vector-elegant-3 {
  top: 471px !important; /* Was 1011px (1011 - 527 = 484) */
}

#digital-wrapper #card-part-2 .vector-2 {
  top: 40px !important; /* Was 580px (580 - 527 = 53) */
}

/* Decorative elements - MORE subtle to reduce brightness */
#temp-preview-container .theme-decoration {
  position: absolute;
  opacity: 0.3 !important; /* Very subtle */
  filter: brightness(0.7) !important; /* Darker */
}

/* Ensure icons are visible when their parent section is visible */
#temp-preview-container .icon-star,
#temp-preview-container .icon-envelope,
#temp-preview-container .icon-map,
#temp-preview-container .icon-phone {
  position: absolute;
  opacity: 1 !important;
}

/* Dividers should be visible */
#temp-preview-container .card-divider-1,
#temp-preview-container .card-divider-2 {
  display: block !important;
  opacity: 0.3 !important;
  background-color: #000000 !important;
  visibility: visible !important;
}

/* Ensure vectors are visible */
#temp-preview-container .vector,
#temp-preview-container .vector-2,
#temp-preview-container .element-vector-elegant,
#temp-preview-container .element-vector-elegant-2,
#temp-preview-container .element-vector-elegant-3 {
  opacity: 0.5 !important;
  display: block !important;
}

/* Main decorative images */
#temp-preview-container .element-chat-bubble,
#temp-preview-container .element-paper,
#temp-preview-container .element-swan,
#temp-preview-container .element-bird-of,
#temp-preview-container .element-audio-sound,
#temp-preview-container .element-group,
#temp-preview-container .element-creative {
  opacity: 0.7 !important;
  filter: brightness(0.85) contrast(1.0) !important;
}

/* Ensure images load properly */
#temp-preview-container img {
  max-width: 100%;
  height: auto;
}

/* RTL list items */
#temp-preview-container .card-tips-container,
#temp-preview-container .card-contact-container {
  list-style-position: inside;
  text-align: right;
  direction: rtl;
}

#temp-preview-container .card-tip-item,
#temp-preview-container .card-contact-item {
  text-align: right;
  direction: rtl;
  list-style: none;
}

#temp-preview-container .card-tip-item {
  position: relative;
  padding-inline-start: 24px;
}

/* Add bullet points manually for RTL */
#temp-preview-container .card-tip-item::before {
  content: "•";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  color: currentColor;
}

/* Icons with proper visibility */
#temp-preview-container .icon-star,
#temp-preview-container .icon-envelope,
#temp-preview-container .icon-map,
#temp-preview-container .icon-phone {
  display: block !important;
  position: absolute;
  opacity: 0.85 !important;
}

/* Name frame */
#temp-preview-container .card-name-frame {
  direction: rtl;
}

#temp-preview-container .card-name-text {
  direction: rtl;
  text-align: right;
}

/* Dividers should be visible but subtle */
#temp-preview-container .card-divider-1 {
  opacity: 0.25 !important;
  background: transparent !important;
  border-top-style: dashed !important;
}

#temp-preview-container .card-divider-2 {
  opacity: 0.25 !important;
  background-color: #333333 !important;
}

/* Font rendering */
#temp-preview-container {
  font-family: 'Assistant', 'Arial', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Background colors exact */
#temp-preview-container #dynamicCardPreview {
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  border-radius: 0 !important;
}

/* Preview clones */
#preview-clone-1,
#preview-clone-2 {
  border-radius: 0 !important;
}

/* Theme-specific backgrounds */
[data-theme="classic"] #temp-preview-container #dynamicCardPreview {
  background-color: #fafafa !important;
}

[data-theme="elegant"] #temp-preview-container #dynamicCardPreview {
  background-color: #f3f6f5 !important;
}

[data-theme="elegant"] #temp-preview-container .card-intro-text,
[data-theme="elegant"] #temp-preview-container .card-tip-item,
[data-theme="elegant"] #temp-preview-container .card-contact-item,
[data-theme="elegant"] #temp-preview-container .card-about-text {
  color: #4c5c4f !important;
}

[data-theme="elegant"] #temp-preview-container .card-name-text,
[data-theme="elegant"] #temp-preview-container .card-tips-heading {
  color: #2e3d32 !important;
}

[data-theme="childish"] #temp-preview-container #dynamicCardPreview {
  background-color: #fff8f0 !important;
}

[data-theme="exotic"] #temp-preview-container #dynamicCardPreview {
  background-color: #f5f9f5 !important;
}

[data-theme="light"] #temp-preview-container #dynamicCardPreview {
  background-color: #ffffff !important;
}

[data-theme="light"] #temp-preview-container .theme-decoration {
  opacity: 0.45 !important;
}

[data-theme="simple"] #temp-preview-container #dynamicCardPreview {
  background-color: #fafafa !important;
}

[data-theme="humor"] #temp-preview-container #dynamicCardPreview {
  background-color: #fffaf5 !important;
}

[data-theme="scientific"] #temp-preview-container #dynamicCardPreview {
  background-color: #f5f7fa !important;
}