/*
Theme Name: Elite Fashion Groups
Theme URI: https://www.elitefashiongroups.com/
Author: Elite Fashion Groups
Description: Custom 9-page theme for Elite Fashion Groups — editorial tech-pack aesthetic: dark ink, muslin paper, seam-red accent, spec-label typography.
Version: 1.0.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: elite-fashion-groups
*/

  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; overflow-x: clip; background: #E9E4DA; color: #16130F; font-family: 'Instrument Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  a { color: #16130F; text-decoration: none; }
  a:hover { color: #B23A2B; }
  ::selection { background: #B23A2B; color: #F4F1EA; }
  @keyframes seamrun { to { transform: translateX(-50%); } }
  a, button { transition: background-color .22s ease, color .22s ease, border-color .22s ease, opacity .22s ease; }
  img { transition: filter .6s ease, transform .9s cubic-bezier(.2,.8,.2,1); }
  h1, h2, h3 { font-optical-sizing: auto; }
  :focus-visible { outline: 2px solid #B23A2B; outline-offset: 3px; }

  #mobnav { display: none; }
  #mobnav > summary { list-style: none; cursor: pointer; }
  #mobnav > summary::-webkit-details-marker { display: none; }
  @media (max-width: 1420px) {
    nav[data-desk] { display: none !important; }
    #mobnav { display: block; }
  }


  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; overflow-x: clip; background: #E9E4DA; color: #16130F; font-family: 'Instrument Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  a { color: #16130F; text-decoration: none; }
  a:hover { color: #B23A2B; }
  ::selection { background: #B23A2B; color: #F4F1EA; }
  a, button { transition: background-color .22s ease, color .22s ease, border-color .22s ease, opacity .22s ease; }
  img { transition: filter .6s ease, transform .9s cubic-bezier(.2,.8,.2,1); }
  :focus-visible { outline: 2px solid #B23A2B; outline-offset: 3px; }

  #mobnav { display: none; }
  #mobnav > summary { list-style: none; cursor: pointer; }
  #mobnav > summary::-webkit-details-marker { display: none; }
  @media (max-width: 1420px) {
    nav[data-desk] { display: none !important; }
    #mobnav { display: block; }
  }


  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; overflow-x: clip; background: #E9E4DA; color: #16130F; font-family: 'Instrument Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
  a { color: #16130F; text-decoration: none; }
  a:hover { color: #B23A2B; }
  ::selection { background: #B23A2B; color: #F4F1EA; }
  a, button { transition: background-color .22s ease, color .22s ease, border-color .22s ease, opacity .22s ease; }
  :focus-visible { outline: 2px solid #B23A2B; outline-offset: 3px; }

  #mobnav { display: none; }
  #mobnav > summary { list-style: none; cursor: pointer; }
  #mobnav > summary::-webkit-details-marker { display: none; }
  @media (max-width: 1420px) {
    nav[data-desk] { display: none !important; }
    #mobnav { display: block; }
  }

.hv1:hover { background: #16130F; color: #F4F1EA; }
.hv2:hover { filter: grayscale(0.1) contrast(1.02); transform: scale(1.045); }
.hv3:hover { background: #E9E4DA; }
.hv4:hover { background: #211D18; }
.hv5:hover { background: #C4402F; }
.hv6:hover { background: #B23A2B; border-color: #B23A2B; }
.hv7:hover { transform: scale(1.05); }
.hv8:hover { background: #F4F1EA; }
.hv9:hover { background: #F4F1EA; color: #16130F; }
.hv10:hover { border-color: #E9E4DA; }
.hv11:hover { color: #C4705F; }
.hv12:hover { transform: scale(1.04); }
.hv13:hover { border-bottom: 1px solid #B23A2B; }
.hv14:hover { color: #16130F; }
.hv15:hover { background: #B23A2B; color: #F4F1EA; }

/* --- WordPress chrome: nav, grain, progress, tabs, mobile menu --- */
.efg-nav { display: flex; align-items: center; gap: 10px 24px; flex-wrap: wrap; justify-content: flex-end; }
.efg-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px 24px; font-family: 'DM Mono', monospace; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; }
.efg-nav ul a { padding: 6px 0; border-bottom: 1px solid transparent; white-space: nowrap; color: #16130F; }
.efg-nav ul a:hover { border-bottom: 1px solid #B23A2B; }
.efg-nav .current-menu-item > a, .efg-nav .current_page_item > a { border-bottom: 1px solid #B23A2B; }
.efg-cta { background: #16130F; color: #F4F1EA; padding: 12px 20px; letter-spacing: 0.16em; white-space: nowrap; font-family: 'DM Mono', monospace; font-size: 11px; text-transform: uppercase; }
.efg-cta:hover { background: #B23A2B; color: #F4F1EA; }
#mobnav > summary span { display: block; width: 24px; height: 2px; background: #16130F; }
#mobnav > summary { display: flex; flex-direction: column; gap: 5px; padding: 14px 6px; }
.efg-mobnav { position: absolute; left: 0; right: 0; top: 100%; background: #E9E4DA; border-bottom: 1px solid #16130F; box-shadow: 0 24px 40px rgba(22,19,15,0.18); }
.efg-mobnav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; }
.efg-mobnav ul a { padding: 16px 32px; border-top: 1px dashed #C3BCB0; color: #16130F; display: block; }
.efg-mobcta { display: block; padding: 18px 32px; background: #B23A2B; color: #F4F1EA; border-top: 1px solid #16130F; font-family: 'DM Mono', monospace; font-size: 12px; letter-spacing: 0.18em; text-transform: uppercase; }
.efg-grain { position: fixed; inset: 0; z-index: 60; pointer-events: none; mix-blend-mode: multiply; opacity: 0.35; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.45'/%3E%3C/svg%3E"); }
#efg-progress { position: fixed; top: 0; left: 0; height: 2px; background: #B23A2B; z-index: 70; pointer-events: none; width: 0; }
.efg-tab { background: transparent; color: #16130F; padding: 14px 22px; border: none; cursor: pointer; font: inherit; letter-spacing: 0.18em; text-transform: uppercase; }
.efg-tab:hover { opacity: 0.85; }
.efg-tab.active { background: #B23A2B; color: #F4F1EA; }
.efg-panel { display: none; }
.efg-panel.active { display: block; }

/* Graceful panel when a photo is unavailable */
.efg-noimg { background-image:
  repeating-linear-gradient(135deg, rgba(233,228,218,0.045) 0 1px, transparent 1px 14px),
  linear-gradient(160deg, #211D18 0%, #16130F 100%); }