/**
 * AngarTheme visual foundation.
 * Deliberately uses the shop's existing blue/red identity.
 */
:root {
  --at-primary: #1b82d6;
  --at-primary-dark: #1269b0;
  --at-accent: #e31d27;
  --at-text: #202733;
  --at-muted: #667085;
  --at-border: #e1e6ec;
  --at-surface: #fff;
  --at-surface-soft: #f6f8fa;
  --at-success: #16824b;
  --at-danger: #c52828;
  --at-radius-sm: 6px;
  --at-radius: 10px;
  --at-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 14px rgba(16, 24, 40, .05);
  --at-shadow: 0 10px 30px rgba(16, 24, 40, .10);
}

html {
  scroll-behavior: smooth;
}

body {
  color: var(--at-text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a,
button,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid rgba(27, 130, 214, .55) !important;
  outline-offset: 3px;
}

.page-header h1,
.cat_name,
.product_name {
  color: var(--at-text);
  font-weight: 600;
  letter-spacing: -.02em;
  text-wrap: balance;
}

#index #_desktop_logo .homepage-title {
  margin: 0 0 6px;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.25;
}

.page-content.card,
.card.card-block {
  border-color: var(--at-border);
  border-radius: var(--at-radius);
  box-shadow: var(--at-shadow-sm);
}

.form-control,
.form-control-select,
.input-group .form-control {
  min-height: 44px;
  border-color: #cfd6df;
  border-radius: var(--at-radius-sm);
  color: var(--at-text);
  background-color: var(--at-surface);
  transition: border-color .18s ease, box-shadow .18s ease;
}

.form-control:hover,
.form-control-select:hover {
  border-color: #aab5c2;
}

.form-control:focus,
.form-control-select:focus {
  border-color: var(--at-primary);
  box-shadow: 0 0 0 3px rgba(27, 130, 214, .15);
}

.btn {
  min-height: 42px;
  border-radius: var(--at-radius-sm);
  font-weight: 600;
  letter-spacing: .01em;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.btn-primary {
  border-color: var(--at-primary);
  background: var(--at-primary);
  box-shadow: 0 4px 12px rgba(27, 130, 214, .18);
}

.btn-primary:hover,
.btn-primary:focus {
  border-color: var(--at-primary-dark);
  background: var(--at-primary-dark);
  box-shadow: 0 6px 18px rgba(27, 130, 214, .24);
}

.btn:not(:disabled):active {
  transform: translateY(1px);
}

.alert {
  border-radius: var(--at-radius-sm);
  border-width: 1px;
}

.breadcrumb {
  color: var(--at-muted);
}

#search_widget form input[type="text"] {
  min-height: 44px;
  border-radius: var(--at-radius-sm);
}

#header .header-top,
#header .header-nav {
  backface-visibility: hidden;
}

#footer .footer-container {
  border-top: 1px solid rgba(255, 255, 255, .10);
}

@media (hover: hover) {
  .btn-primary:hover {
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (max-width: 767px) {
  #wrapper > .container > .row {
    display: flex !important;
    flex-direction: column;
  }

  #wrapper > .container > .row > #content-wrapper {
    order: 1;
  }

  #wrapper > .container > .row > #left-column,
  #wrapper > .container > .row > #right-column {
    order: 2;
  }

  #category .page-header h1,
  #category .page-header .h1,
  #category_desc .cat_name {
    display: block !important;
  }
}