/**
 * 10-page.css — arabdown.net Static Pages
 * إعادة كتابة كاملة وفق برومت التصميم.
 *
 * الصفحات المستهدَفة: About, Contact, Privacy, Terms, FAQ, … أي صفحة WP عادية.
 *
 * المراجع البصرية:
 *   - Stripe Blog page → light palette + green brand + minimal
 *   - Apple About      → توازن الصورة والنص + نعومة التنقل
 *
 * الفلسفة: نظيف، قابل للقراءة، typography مطابقة لصفحة المقال
 *          (نفس قواعد 8-single.css) مع لون مميَّز لـ H2 (أخضر داكن).
 *
 * بنية الأب لصفحة الـ page:
 *   .entry-outer
 *     ├── .breadcrumbs (اختياري حسب إعدادات الأب)
 *     ├── .primary-header > .container > h1
 *     └── .primary-content > .container
 *          └── .entry-content
 */

/* ════════════════════════════════════════════════════════════════════════
   1. SHELL — body class .adc-page (يضاف من functions.php لكل صفحة)
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-outer {
    background: #ffffff;
}

/* ════════════════════════════════════════════════════════════════════════
   2. PAGE HEADER
   ──────────────────────────────────────────────────────────────────────
   نظيف، أبيض، عنوان مركزي بحدّ سفلي رفيع — مرجع: Stripe Blog page header.
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .primary-header {
    background: #ffffff !important;
    padding: 64px 0 40px !important;
    border-bottom: 1px solid #eee !important;
    margin-bottom: 0;
    position: static;
    overflow: visible;
}
.adc-page .primary-header::before,
.adc-page .primary-header::after {
    content: none !important;
}

.adc-page .primary-header h1,
.adc-page .entry-header h1 {
    font-size: clamp(28px, 4vw, 48px) !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em !important;
    max-width: 780px;
    margin: 0 auto !important;
    padding: 0 20px !important;
    background: none !important;
    border: 0 !important;
}
.adc-page .primary-header h1::before,
.adc-page .entry-header h1::before {
    content: none !important;
}

/* ════════════════════════════════════════════════════════════════════════
   3. BREADCRUMBS — تخصيص للصفحات الثابتة (أفتح من single)
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .breadcrumbs,
.adc-page .breadcrumbs-outer {
    background: transparent;
    border: 0;
    padding: 0;
}
.adc-page .breadcrumbs-inner {
    max-width: 780px;
    margin: 0 auto;
    padding: 16px 20px 0;
    font-size: 13px;
    color: #999;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}
.adc-page .breadcrumbs-inner a {
    color: #999;
    text-decoration: none;
    transition: color 200ms ease;
}
.adc-page .breadcrumbs-inner a:hover {
    color: #6e9f44;
}

/* فاصل سهم — RTL: ←  /  LTR: → */
.adc-page .breadcrumbs-inner > *:not(:last-child)::after {
    content: '←';
    margin-inline-start: 6px;
    color: #ccc;
    font-weight: 400;
}
[dir="ltr"] .adc-page .breadcrumbs-inner > *:not(:last-child)::after {
    content: '→';
}

/* ════════════════════════════════════════════════════════════════════════
   4. PAGE CONTENT CONTAINER
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .primary-content {
    background: #ffffff !important;
    padding-block: 0 !important;
}
.adc-page .entry-content {
    max-width: 780px;
    margin: 0 auto;
    padding: 40px 20px 80px;
}

/* ════════════════════════════════════════════════════════════════════════
   5. TYPOGRAPHY — نفس قواعد 8-single.css
   ──────────────────────────────────────────────────────────────────────
   17px جوال / 18px desktop، line-height 1.85 (إلزامي للعربية).
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content {
    font-size: 17px;
    line-height: 1.85;
    color: #1a1a1a;
    font-weight: 400;
}
@media (min-width: 768px) {
    .adc-page .entry-content {
        font-size: 18px;
    }
}

.adc-page .entry-content p {
    margin: 0 0 1.5em;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
.adc-page .entry-content p:last-child {
    margin-bottom: 0;
}

/* ════════════════════════════════════════════════════════════════════════
   6. ⚠ CRITICAL PARENT OVERRIDE — H2/H3 (نفس آلية 8-single.css)
   ──────────────────────────────────────────────────────────────────────
   نمحو background gradient + border-top الذي يحقنه القالب الأب.
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content h2:not(.unstyled),
.adc-page .entry-content h3:not(.unstyled) {
    border-top: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}
.adc-page .entry-content h2:not(.unstyled)::before,
.adc-page .entry-content h2:not(.unstyled)::after {
    content: none !important;
    display: none !important;
}

/* H2 — بلون أخضر داكن مميَّز (الفرق عن single) */
.adc-page .entry-content h2 {
    font-size: 22px;
    font-weight: 700;
    color: #2d4a1e !important;
    margin: 48px 0 16px;
    padding: 0 0 12px 0;
    border: 0 !important;
    border-bottom: 2px solid #d4e8c0 !important;
    line-height: 1.35;
    letter-spacing: -0.01em;
}
@media (min-width: 768px) {
    .adc-page .entry-content h2 {
        font-size: 26px;
    }
}

/* H3 */
.adc-page .entry-content h3 {
    font-size: 22px;
    font-weight: 700;
    color: #222;
    margin: 36px 0 12px;
    padding: 0;
    border: 0;
    background: none;
    line-height: 1.4;
}

/* H4 */
.adc-page .entry-content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
    margin: 28px 0 10px;
    padding: 0;
    border: 0;
    background: none;
}

/* ════════════════════════════════════════════════════════════════════════
   7. LINKS (مطابق لـ 8-single.css)
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content a:not(.btn):not(.no-underline) {
    color: #3d6420 !important;
    text-decoration: underline !important;
    text-decoration-color: #c8e0a8 !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    transition: text-decoration-color 200ms ease;
}
.adc-page .entry-content a:not(.btn):not(.no-underline):hover {
    text-decoration-color: #6e9f44 !important;
}

/* ════════════════════════════════════════════════════════════════════════
   8. CALLOUT / PULLQUOTE / BLOCKQUOTE
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content blockquote,
.adc-page .entry-content .wp-block-pullquote,
.adc-page .entry-content .wp-block-quote {
    border-inline-start: 4px solid #6e9f44;
    border-top: 0;
    border-bottom: 0;
    border-inline-end: 0;
    padding: 16px 20px;
    background: #f6fbf1;
    border-radius: 0 8px 8px 0;
    color: #2d4a1e;
    font-style: italic;
    font-size: 19px;
    line-height: 1.75;
    margin: 32px 0;
    box-shadow: none;
}
[dir="rtl"] .adc-page .entry-content blockquote,
[dir="rtl"] .adc-page .entry-content .wp-block-pullquote,
[dir="rtl"] .adc-page .entry-content .wp-block-quote {
    border-radius: 8px 0 0 8px;
}
.adc-page .entry-content blockquote::before,
.adc-page .entry-content blockquote::after,
.adc-page .entry-content .wp-block-pullquote::before,
.adc-page .entry-content .wp-block-pullquote::after {
    content: none !important;
}
.adc-page .entry-content blockquote p:last-child {
    margin-bottom: 0;
}

/* ════════════════════════════════════════════════════════════════════════
   9. IMAGES & FIGURES
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content img,
.adc-page .entry-content figure {
    border-radius: 8px;
    max-width: 100%;
    height: auto;
    margin: 32px auto;
    display: block;
    box-shadow: none;
}
.adc-page .entry-content figcaption,
.adc-page .entry-content .wp-caption-text,
.adc-page .entry-content .wp-element-caption {
    text-align: center;
    color: #888;
    font-size: 13px;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
}

/* ════════════════════════════════════════════════════════════════════════
   10. LISTS (UL / OL)
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content ul,
.adc-page .entry-content ol {
    margin: 0 0 1.5em;
    padding-inline-start: 1.5em;
}
.adc-page .entry-content li {
    margin-bottom: 8px;
    line-height: 1.85;
}
.adc-page .entry-content ul > li::marker {
    color: #6e9f44;
}

/* ════════════════════════════════════════════════════════════════════════
   11. CODE & TABLES (مطابق لـ single — يفيد صفحات Privacy/Terms)
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content code {
    background: #f4f7f0;
    color: #2d4a1e;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    font-family: ui-monospace, "SF Mono", Consolas, monospace;
}
.adc-page .entry-content pre {
    background: #1e2a1a;
    color: #d4f0c4;
    padding: 20px;
    border-radius: 8px;
    overflow-x: auto;
    font-size: 14px;
    line-height: 1.6;
    margin: 32px 0;
    font-family: ui-monospace, "SF Mono", Consolas, monospace;
}
.adc-page .entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 32px 0;
    font-size: 15px;
}
.adc-page .entry-content th,
.adc-page .entry-content td {
    padding: 10px 14px;
    border: 1px solid #e5e5e5;
    text-align: start;
}
.adc-page .entry-content th {
    background: #eef5e6;
    color: #2d4a1e;
    font-weight: 700;
}
.adc-page .entry-content tr:hover td {
    background: #fafff8;
}

/* ════════════════════════════════════════════════════════════════════════
   12. CONTACT FORMS
   ──────────────────────────────────────────────────────────────────────
   يغطّي: Contact Form 7 (WPCF7), WPForms, Gravity Forms, Native HTML.
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content .wpcf7,
.adc-page .entry-content .wpforms-container,
.adc-page .entry-content .gform_wrapper,
.adc-page .entry-content form {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 24px;
    margin: 32px 0;
}

/* Labels */
.adc-page .entry-content label,
.adc-page .entry-content .wpcf7-form label,
.adc-page .entry-content .gform_wrapper label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 6px;
}

/* Inputs / Textareas */
.adc-page .entry-content input[type="text"],
.adc-page .entry-content input[type="email"],
.adc-page .entry-content input[type="url"],
.adc-page .entry-content input[type="tel"],
.adc-page .entry-content input[type="number"],
.adc-page .entry-content input[type="search"],
.adc-page .entry-content textarea,
.adc-page .entry-content select {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 10px 12px;
    font-size: 14px;
    font-family: inherit;
    background: #fff;
    color: #1a1a1a;
    transition: border-color 200ms ease;
    margin-bottom: 12px;
    box-shadow: none;
}
.adc-page .entry-content input:focus,
.adc-page .entry-content textarea:focus,
.adc-page .entry-content select:focus {
    border-color: #6e9f44;
    outline: 0;
}
.adc-page .entry-content textarea {
    resize: vertical;
    min-height: 120px;
    line-height: 1.6;
}

/* Submit button */
.adc-page .entry-content input[type="submit"],
.adc-page .entry-content button[type="submit"],
.adc-page .entry-content .wpcf7-submit,
.adc-page .entry-content .wpforms-submit {
    background: #6e9f44;
    color: #fff;
    border: 0;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 200ms ease;
    width: auto;
    margin: 0;
    box-shadow: none;
}
.adc-page .entry-content input[type="submit"]:hover,
.adc-page .entry-content button[type="submit"]:hover,
.adc-page .entry-content .wpcf7-submit:hover,
.adc-page .entry-content .wpforms-submit:hover {
    background: #5d8938;
}

/* رسائل التحقق (CF7) */
.adc-page .entry-content .wpcf7-not-valid-tip {
    color: #c0392b;
    font-size: 13px;
    margin-top: -8px;
    margin-bottom: 12px;
}
.adc-page .entry-content .wpcf7-response-output {
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    margin-top: 16px;
    border-width: 1px;
    border-style: solid;
}

/* ════════════════════════════════════════════════════════════════════════
   13. TABLE OF CONTENTS — EZ TOC + بدائل شائعة
   ──────────────────────────────────────────────────────────────────────
   selectors: EZ TOC (.ez-toc-container), TOC+ (#toc_container),
              LuckyWP TOC (.lwptoc), Easy TOC (.toc).
   ════════════════════════════════════════════════════════════════════════ */
.adc-page .entry-content .ez-toc-container,
.adc-page .entry-content #ez-toc-container,
.adc-page .entry-content #toc_container,
.adc-page .entry-content .lwptoc,
.adc-page .entry-content .toc,
.adc-page .entry-content nav[aria-label*="contents" i],
.adc-page .entry-content nav[aria-label*="محتوى" i] {
    background: #f6fbf1 !important;
    border: 1px solid #d4e8c0 !important;
    border-radius: 8px !important;
    padding: 20px 24px !important;
    margin: 32px 0 !important;
    box-shadow: none !important;
}

/* TOC title */
.adc-page .entry-content .ez-toc-title,
.adc-page .entry-content #ez-toc-container .ez-toc-title,
.adc-page .entry-content #toc_container .toc_title,
.adc-page .entry-content .lwptoc_header,
.adc-page .entry-content .toc-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #2d4a1e !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    text-align: start !important;
}

/* TOC links */
.adc-page .entry-content .ez-toc-list a,
.adc-page .entry-content #toc_container a,
.adc-page .entry-content .lwptoc_item a,
.adc-page .entry-content .toc a {
    color: #3d6420 !important;
    font-size: 14px !important;
    line-height: 2 !important;
    text-decoration: none !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    transition: color 200ms ease;
}
.adc-page .entry-content .ez-toc-list a:hover,
.adc-page .entry-content #toc_container a:hover,
.adc-page .entry-content .lwptoc_item a:hover,
.adc-page .entry-content .toc a:hover {
    color: #6e9f44 !important;
    text-decoration: underline !important;
    text-decoration-color: #c8e0a8 !important;
}

/* TOC nested lists */
.adc-page .entry-content .ez-toc-list ul,
.adc-page .entry-content #toc_container ul,
.adc-page .entry-content .lwptoc ul,
.adc-page .entry-content .toc ul {
    list-style: none;
    padding-inline-start: 1em;
    margin: 0;
}
.adc-page .entry-content .ez-toc-list,
.adc-page .entry-content .toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
}