/* Original calligraphy stays white and unchanged in every language and theme. */
.abn-header { position: fixed; inset: 12px 20px auto; z-index: 1050; font-family: var(--site-font, 'Cairo', Tahoma, Arial, sans-serif); }
.abn-bar { direction: rtl; display: grid; grid-template-columns: clamp(126px,9.1vw,175px) minmax(0,1fr) auto clamp(84px,6.02vw,115.5px); grid-template-areas: 'brand links theme contact'; align-items: center; gap: clamp(8.4px,0.7vw,12.6px); width: min(1232px,100%); margin-inline: auto; padding: 11.2px 18.2px; border-radius: 70px; background: #142448; box-shadow: 0 12px 32px rgba(5,18,44,.15); transition: box-shadow .25s ease; }
.abn-header.is-scrolled .abn-bar { box-shadow: 0 10px 30px rgba(5,18,44,.28); }
.abn-brand { grid-area: brand; display: block; min-width: 0; }
.abn-brand img, .abn-contact img { display: block; width: 100%; height: auto; object-fit: contain; }
.abn-contact { grid-area: contact; display: block; min-width: 0; transition: opacity .25s ease, transform .25s ease; }
.abn-contact:hover { opacity: .85; transform: translateY(-1.4px); }
.abn-links { grid-area: links; display: flex; justify-content: space-evenly; align-items: center; gap: 2.8px; min-width: 0; padding: 4.2px 8.4px; border-radius: 70px; background: #181e2d; }
.abn-links a { position: relative; display: inline-flex; justify-content: center; align-items: center; min-height: 30.8px; padding: 2.8px 6.3px; color: #fff; font-size: .75rem; font-weight: 600; line-height: 1.7; white-space: nowrap; text-decoration: none; border-radius: 21px; transition: background-color .2s ease, color .2s ease; }
.abn-links a:hover { color: #fff; background: rgba(255,255,255,.08); }
.abn-links a[aria-current='page']::after { content: ''; position: absolute; inset: auto 30% 1px; height: 1.4px; background: #d4a651; border-radius: 1.4px; }
.abn-header .abn-theme { grid-area: theme; position: relative; display: flex; justify-content: space-around; align-items: center; width: 40.6px; height: 19.6px; padding: 0 3.5px; margin: 0; border: 0; border-radius: 70px; background: #fff; cursor: pointer; box-shadow: none; }
.abn-theme .toggle-icon { position: relative; z-index: 1; width: 11.9px; height: 11.9px; object-fit: contain; }
.abn-theme .toggle-circle { position: absolute; width: 14.7px; height: 14.7px; top: 2.45px; right: 3.5px; left: auto; border-radius: 50%; background: #242424; transition: transform .25s ease; }
.dark-mode .abn-theme .toggle-circle, .abn-theme[aria-pressed='true'] .toggle-circle { transform: translateX(-17.5px); }
.abn-header .abn-menu-toggle { grid-area: toggle; display: none; align-items: center; justify-content: center; flex-direction: column; gap: 3.5px; width: 30.8px; min-height: 30.8px; padding: 7px; border: 1px solid rgba(255,255,255,.25); border-radius: 9.8px; background: #181e2d; color: #fff; box-shadow: none; }
.abn-menu-toggle span { display: block; width: 14px; height: 1.4px; border-radius: 1.4px; background: currentColor; transition: opacity .2s ease, transform .25s ease; }
.abn-menu-toggle[aria-expanded='true'] span:first-child { transform: translateY(4.9px) rotate(45deg); }
.abn-menu-toggle[aria-expanded='true'] span:nth-child(2) { opacity: 0; }
.abn-menu-toggle[aria-expanded='true'] span:last-child { transform: translateY(-4.9px) rotate(-45deg); }
.abn-header :focus-visible { outline: 2px solid #e6c37b; outline-offset: 5px; }
@media (max-width: 1399px) and (min-width: 1200px) {
 .abn-bar { grid-template-columns: 117.6px minmax(0,1fr) auto 78.4px; gap: 8.4px; padding: 9.8px 15.4px; }
 .abn-links { padding-inline: 5.6px; }
 .abn-links a { padding-inline: 4.9px; font-size: .75rem; }
 .abn-header .abn-theme { width: 37.8px; }
 .dark-mode .abn-theme .toggle-circle, .abn-theme[aria-pressed='true'] .toggle-circle { transform: translateX(-14.7px); }
}
@media (max-width: 1199px) {
 .abn-bar { grid-template-columns: minmax(0,1fr) auto auto 30.8px; grid-template-areas: 'brand contact theme toggle' 'links links links links'; gap: 0 11.2px; padding: 11.2px 15.4px; border-radius: 22.4px; }
 .abn-brand { width: min(119px,100%); }
 .abn-contact { width: 91px; }
 .abn-header .abn-menu-toggle { display: flex; }
 .abn-links { display: none; padding: 8.4px; margin-block-start: 9.8px; border-radius: 15.4px; max-height: min(65dvh,322px); overflow-y: auto; overscroll-behavior: contain; }
 .abn-bar[data-menu-open='true'] .abn-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); animation: abn-menu-in .24s ease both; }
 .abn-links a { white-space: normal; text-align: center; padding: 8.4px; font-size: .75rem; }
}
@media (max-width: 639px) {
 .abn-header { inset: 10px 10px auto; }
 .abn-bar { grid-template-columns: minmax(0,1fr) auto; grid-template-areas: 'brand contact' 'theme toggle' 'links links'; gap: 7px 9.8px; padding: 8.4px 11.2px; border-radius: 18.2px; }
 .abn-brand { width: min(119px,100%); }
 .abn-contact { width: clamp(63px,17.5vw,84px); }
 .abn-header .abn-theme { justify-self: start; }
 .abn-menu-toggle { justify-self: end; }
 .abn-bar[data-menu-open='true'] .abn-links { grid-template-columns: 1fr; }
 .abn-links { margin-top: 0; }
 .abn-links a { font-size: .75rem; }
}
@keyframes abn-menu-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
html[dir='rtl'] .single-blog-img .blog-card-bg[data-article-cover], html[dir='rtl'] .single-blog-img .blog-card-bg[data-page-cover] { object-position: center; }
img[data-article-cover], img[data-page-cover] { object-fit: cover; object-position: center; }
.trending-post-thum img[data-article-cover] { mix-blend-mode: normal !important; }
@media (prefers-reduced-motion: reduce) { .abn-header *, .abn-header *::after { animation: none !important; transition: none !important; } }

.abn-tools { grid-area: theme; display: flex; align-items: center; gap: 7px; }
.abn-language { position: relative; color: #fff; font-size: .75rem; line-height: 1.6; }
.abn-language summary { display: flex; align-items: center; gap: 4.9px; min-height: 30.8px; padding: 4.2px 7px; border-radius: 70px; border: 1px solid rgba(255,255,255,.2); cursor: pointer; list-style: none; white-space: nowrap; }
.abn-language summary::-webkit-details-marker { display: none; }
.abn-language summary svg { width: 11.2px; height: 11.2px; flex-shrink: 0; }
.abn-language summary:hover, .abn-language[open] summary { background: rgba(255,255,255,.08); }
.abn-language-panel { position: absolute; top: calc(100% + 10px); inset-inline-start: 0; z-index: 3; min-width: 200px; padding: 8px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: #181e2d; box-shadow: 0 12px 30px rgba(0,0,0,.2); }
.abn-language-panel a, .abn-language-panel button { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 44px; padding: 8px 12px; font: inherit; color: #fff; border: 0; border-radius: 10px; background: transparent; text-decoration: none; box-shadow: none; }
.abn-language-panel a[aria-current='page'] { background: rgba(255,255,255,.08); }
.abn-language-panel button:disabled { color: #aebbd0; cursor: default; }
.abn-language-panel small { color: #b9c6da; font-size: .75rem; white-space: nowrap; }
@media (max-width: 639px) { .abn-tools { gap: 5.6px; } .abn-language summary { padding-inline: 6.3px; } }
.abn-language-panel { font-size: .875rem; }
.abn-header .abn-theme::before { content: ""; position: absolute; inset: -6px 0; border-radius: inherit; }
@media (max-width: 1199px) { .abn-links a { font-size: .875rem; } }