.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-23798 .elementor-element.elementor-element-955e243{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}/* Start custom CSS for html, class: .elementor-element-b329ea4 *//* --- Nitrono General Post Styling --- */
.nitrono-post {
    font-family: 'Vazirmatn', sans-serif;
    line-height: 1.8;
    color: #1F2937;
}
.nitrono-post h2, .nitrono-post h3 {
    color: #1F2937;
    margin-top: 2em;
    margin-bottom: 1em;
}
.nitrono-post p {
    font-size: 16px; 
    margin-bottom: 1.2em;
    text-align: justify !important;
}
.nitrono-post li {
    font-size: 16px; 
    margin-bottom: 1.2em;
}
.nitrono-post a { color: #1A73E8; text-decoration: none; transition: color 0.2s; }
.nitrono-post a:hover { color: #1558B0; }

/* --- Table of Contents Styling --- */
.toc-container {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-right: 5px solid #1A73E8;
    padding: 20px 30px;
    border-radius: 8px;
    margin: 2em 0;
}
.toc-container h3 { margin-top: 0; font-size: 1.2em; }
.toc-container ul { list-style-type: none; padding-right: 0; }
.toc-container ul li a { font-weight: 500; }

/* --- Image Figure Styling --- */
.nitrono-post figure { margin: 2em 0; text-align: center; }
.nitrono-post figure img {
    max-width: 100%; height: auto; border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}
.nitrono-post figure figcaption { font-size: 0.9em; color: #4B5563; margin-top: 0.8em; }

/* --- Reaction Table Styling --- */
.table-container { direction: rtl; margin: 2em 0; overflow-x: auto; }
.reaction-table {
  width: 100%; border-collapse: collapse; text-align: center;
  background-color: #FFFFFF;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px; overflow: hidden;
}
.reaction-table caption {
  font-size: 1.2em; font-weight: bold; color: #1F2937; padding: 1em;
  background-color: #F9FAFB;
}
.reaction-table th, .reaction-table td {
  padding: 12px 15px; border: 1px solid #E5E7EB; min-width: 100px; 
}
.reaction-table thead th {
  background-color: #F9FAFB; color: #4B5563; font-weight: 600; font-size: 0.9em;
}
.reaction-table tbody td:first-child {
  font-weight: bold; color: #1F2937; background-color: #F9FAFB;
}

/* --- Mechanism Cell Styling (Updated based on correct image) --- */
.mechanism-e2 { background-color: #8A2BE2; } /* Violet */
.mechanism-sn2 { background-color: #00CED1; } /* Turquoise */
.mechanism-sn1 { background-color: #FFA500; } /* Orange */
.mechanism-sn1-e1 { background: linear-gradient(90deg, #FFA500 65%, #FFFF00 35%); } /* Orange/Yellow */
.mechanism-e2-sn2 { background: linear-gradient(90deg, #8A2BE2 65%, #00CED1 35%); } /* Violet/Turquoise (E2 dominant) */
.mechanism-sn2-e2 { background: linear-gradient(90deg, #8A2BE2 35%, #00CED1 65%); } /* Violet/Turquoise (SN2 dominant) */
.mechanism-none {
    background-color: #FFFFFF;
    color: #EF4444;
    font-size: 2.5em;
    line-height: 1;
    font-weight: bold;
}
.mechanism-e2, .mechanism-sn2, .mechanism-sn1, .mechanism-sn1-e1, .mechanism-e2-sn2, .mechanism-sn2-e2 {
  color: #FFFFFF !important;
  font-weight: bold; font-size: 1.1em;
}

/* --- FINAL HOVER FIX --- */
.reaction-table tr:hover, 
.reaction-table tr:hover td,
.reaction-table td:hover {
    background: inherit !important;
    color: inherit !important;
    transform: none !important;      
    box-shadow: none !important;    
}

/* --- Call to Action Box Styling --- */
.cta-box {
    background-color: #F5F3FF; /* Very light purple */
    border: 2px solid #8B5CF6; /* Purple */
    border-radius: 12px;
    padding: 2.5em;
    margin: 3em 0;
    text-align: center;
}
.cta-box h2 {
    color: #1F2937; /* Dark Gray from your palette */
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 0.8em;
}
.cta-box p {
    color: #4B5563; /* Medium Gray from your palette */
    font-size: 1.1em;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.8em;
}
.cta-button {
    background-color: #8B5CF6; /* Purple */
    color: #FFFFFF !important;
    padding: 14px 32px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.1em;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: inline-block;
}
.cta-button:hover {
    background-color: #7C3AED; /* Darker Purple */
    transform: translateY(-2px);
    color: #FFFFFF !important;
}/* End custom CSS */