/* EuroMaTech FAQs: styles scoped to the new, opt-in FAQ page template only.
   The existing pages-side-bar widget area and theme header/footer remain untouched. */
#em-faq-page{direction:rtl;text-align:right;color:#243449}
#em-faq-page *,#em-faq-page *::before,#em-faq-page *::after{box-sizing:border-box}
#em-faq-page [hidden]{display:none!important}
#em-faq-page .em-faq-page-label{margin:0;padding:11px 0;font-size:25px;font-weight:700;color:#173d66}
#em-faq-page .em-faq{--em-blue:#17649d;--em-blue-deep:#123b5d;--em-border:#dbe5ee;--em-copy:#2f4555;--em-paper:#f4f8fc;line-height:1.9;font-size:18px;width:100%;min-width:0;padding:18px 0 55px;text-align:right}
#em-faq-page .em-faq a{color:var(--em-blue)}
#em-faq-page .em-faq a:focus-visible,#em-faq-page .em-faq button:focus-visible,#em-faq-page .em-faq summary:focus-visible{outline:2px solid #bc9652;outline-offset:3px}
#em-faq-page .em-faq-hero{padding:30px 34px;border:1px solid #d7e5f1;background:#f1f6fb;border-radius:12px;margin-bottom:24px}
#em-faq-page .em-faq-hero h1{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.47!important;color:#103b62!important;margin:0 0 13px!important;font-weight:700!important;letter-spacing:0}
#em-faq-page .em-faq-lead{margin:0!important;color:#3b5163;font-size:17px!important;line-height:2!important}
#em-faq-page .em-faq-quick{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:32px}
#em-faq-page .em-faq-quick a{display:inline-flex;align-items:center;min-height:35px;padding:6px 13px;color:#184b7b;background:#fff;border:1px solid #d3dfeb;border-radius:20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .16s ease,border-color .16s ease}
#em-faq-page .em-faq-quick a:hover{background:#eef5fb;border-color:#9ebfd5;text-decoration:none}
#em-faq-page .em-faq-section{margin:0 0 35px;scroll-margin-top:100px;min-width:0}
#em-faq-page .em-faq-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}
#em-faq-page .em-faq-section h2{color:#163d62!important;font-weight:700!important;border-right:4px solid #3479b8;padding-right:14px;font-size:23px!important;line-height:1.5!important;margin:0!important;border-bottom:unset!important}
#em-faq-page .em-faq-item{position:relative;border:1px solid #dfe7ef;border-radius:8px;background:#fff;margin-bottom:10px;overflow:visible}
#em-faq-page .em-faq-item>summary{position:relative;display:block;list-style:none;padding:15px 49px 15px 19px;cursor:pointer;line-height:1.7;font-size:18px;font-weight:700;color:#173e61}
#em-faq-page .em-faq-item>summary::-webkit-details-marker{display:none}
#em-faq-page .em-faq-item>summary::before{position:absolute;right:17px;top:50%;transform:translateY(-50%);content:'+';font-size:24px;font-weight:400;line-height:1;color:#3479b8}
#em-faq-page .em-faq-item[open]>summary::before{content:'−'}
#em-faq-page .em-faq-item[open]>summary{border-bottom:1px solid #ebf0f4}
#em-faq-page .em-faq-answer{padding:18px 22px 20px;color:#31475a;font-size:18px;line-height:2;overflow-wrap:anywhere}
#em-faq-page .em-faq-answer p{margin:0 0 13px;font-size:inherit;line-height:inherit;color:inherit}
#em-faq-page .em-faq-answer p:last-child{margin-bottom:0}
#em-faq-page .em-faq-answer ul,#em-faq-page .em-faq-answer ol{padding-right:23px;padding-left:0;margin:11px 0 16px}
#em-faq-page .em-faq-answer li{margin:0 0 5px;line-height:1.85}
#em-faq-page .em-faq-answer .em-faq-specialties{columns:2;column-gap:30px;padding-right:23px}
#em-faq-page .em-faq-answer .em-faq-specialties li{break-inside:avoid;margin-bottom:6px}
#em-faq-page .em-faq-answer a{text-decoration:underline;text-underline-offset:3px}
#em-faq-page .em-faq-cta{background:#f1f6fb;border:1px solid #d7e5f1;border-radius:10px;padding:25px 27px;margin:38px 0 0}
#em-faq-page .em-faq-cta h2{color:#173d66!important;font-size:23px!important;line-height:1.5!important;margin:0 0 8px!important}
#em-faq-page .em-faq-cta p{font-size:18px;line-height:1.9;margin:0;color:#344d61}
#em-faq-page .em-faq-cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px;align-items:flex-start}
#em-faq-page .em-faq-cta-button{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
#em-faq-page .em-faq-cta-button>a{display:inline-flex;align-items:center;min-height:43px;padding:9px 17px;background:var(--em-blue)!important;border:1px solid var(--em-blue);color:#fff!important;border-radius:6px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.6}
#em-faq-page .em-faq-cta-button>a.em-faq-cta-secondary{background:white!important;color:var(--em-blue)!important}
#em-faq-page .em-faq-cta-button>a:hover{filter:brightness(.94)}

/* Editing controls: never shown to visitors and only enabled on explicit click. */
#em-faq-page .em-faq-editor-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0 13px;border-bottom:1px solid var(--em-border);margin-bottom:20px}
#em-faq-page .em-faq-edit-controls{display:flex;flex-wrap:wrap;gap:8px}
#em-faq-page .em-faq-admin-btn{background:#fff;border:1px solid #a9c2d5;color:#17486d;border-radius:5px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:700;min-height:38px}
#em-faq-page .em-faq-admin-btn:hover{background:#f0f6fb}
#em-faq-page .em-faq-save{color:#fff;background:#17649d;border-color:#17649d}
#em-faq-page .em-faq-save:hover{background:#0e4c78;color:#fff}
#em-faq-page .em-faq-editor-status{font-size:13px;color:#436476;min-height:20px}
#em-faq-page .em-faq-format-tools{position:sticky;top:70px;z-index:9;background:#fff;box-shadow:0 5px 15px rgba(15,48,68,.09);padding:9px;gap:7px;border:1px solid #cfdee9;border-radius:6px;margin-bottom:13px;display:flex;flex-wrap:wrap}
#em-faq-page .em-faq-format-tools button,#em-faq-page .em-faq-section-actions button,#em-faq-page .em-faq-item-actions button,#em-faq-page .em-faq-add-faq,#em-faq-page .em-faq-edit-link{border:1px solid #c0d4e3;border-radius:4px;background:#fff;color:#215272;padding:5px 9px;cursor:pointer;font-size:13px;line-height:1.5}
#em-faq-page .em-faq-section-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
#em-faq-page .em-faq-section-actions button.em-faq-danger{color:#b12f3f;border-color:#d5a6ad}
#em-faq-page .em-faq-handle{cursor:grab!important;touch-action:none;user-select:none;font-weight:700;font-size:19px!important;min-width:35px}
#em-faq-page .em-faq-item-actions{padding:4px 18px 14px;border-top:1px solid #edf1f5}
#em-faq-page .em-faq-item-actions button{color:#af3342;border-color:#e4bdc2}
#em-faq-page .em-faq-add-faq{margin-top:8px;padding:8px 12px}
#em-faq-page .em-faq-edit-link{font-size:12px}
#em-faq-page .em-faq-editing [data-em-field]{outline:1px dashed transparent;outline-offset:3px;cursor:text}
#em-faq-page .em-faq-editing [data-em-field]:hover{outline-color:#8cb7d5}
#em-faq-page .em-faq-editing [data-em-field]:focus{outline:2px solid #17649d;background:#fff;min-height:1.4em}
#em-faq-page .em-faq-editing .em-faq-answer{min-height:50px}
#em-faq-page .em-faq-editing .em-faq-answer:empty:before{content:'اكتب الإجابة هنا...';color:#8699a6}
#em-faq-page .em-faq-section.em-faq-dragging{opacity:.52;border:2px dashed #1c6a9c;padding:12px}
#em-faq-page .em-faq-editing .em-faq-items:empty::after{content:'لا توجد أسئلة في هذا القسم بعد.';display:block;color:#617786;padding:12px 0;font-size:14px}
#em-faq-page .em-faq-editing .em-faq-item>summary{padding-left:20px}
#em-faq-page .em-faq-editing [data-em-field="button-text"]{cursor:text;min-width:50px}
#em-faq-page .em-faq-editor-status[data-state="error"]{color:#b12836}
#em-faq-page .em-faq-editor-status[data-state="success"]{color:#14703a}
@media(max-width:767.98px){
 #em-faq-page .em-faq-page-label{font-size:21px}
 #em-faq-page .em-faq{padding-top:12px}
 #em-faq-page .em-faq-hero{padding:23px 20px}
 #em-faq-page .em-faq-hero h1{font-size:28px!important}
 #em-faq-page .em-faq-lead{font-size:18px!important}
 #em-faq-page .em-faq-section h2{font-size:21px!important}
 #em-faq-page .em-faq-item>summary{font-size:15px;padding:13px 43px 13px 12px}
 #em-faq-page .em-faq-answer{padding:14px 14px 19px;font-size:15px}
 #em-faq-page .em-faq-answer .em-faq-specialties{columns:1}
 #em-faq-page .em-faq-cta{padding:20px}
 #em-faq-page .em-faq-section-heading{align-items:flex-start;flex-direction:column}
 #em-faq-page .em-faq-format-tools{top:12px}
}
@media(prefers-reduced-motion:reduce){#em-faq-page .em-faq *{transition:none!important;scroll-behavior:auto!important}}


/* Live WP taxonomy list, kept outside the editable answer HTML so edits cannot
   accidentally freeze, remove or duplicate automatic category links. */
#em-faq-page .em-faq-answer .em-faq-live-categories{padding:8px 0 12px;color:#31475a;font-size:inherit;line-height:inherit}
#em-faq-page .em-faq-answer .em-faq-live-categories .em-faq-specialties{columns:2;column-gap:30px;list-style:disc;padding-right:23px;padding-left:0;margin:0}
#em-faq-page .em-faq-answer .em-faq-live-categories li{break-inside:avoid;margin:0 0 7px;line-height:1.8}
#em-faq-page .em-faq-answer .em-faq-live-categories a{text-decoration:underline;text-underline-offset:3px}
#em-faq-page .em-faq-editing .em-faq-answer .em-faq-live-categories{position:relative;border-top:1px dashed #cddde9;padding-top:15px}
#em-faq-page .em-faq-editing .em-faq-answer .em-faq-live-categories::before{content:'قائمة التخصصات ديناميكية — تُحدّث تلقائياً من WordPress';display:block;color:#597185;font-size:13px;margin-bottom:9px;font-weight:600}
@media(max-width:767.98px){#em-faq-page .em-faq-answer .em-faq-live-categories{padding:6px 0 12px}#em-faq-page .em-faq-answer .em-faq-live-categories .em-faq-specialties{columns:1}}

/* Optional featured image appears immediately ABOVE the FAQ hero, not inside it. */
#em-faq-page .em-faq-featured-image{display:block;width:100%;margin:0 0 20px;overflow:hidden;border-radius:10px;background:#eef4f8}
#em-faq-page .em-faq-featured-image-img{display:block;width:100%;height:auto;max-height:340px;object-fit:cover;object-position:center}
@media(max-width:767.98px){#em-faq-page .em-faq-featured-image{margin-bottom:14px;border-radius:6px}#em-faq-page .em-faq-featured-image-img{max-height:220px}}