/* cairo-arabic-wght-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(../fonts/cairo-arabic-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}

/* cairo-latin-ext-wght-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(../fonts/cairo-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cairo-latin-wght-normal */
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-display: swap;
  font-weight: 200 1000;
  src: url(../fonts/cairo-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* cinzel-latin-ext-wght-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../fonts/cinzel-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* cinzel-latin-wght-normal */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-display: swap;
  font-weight: 400 900;
  src: url(../fonts/cinzel-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* lato-latin-400-normal */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(../fonts/lato-latin-400-normal.woff2) format('woff2');
}
/* lato-latin-700-normal */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(../fonts/lato-latin-700-normal.woff2) format('woff2');
}
/* ===== جزيرة فيلكا — الأنماط العامة ===== */
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #F7F2EA; color: #351F10; font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif; }
body.museum { background: #FBF9F5; }
a { color: #A45122; }
a:hover { color: #7C3A14; }
img { max-width: 100%; }
button, input, select, textarea { font-family: inherit; }
:focus-visible { outline: 3px solid #D2A22E; outline-offset: 2px; }
.skip-link { position: absolute; inset-inline-start: 8px; top: -60px; background: #351F10; color: #FEFEFE; padding: 10px 16px; border-radius: 4px; z-index: 50; }
.skip-link:focus { top: 8px; color: #FEFEFE; }

/* ===== رأس الموقع ===== */
.site-header { position: relative; z-index: 10; background: #FBF8F2; border-bottom: 1px solid #E6DCCB; color: #351F10; font-family: 'Cairo', sans-serif; line-height: 1.8; }
.sh-inner { max-width: 1320px; margin: 0 auto; padding: 12px 24px; display: flex; align-items: center; gap: 8px 28px; }
.sh-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; flex: none; }
.sh-brand:hover { color: inherit; }
.sh-brand img { width: 56px; height: 56px; object-fit: contain; }
.sh-brand span { display: flex; flex-direction: column; line-height: 1.15; }
.sh-brand b { font-size: 24px; font-weight: 800; }
.sh-brand i { font-family: 'Cinzel', serif; font-style: normal; font-size: 10px; letter-spacing: 2.5px; color: #A45122; }
.sh-nav { flex: 1; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 22px; }
.sh-nav a { padding: 11px 0 9px; font-size: 15px; font-weight: 600; text-decoration: none; color: inherit; border-bottom: 2px solid transparent; white-space: nowrap; }
.sh-nav a:hover { color: #A45122; }
.sh-nav a.active { color: #A45122; border-bottom-color: #D2A22E; }
.sh-tools { display: flex; align-items: center; gap: 10px; flex: none; }
.sh-map { height: 44px; padding: 0 16px; background: #666B51; color: #FEFEFE; border-radius: 4px; font-size: 14px; font-weight: 700; text-decoration: none; display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.sh-map:hover { background: #565B43; color: #FEFEFE; }
.sh-toggle { display: none; width: 46px; height: 46px; border: 1px solid currentColor; background: transparent; color: inherit; border-radius: 4px; align-items: center; justify-content: center; cursor: pointer; }

.site-header.overlay { background: transparent; border-bottom: 0; color: #FEFEFE; }
.site-header.overlay .sh-inner { padding-top: 18px; padding-bottom: 18px; }
.site-header.overlay .sh-brand i { color: #F0CE7A; }
.site-header.overlay .sh-nav a:hover,
.site-header.overlay .sh-nav a.active { color: #F0CE7A; }

@media (max-width: 1180px) {
  .sh-inner { flex-wrap: wrap; }
  .sh-toggle { display: flex; }
  .sh-tools { margin-inline-start: auto; }
  .sh-nav { display: none; order: 5; flex: 1 1 100%; flex-direction: column; flex-wrap: nowrap; gap: 0; padding: 8px 0 4px; }
  .site-header.is-open .sh-nav { display: flex; }
  .sh-nav a { padding: 12px 4px; border-bottom: 1px solid rgba(117, 97, 71, 0.25); font-size: 16px; }
  .sh-nav a.active { border-bottom-color: #D2A22E; }
  .site-header.overlay.is-open { background: #351F10; }
}
@media (max-width: 520px) {
  .sh-inner { padding-inline: 16px; gap: 8px 10px; }
  .sh-brand img { width: 46px; height: 46px; }
  .sh-brand b { font-size: 21px; }
  .sh-map span { display: none; }
  .sh-map { padding: 0 13px; }
}

/* ===== تذييل الموقع: موجة فوق القسم السابق ===== */
.site-footer { position: relative; display: flow-root; }
.site-footer > svg { background: transparent !important; position: relative; margin-top: -40px; }
.site-footer a:hover { color: #F0CE7A !important; }

/* ===== تفاعلات عامة ===== */
a[style*="border-radius"], button { transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
main a[style*="overflow: hidden"]:hover { box-shadow: 0 10px 26px rgba(53, 31, 16, 0.12); transform: translateY(-2px); }
main a[style*="overflow: hidden"]:hover { color: inherit; }
details > summary { list-style-position: inside; }

/* ===== تجاوب ===== */
@media (max-width: 760px) {
  main > section:first-child > div[style*="linear-gradient(to left"] { background: rgba(40, 22, 10, 0.62) !important; }
  [style*="grid-column: span 2"] { grid-column: auto !important; }
  main section [style*="padding: 44px"], main section [style*="padding: 48px 44px"], main section [style*="padding: 56px 48px"],
  main section [style*="padding: 40px"], main section [style*="padding: 36px"], main section [style*="padding: 44px 40px"],
  main section [style*="padding: 40px 36px"], main section [style*="padding: 32px 36px"] { padding: 26px 20px !important; }
  main section[style*="padding: 96px"], main section[style*="padding: 88px"], main section[style*="padding: 80px"] { padding-top: 56px !important; padding-bottom: 48px !important; }
  main div[style*="padding: 88px 24px"], main div[style*="padding: 80px 24px"], main div[style*="padding: 72px 24px"] { padding-top: 56px !important; padding-bottom: 56px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { transition: none !important; }
}