/* arabitrend.com — общий стиль для всех страниц P1.
   Источник разметки — sites/arabitrend/design/design-system.html (Claude Design,
   доработан куратором). Здесь те же цвета/отступы, но без рантайма support.js:
   style-hover/style-active заменены на настоящие :hover/:active. */

html { direction: rtl; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #FFFFFF; font-family: 'IBM Plex Sans Arabic', 'Cairo', sans-serif; }
* { box-sizing: border-box; }
summary::-webkit-details-marker { display: none; }
summary { list-style: none; }
a { color: #276AA5; text-decoration: none; }
a:hover { color: #3DA5FF; }

.nav-link:hover { background: rgba(255,255,255,0.24) !important; }
.footer-link:hover { color: #3DA5FF !important; }

.btn-primary:hover { background: #4D691D !important; }
.btn-primary:active { transform: translateY(1px); }

.btn-secondary:hover { border-color: #276AA5 !important; color: #205583 !important; }

.btn-blue:hover { background: #205583 !important; }

.promo-box:hover { background: rgba(126,172,47,0.18) !important; }

/* --- липкая нижняя панель CTA (лендинг) --- */
#sticky-cta {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 50;
  background: rgba(255,255,255,0.97); border-top: 1px solid #D4DEE8;
  box-shadow: 0 -6px 20px rgba(29,66,104,0.12);
  transition: transform .25s ease, opacity .25s ease;
  transform: translateY(110%); opacity: 0; pointer-events: none;
}
#sticky-cta.is-visible { transform: translateY(0); opacity: 1; pointer-events: auto; }

@media print { #sticky-cta { display: none !important; } }

/* --- صفحة التحويل /go/ --- */
.go-spinner {
  width: 46px; height: 46px; border-radius: 50%;
  border: 4px solid #D4DEE8; border-top-color: #7EAC2F;
  animation: go-spin 0.8s linear infinite;
}
@keyframes go-spin { to { transform: rotate(360deg); } }