/* Shared website footer. Isolated from the legacy theme's oversized footer. */
.public-website .website-footer { background: #084b35; color: #f5f5eb; padding: 0; border-top: 3px solid #c89b3c; font-size: 14px; }
.website-footer .website-footer__main { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 30px; }
.website-footer .website-footer__brand { flex: 0 1 290px; min-width: 0; }
.website-footer a { color: inherit; text-decoration: none; transition: color .18s ease, background-color .18s ease; }
.website-footer .website-footer__identity { display: flex; align-items: center; gap: 12px; font-weight: 650; font-size: 15px; line-height: 1.6; }
.website-footer .website-footer__identity img { width: 56px; height: 56px; flex: 0 0 56px; object-fit: contain; padding: 6px; background: #fbfaf5; border-radius: 12px; }
.website-footer .website-footer__socials { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.website-footer .website-footer__socials a { display: grid; place-items: center; width: 32px; height: 32px; border: 1px solid #ffffff24; border-radius: 50%; font-size: 14px; }
.website-footer .website-footer__socials a:hover { background: #ffffff12; color: #edc975; }
.website-footer .website-footer__navigation { display: flex; flex-wrap: wrap; align-content: center; gap: 6px 24px; flex: 1 1 380px; max-width: 480px; }
.website-footer .website-footer__navigation a { padding-block: 7px; line-height: 1.6; font-size: 14px; }
.website-footer a:hover { color: #edc975; }
.website-footer a:focus-visible { outline: 2px solid #edc975; outline-offset: 4px; border-radius: 4px; }
.website-footer .website-footer__contact { display: grid; gap: 12px; flex: 0 1 260px; }
.website-footer .website-footer__detail { display: flex; align-items: center; gap: 10px; color: #c9d9d1; font-size: 12px; }
.website-footer .website-footer__detail i { color: #edc975; }
.website-footer .website-footer__detail strong { display: block; color: #f5f5eb; font-size: 14px; font-weight: 500; overflow-wrap: anywhere; }
.website-footer .website-footer__feedback { display: inline-flex; justify-content: space-between; align-items: center; gap: 18px; padding: 10px 14px; border: 1px solid #ffffff30; border-radius: 9px; font-size: 13px; }
.website-footer .website-footer__feedback i { color: #edc975; }
.website-footer .website-footer__bottom { border-top: 1px solid #ffffff20; padding-block: 14px; }
.website-footer .website-footer__bottom p { margin: 0; color: #c3d3ca; font-size: 12px; line-height: 1.7; text-align: center; }
@media (max-width: 991px) { .website-footer .website-footer__main { flex-wrap: wrap; gap: 20px 28px; } .website-footer .website-footer__brand { flex-basis: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; } .website-footer .website-footer__socials { margin-top: 0; } }
@media (max-width: 575px) { .website-footer .website-footer__main { padding-block: 22px; gap: 18px; } .website-footer .website-footer__brand { flex-wrap: wrap; } .website-footer .website-footer__identity { font-size: 14px; } .website-footer .website-footer__identity img { width: 48px; height: 48px; flex-basis: 48px; } .website-footer .website-footer__navigation { gap: 2px 20px; flex-basis: 100%; } .website-footer .website-footer__contact { flex-basis: 100%; } .website-footer .website-footer__bottom p { font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .website-footer a { transition: none; } }

.website-footer { font-family: Inter, 'Noto Sans Arabic', system-ui, sans-serif; }
.website-footer > .container { width: 100%; max-width: 1240px; padding-inline: 24px; }