/* editor-styles.css */

/* 1. Import Poppins from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* 2. Base Settings - Apply Poppins to everything */
body {
    font-family: 'Poppins', sans-serif; /* <--- Updated to Poppins */
    color: #374151;
    font-size: 18px;
    line-height: 1.6;
    padding: 10px;
    margin: 0;
}

p {
    font-family: 'Poppins', sans-serif; /* <--- Updated to Poppins */
       font-size: 16px;
    line-height: 1.6;

}
ul li, ol li {
    font-family: 'Poppins', sans-serif; /* <--- Updated to Poppins */
       font-size: 16px;
    line-height: 1.6; color: #000;

}
.ch-ref {font-weight: 400 !important; color: black  !important;  }

.jodit-wysiwyg p, #events-modal-content p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

.prose p,
.prose :where(p),
.prose > :where(p) {
    margin: 0 !important;
    padding: 0 !important;
}

/* 3. HEADINGS - Responsive */
h1, h2, h3, h4, h5, h6 {
    color: #111827;
    font-weight: 700;
    line-height: 1.3;
}

/* --- Mobile Sizes (Default) --- */
h1, .prose h1, .prose h1 span, .prose h1 strong { font-size: 26px !important; margin: 0; padding-bottom: 0.1em !important; }
h2, .prose h2, .prose h2 span, .prose h2 strong { font-size: 22px !important; margin: 0; padding-bottom: 0.1em !important; }
h3, .prose h3, .prose h3 span, .prose h3 strong { font-size: 20px !important; margin: 0; padding-bottom: 0.1em !important; }
h4, .prose h4, .prose h4 span, .prose h4 strong { font-size: 18px !important; margin: 0; padding-bottom: 0.1em !important; }
h5, .prose h5, .prose h5 span, .prose h5 strong { font-size: 16px !important; margin: 0; padding-bottom: 0.1em !important; }
h6, .prose h6, .prose h6 span, .prose h6 strong { font-size: 14px !important; margin: 0; padding-bottom: 0.1em !important; }

/* --- Desktop Sizes (768px and up) --- */
@media (min-width: 768px) {
    h1, .prose h1, .prose h1 span, .prose h1 strong { font-size: 35px !important; }
    h2, .prose h2, .prose h2 span, .prose h2 strong { font-size: 30px !important; }
    h3, .prose h3, .prose h3 span, .prose h3 strong { font-size: 25px !important; }
    h4, .prose h4, .prose h4 span, .prose h4 strong { font-size: 20px !important; }
    h5, .prose h5, .prose h5 span, .prose h5 strong { font-size: 18px !important; }
    h6, .prose h6, .prose h6 span, .prose h6 strong { font-size: 15px !important;  }
}

.prose ul > li::marker,
.prose ol > li::marker {
  color: #000;
  font-weight: 400;
}
.prose {
  --tw-prose-bullets: #000;
  --tw-prose-counters: #000;
}