/* Quiet sculptural luxury. Shared commerce controls live in abayti-controls.css. */
/* Project line icons share the existing 24px, 1.6 stroke vocabulary. */
body.abayti-interactions {
 --ab-icon-download:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203v12m-4-4%204%204%204-4M4%2016v5h16v-5'%2F%3E%3C%2Fsvg%3E");
 --ab-icon-store:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%209h18l-2-6H5L3%209Zm1%200v12h16V9M9%2021v-8h6v8M3%209c0%204%205%204%205%200%200%204%208%204%208%200%200%204%205%204%205%200'%2F%3E%3C%2Fsvg%3E");
 --ab-icon-help:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M9.2%208.5a3%203%200%200%201%205.6%201.5c0%202-2.8%202-2.8%204M12%2017h.01'%2F%3E%3C%2Fsvg%3E");
}
@media (hover:hover) and (pointer:fine) {
 body.abayti-interactions .ab-global-navigation .wp-block-navigation-item__content:hover::after {transform:scaleX(1)}
 body.abayti-interactions .ab-faq summary:hover {background:#f4eee5}
 body.abayti-interactions #abayti-home :is(.ab-button,.ab-link):hover .ab-arrow {transform:translateX(4px)}
 html[dir=rtl] body.abayti-interactions #abayti-home :is(.ab-button,.ab-link):hover .ab-arrow {transform:translateX(-4px)}
}
@media (prefers-reduced-motion:reduce) {
 body.abayti-interactions :is(.ab-motion-enter,.ab-faq details[open]>:not(summary)),body.abayti-interactions #abayti-home :is(.ab-arrow,.ab-category-photo img) {animation:none!important;transition:none!important;transform:none!important}
 body.abayti-interactions .ab-motion-enter {opacity:1!important}
 body.abayti-interactions .ab-faq summary::after {transition:none!important;transform:none!important}
 body.abayti-interactions #abayti-home .ab-hero-photo.ab-motion-enter::after {animation:none!important;opacity:0}
}
/* Decorative icon tokens are independent of labels and action semantics. */
body.abayti-interactions {
  --ab-motion-ease: cubic-bezier(.22,.68,.2,1);
  --ab-control-edge: rgba(80,61,39,.27);
  --ab-icon-account: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='7.5' r='3.5'/%3E%3Cpath d='M5 21v-2a7 7 0 0 1 14 0v2'/%3E%3C/svg%3E");
  --ab-icon-bag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7h14l1 14H4L5 7Z'/%3E%3Cpath d='M8 8V6a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E");
  --ab-icon-order: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2V3ZM9 8h6M9 12h6'/%3E%3C/svg%3E");
  --ab-icon-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 10c0 5-7 11-7 11S5 15 5 10a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  --ab-icon-ruler: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 16 13-13 5 5L8 21l-5-5ZM13 6l2 2M9 10l2 2M5 14l2 2'/%3E%3C/svg%3E");
  --ab-icon-exit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4H4v16h6M9 12h12m-4-4 4 4-4 4'/%3E%3C/svg%3E");
  --ab-icon-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
  --ab-icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 6 9 7 9-7'/%3E%3C/svg%3E");
  --ab-icon-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V6a4 4 0 0 1 8 0v4M12 14v3'/%3E%3C/svg%3E");
}

/* Header navigation has a finely lit shelf and a bronze active underline.
   The logo and its transparent blending are deliberately outside these rules. */
body.abayti-interactions .ab-global-navigation .wp-block-navigation-item__content {
  position: relative; gap: 8px; padding-inline: 5px; border-radius: 4px;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  text-decoration: none;
}
body.abayti-interactions .ab-global-navigation .wp-block-navigation-item__content::after {
  content: ""; position: absolute; inset-inline: 5px; bottom: 4px; height: 1px;
  background: #80623e; transform: scaleX(0); transform-origin: center;
  transition: transform 200ms var(--ab-motion-ease); pointer-events: none;
}
body.abayti-interactions .ab-global-navigation :is(.current-menu-item > a, a[aria-current=page])::after { transform: scaleX(1); }
body.abayti-interactions .ab-global-navigation :is(a[href$="/my-account/"], a[href$="/cart/"])::before {
  content: ""; width: 19px; height: 19px; flex: 0 0 19px;
  background: currentColor; mask: var(--ab-nav-icon) center/contain no-repeat;
  -webkit-mask: var(--ab-nav-icon) center/contain no-repeat; pointer-events: none;
}
body.abayti-interactions .ab-global-navigation a[href$="/my-account/"] { --ab-nav-icon: var(--ab-icon-account); }
body.abayti-interactions .ab-global-navigation a[href$="/cart/"] { --ab-nav-icon: var(--ab-icon-bag); }
body.abayti-interactions .ab-global-navigation :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) {
  border: 1px solid #d8cbb9; border-radius: 6px; background: #fffefa;
  box-shadow: inset 0 1px 0 #fff, 0 3px 0 rgba(80,61,39,.17), 0 5px 12px rgba(40,36,31,.06);
}
body.abayti-interactions :is(.ab-footer-links a, .ab-inline-link a, .ab-footer-contact a) {
  border-radius: 3px; text-decoration-thickness: 1px;
  transition: color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}
body.abayti-interactions .ab-footer-contact a { display: inline-flex; align-items: center; gap: 9px; }
body.abayti-interactions .ab-footer-contact a::before {
  content: ""; width: 18px; height: 18px; flex: 0 0 18px;
  background: currentColor; mask: var(--ab-icon-mail) center/contain no-repeat;
  -webkit-mask: var(--ab-icon-mail) center/contain no-repeat;
}

/* Native details remains keyboard-operable; the sculpted plus becomes minus. */
body.abayti-interactions .ab-faq summary {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  list-style: none; padding-inline: 12px; border-radius: 4px;
  transition: background-color 180ms ease, color 180ms ease;
}
body.abayti-interactions .ab-faq summary::-webkit-details-marker { display: none; }
body.abayti-interactions .ab-faq summary::after {
  content: ""; width: 30px; height: 30px; flex: 0 0 30px;
  border: 1px solid #d8cbb9; border-radius: 50%;
  background: linear-gradient(#80623e,#80623e) center/12px 1px no-repeat, linear-gradient(#80623e,#80623e) center/1px 12px no-repeat, #fffefa;
  box-shadow: inset 0 1px 0 #fff, 0 2px 0 rgba(80,61,39,.14);
  transition: transform 220ms var(--ab-motion-ease), box-shadow 220ms ease;
}
body.abayti-interactions .ab-faq details[open] summary { background: #f1e9dc; }
body.abayti-interactions .ab-faq details[open] summary::after {
  background: linear-gradient(#80623e,#80623e) center/12px 1px no-repeat, #fffefa;
  transform: rotate(180deg); box-shadow: inset 0 1px 2px rgba(80,61,39,.15);
}
body.abayti-interactions .ab-faq details[open] > :not(summary) { animation: ab-answer-in 220ms ease-out both; }
body.abayti-interactions .ab-faq details > p { padding-inline: 12px; padding-block-start: 12px; }

/* Editorial depth and directional movement remain independent of the logo. */
body.abayti-interactions #abayti-home :is(.ab-button, .ab-link) .ab-arrow {
  display: inline-grid; place-items: center; transition: transform 200ms var(--ab-motion-ease);
}
body.abayti-interactions #abayti-home .ab-category-photo {
  box-shadow: 0 10px 24px rgba(40,36,31,.075); outline: 1px solid rgba(128,98,62,.14); outline-offset: -1px;
}
body.abayti-interactions #abayti-home .ab-category-caption .ab-arrow {
  border-radius: 50%; background: #fffefa;
  box-shadow: inset 0 1px 0 #fff, 0 3px 0 rgba(80,61,39,.17), 0 5px 12px rgba(40,36,31,.06);
  transition: transform 180ms var(--ab-motion-ease), box-shadow 180ms ease;
}
body.abayti-interactions #abayti-home .ab-category:active .ab-category-caption .ab-arrow { transform: translateY(2px); box-shadow: inset 0 1px 3px rgba(40,36,31,.12); }
body.abayti-interactions #abayti-home :is(.ab-hero .ab-eyebrow, .ab-vendor .ab-eyebrow)::before {
  content: ""; display: inline-block; width: 27px; height: 1px; margin-inline-end: 10px;
  background: #a88960; vertical-align: middle;
}
body.abayti-interactions .ab-motion-enter { animation: ab-editorial-in 650ms var(--ab-motion-ease) both; }
body.abayti-interactions #abayti-home .ab-hero-photo.ab-motion-enter::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(110deg, transparent 25%, rgba(255,254,250,.13) 50%, transparent 75%);
  animation: ab-editorial-light 1100ms ease-out both;
}
@keyframes ab-editorial-in { from { opacity: .65; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@keyframes ab-editorial-light { from { transform: translateX(-100%); opacity: 0; } 30% { opacity: 1; } to { transform: translateX(100%); opacity: 0; } }
@keyframes ab-answer-in { from { opacity: .65; transform: translateY(-4px); } to { opacity: 1; transform: none; } }