/* Consistent pointer and keyboard feedback across the local templates. */
:root{--interaction-red:#b8202d;--interaction-soft:#fff1f2}
a[href],button:not(:disabled),summary{cursor:pointer}
a,button,summary,input,textarea,select{transition:color .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--interaction-red);outline-offset:4px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--interaction-red);outline-offset:2px}
button:active:not(:disabled){filter:brightness(.95)}
@media(hover:hover) and (pointer:fine){
 a[href]:hover{color:var(--interaction-red)}
 .bg-black a[href]:hover,.media-section a[href]:hover{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
 #hero-section a[href]:hover{color:#fff;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
 #special-coverage-bar a[href]:hover{color:#fff;text-decoration:underline;text-underline-offset:4px;background:#ffffff12;border-radius:4px}
 .nav-link:hover{color:var(--interaction-red)!important;background:var(--interaction-soft);border-radius:5px}
 #main-nav-menu .nav-link{padding-inline:6px}
 .submenu-dropdown a:hover,#mobile-drawer-body nav a:hover{color:var(--interaction-red)!important;background:var(--interaction-soft)}
 button:not(:disabled):hover{border-color:var(--interaction-red)}
 .bg-primary:hover,#contact-submit-btn:hover,.editorial-button:hover{background-color:var(--interaction-red)!important;color:#fff!important}
 #search-toggle-btn:hover,#mobile-menu-toggle:hover,#mobile-drawer-close:hover,#close-search-btn:hover,#scroll-to-top-btn:hover{background:var(--interaction-soft);color:var(--interaction-red);box-shadow:0 0 0 1px #d82b3826}
 .share-buttons-container a:hover,.share-buttons-container button:hover,.top-social a:hover,#main-global-footer [aria-label="منصات التواصل الاجتماعي"] a:hover{background:var(--interaction-soft);color:var(--interaction-red);border-radius:6px}
 .post:hover h2 a,.post:hover h3 a,.post:hover h4 a{color:var(--interaction-red)}
 #camps-now-section article:has(>img):hover h3 a,.bg-black .post:hover h2 a,.bg-black .post:hover h3 a{color:#fff;text-decoration:underline;text-underline-offset:5px}
 .post img,.media-cover img{transition:filter .2s ease!important}
 .post:hover img,.media-cover:hover img{filter:brightness(.96);transform:none!important}
 .post a[class*="aspect-"],.editorial-image,.media-cover{transition:box-shadow .16s ease}
 .post a[class*="aspect-"]:hover,.editorial-image:hover,.media-cover:hover{box-shadow:0 0 0 2px #d82b3833}
 .post h2 a:hover,.post h3 a:hover,.post h4 a:hover,.prose a:hover,.inline-related a:hover{ text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
 .camp-list a:hover,.camp-list button:hover,.media-format-filters button:hover,.media-format-filters a:hover,.editorial-filters button:hover,.media-tabs a:hover,.pagination-nav a:hover{background:var(--interaction-soft);color:var(--interaction-red);border-color:var(--interaction-red)}
 button[aria-pressed=true]:hover{background:var(--interaction-red)!important;color:#fff!important}
 .media-card-copy h3 button:hover{color:var(--interaction-red);text-decoration:underline;text-underline-offset:5px}
 .media-cover:hover .media-cover-action{background:var(--interaction-red)}
 .contact-direct-link:hover{background:#fff;border-color:var(--interaction-red)}
 .contact-direct-link:hover strong{color:var(--interaction-red)}
 .article-summary summary:hover,.mobile-editorial-item summary:hover{color:var(--interaction-red)}
 .search-result:hover{background:var(--interaction-soft);color:var(--interaction-red)}
 #gallery-viewer button:hover,#media-detail button:hover,#media-reset:hover{background:var(--interaction-soft);color:var(--interaction-red);border-color:var(--interaction-red)}
 input:hover,textarea:hover,select:hover{border-color:#9299a1!important}
 input:focus:hover,textarea:focus:hover,select:focus:hover{border-color:var(--interaction-red)!important}
}
/* Keep topic shortcuts stable instead of following the pointer in 3D. */
#topics-bar-section .topic-link,#topics-bar-section .topic-icon-box,#topics-bar-section .topic-label{transform:none!important}
#topics-bar-section .topic-spotlight{display:none!important}
@media(hover:hover) and (pointer:fine){#topics-bar-section .topic-link:hover{background:var(--interaction-soft)!important}#topics-bar-section .topic-link:hover .topic-label,#topics-bar-section .topic-link:hover svg{color:var(--interaction-red)!important}}
@media(prefers-reduced-motion:reduce){a,button,summary,input,textarea,select,.post img,.media-cover img{transition:none!important}}

/* Homepage: stable media and feedback on the actual interactive target. */
body[data-page="index"] .post img{scale:1!important;rotate:0deg!important;translate:none!important;transform:none!important;transition:filter .16s ease!important}
body[data-page="index"] #topics-bar-section :is(.topic-link,.topic-icon-box,.topic-label){scale:1!important;rotate:0deg!important;translate:none!important}
body[data-page="index"] #main-global-footer button{rotate:0deg!important;scale:1!important;transform:none!important}
@media(hover:hover) and (pointer:fine){
 body[data-page="index"] .post:hover :is(h2,h3,h4) a{color:inherit;text-decoration:none}
 body[data-page="index"] .post:hover img{filter:none}
 body[data-page="index"] .post a:hover img{filter:brightness(.94)}
 body[data-page="index"] .post :is(h2,h3,h4) a:hover{color:#b8202d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
 body[data-page="index"] #hero-section a:hover,
 body[data-page="index"] #camps-now-section article:has(>img) :is(h2,h3,h4) a:hover{color:#fff!important;text-decoration:underline;text-underline-offset:5px}
 body[data-page="index"] #camps-now-section article:has(>img):hover :is(h2,h3,h4) a{color:#fff}
 body[data-page="index"] #special-coverage-bar a:hover{color:#fff!important;background:transparent;text-decoration:underline;text-underline-offset:4px}
 body[data-page="index"] #topics-bar-section .topic-link:hover{box-shadow:inset 0 0 0 1px #b8202d33}
 body[data-page="index"] #main-global-footer [aria-label="منصات التواصل الاجتماعي"] a:hover{box-shadow:0 0 0 4px #fff1f2}
}
body[data-page="index"] .post :is(h2,h3,h4) a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
body[data-page="index"] #continuous-coverage-section img{scale:1!important;transform:none!important;transition:filter .16s ease!important}
body[data-page="index"] #hero-section>img{transform:none!important;translate:none!important;rotate:0deg!important}
@media(hover:hover) and (pointer:fine){body[data-page="index"] #continuous-coverage-section a:hover img{filter:brightness(.94)}}

/* Header: one coordinated highlight and underline per navigation target. */
#nav-sliding-indicator{display:none!important}
#main-nav-menu .nav-link{position:relative;isolation:isolate;background:transparent;border-radius:6px;text-decoration:none!important;padding-inline:8px}
#main-nav-menu .nav-link::after{content:"";position:absolute;inset-inline:8px;bottom:0;height:2px;border-radius:2px;background:#b8202d;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:1}
#main-nav-menu .nav-link[aria-current="page"]::after,#main-nav-menu .nav-link:focus-visible::after{opacity:1}
#main-nav-menu .nav-link:focus-visible{background:#fff1f2;color:#b8202d}
@media(hover:hover) and (pointer:fine){
 #main-nav-menu .nav-menu-item:hover>.nav-link{background:#fff1f2;color:#b8202d!important;text-decoration:none!important}
 #main-nav-menu .nav-menu-item:hover>.nav-link::after{opacity:1}
}
@media(prefers-reduced-motion:reduce){#main-nav-menu .nav-link::after{transition:none}}
.template-footer-nav{display:flex;justify-content:center;gap:12px 24px;flex-wrap:wrap;padding:0 20px 24px;max-width:1200px;margin:auto;border-bottom:1px solid #e2e8f0;margin-bottom:24px;font-size:14px}.template-footer-nav a{min-height:32px;display:flex;align-items:center}.template-footer-nav a:hover{color:var(--primaryColor,#D82B38);text-decoration:underline;text-underline-offset:4px}.template-footer-nav a:focus-visible{outline:2px solid var(--primaryColor,#D82B38);outline-offset:4px}.tpl-gallery-detail-link{display:inline-block;margin-top:14px;color:var(--primaryColor,#D82B38);font-size:14px;font-weight:600}.tpl-gallery-detail-link:hover{text-decoration:underline}