/*
 * OIIQ.NET additional template refinements
 * This file is intentionally small.
 * Main colors are already applied inside presets/preset2.css.
 */

:root {
  --oiiq-primary: #0D4ED8;
  --oiiq-primary-hover: #083AA8;
  --oiiq-secondary: #2F7BFF;
  --oiiq-navy: #071B3F;
  --oiiq-dark-navy: #04142F;
  --oiiq-text: #172033;
  --oiiq-muted: #64748B;
  --oiiq-background: #F5F7FB;
  --oiiq-surface: #F8FAFC;
  --oiiq-border: #E2E8F0;
}

#sp-header {
  border-bottom: 1px solid var(--oiiq-border);
  box-shadow: 0 5px 20px rgba(7, 27, 63, 0.07);
}

#sp-header.header-sticky {
  box-shadow: 0 10px 28px rgba(7, 27, 63, 0.12);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  border: 1px solid var(--oiiq-border);
  border-radius: 10px;
  box-shadow: 0 16px 42px rgba(7, 27, 63, 0.13);
}

.header-right .sp-module.header-search .easystore-search-container {
  border: 1px solid var(--oiiq-border);
  border-radius: 8px;
  overflow: hidden;
}

.header-right .sp-module.header-search .easystore-search-container:focus-within {
  border-color: var(--oiiq-secondary);
  box-shadow: 0 0 0 3px rgba(47, 123, 255, 0.12);
}

.megadeal-slider {
  border-radius: 8px;
  overflow: hidden;
}

.products-layout-default .sppb-collection-item,
.com-easystore.view-products .easystore-product {
  border: 1px solid var(--oiiq-border);
  border-radius: 8px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.products-layout-default .sppb-collection-item:hover,
.com-easystore.view-products .easystore-product:hover {
  transform: translateY(-2px);
  border-color: #CBD5E1;
  box-shadow: 0 12px 28px rgba(7, 27, 63, 0.09);
}

:focus-visible {
  outline: 3px solid rgba(47, 123, 255, 0.35);
  outline-offset: 2px;
}