/* extras.css — يُحمَّل بعد style.css و overrides.css
   رموز التواصل + الروابط السريعة + مرونة إضافية (يستخدم ألوان الموقع) */

/* ---------- عام ---------- */
main>section[id]{scroll-margin-top:82px}
a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
img,svg{max-width:100%}
.hero-actions,.fleet-numbers{flex-wrap:wrap}
.fleet-numbers{gap:22px 46px}

/* ---------- رموز بيانات التواصل ----------
   الحاوية .contact-info اتجاهها ltr في التصميم، لذلك نعكس صف الروابط ليكون الرمز على يمين النص */
.contact-info a[href^="tel:"],.contact-info a[href^="mailto:"]{display:flex;flex-direction:row-reverse;justify-content:flex-start;align-items:center;gap:11px;overflow-wrap:anywhere}
.contact-info p{display:flex;align-items:center;gap:11px;cursor:pointer;overflow-wrap:anywhere}
.contact-info a[href^="tel:"]::before,.contact-info a[href^="mailto:"]::before,.contact-info p::before{content:"";flex:0 0 18px;width:18px;height:18px;background:var(--gold);-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}
.contact-info a[href^="tel:"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.45.57 3.57a1 1 0 01-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E")}
.contact-info a[href^="mailto:"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 4H4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E")}
.contact-info p::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9.5A2.5 2.5 0 1114.5 9 2.5 2.5 0 0112 11.5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 00-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 00-7-7zm0 9.5A2.5 2.5 0 1114.5 9 2.5 2.5 0 0112 11.5z'/%3E%3C/svg%3E")}
.contact-info a:hover,.contact-info p:hover{color:#fff}
.contact-info p:hover{text-decoration:underline}

/* ---------- الروابط السريعة العائمة ---------- */
.quick-fab{position:fixed;left:16px;bottom:16px;z-index:35;display:flex;flex-direction:column;gap:10px}
.quick-fab a,.footer-links-wrap .icons a{display:grid;place-items:center;text-decoration:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.quick-fab a{width:48px;height:48px;border-radius:50%;background:var(--navy);color:var(--gold);border:1px solid #ffffff30;box-shadow:0 6px 18px #071b2860}
.quick-fab a:hover{transform:translateY(-3px);box-shadow:0 10px 24px #071b2880}
.quick-fab a.call{background:var(--gold);color:var(--navy);border-color:transparent}
.quick-fab a.wa{background:#25d366;color:#fff;border-color:transparent}
.quick-fab svg,.footer-links-wrap .icons svg{fill:currentColor}
.quick-fab svg{width:24px;height:24px}
body:has(#adminPanel.open) .quick-fab{display:none}

/* ---------- روابط سريعة في التذييل (لا نستخدم وسم nav لأن style.css يخفيه على الجوال) ---------- */
.footer-links-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0 20px;margin-bottom:16px;border-bottom:1px solid #ffffff1c}
.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;font-size:13px;font-weight:600}
.footer-links a{color:#e2ebee;transition:.2s}
.footer-links a:hover{color:var(--gold)}
.footer-links-wrap .icons{display:flex;gap:10px}
.footer-links-wrap .icons a{width:40px;height:40px;border-radius:50%;border:1px solid #ffffff38;color:var(--gold)}
.footer-links-wrap .icons a:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.footer-links-wrap .icons svg{width:19px;height:19px}

/* ---------- تبويب الطلبات في لوحة التحكم ---------- */
.inquiry-list .edit-card>*{display:block;margin:5px 0}
.inquiry-list .edit-card strong{color:var(--navy);font-size:15px}
.inquiry-list .edit-card a{color:var(--blue);font-weight:700;direction:ltr;text-align:right}
.inquiry-list .edit-card small{color:var(--muted)}
.inquiry-list .edit-card p{line-height:1.9;color:var(--ink);font-size:13px}
.inquiry-list .delete-btn{width:100%}

/* ---------- شاشات متوسطة (تابلت): كانت تستخدم تخطيط الكمبيوتر ---------- */
@media (min-width:801px) and (max-width:1100px){
  .topbar{gap:20px}
  nav{gap:15px;font-size:13px}
  .hero{padding-inline:8vw}
  .section{padding:75px 6vw}
  .about-grid{gap:45px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .project-grid{grid-template-columns:repeat(2,1fr)}
  .staff-grid{grid-template-columns:repeat(3,1fr)}
  .contact{grid-template-columns:1fr 1fr;gap:38px;padding-inline:6vw}
  .contact-form{grid-column:1/-1}
  .fleet-copy{padding:60px 5vw}
}

/* ---------- جوال ---------- */
@media (max-width:800px){
  .quick-fab{left:50%;right:auto;transform:translateX(-50%);bottom:12px;flex-direction:row;gap:8px;padding:8px 10px;border-radius:40px;background:#071d2be6;backdrop-filter:blur(6px);box-shadow:0 8px 26px #071b2870}
  .quick-fab a{width:44px;height:44px;box-shadow:none}
  footer{padding-bottom:86px}
  main>section[id]{scroll-margin-top:70px}
  .contact-form input,.contact-form textarea,.contact-form button{width:100%}
  .hero-actions .button{flex:1 1 auto}
}
@media (max-width:480px){
  dialog{padding:22px 16px}
  .footer-links{gap:8px 16px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---------- قسم خريطة الموقع ---------- */
.map-section{background:var(--sand)}
.map-frame{margin-top:30px;border:1px solid #dfe6e8;background:#fff;box-shadow:0 8px 26px #0c2a3812;overflow:hidden}
.map-frame iframe{display:block;width:100%;height:clamp(280px,42vw,430px);border:0}
.map-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}
.field-hint{display:block;font-weight:400;color:var(--muted);line-height:1.9;margin-top:6px;font-size:12px}
@media (max-width:480px){.map-actions .button{width:100%}}