/* Minimal Layout Specific Styles */

/* Remove all rounded corners for minimal aesthetic */
* {
  border-radius: 0 !important;
}

/* Typography refinements */
body {
  font-weight: 300;
  letter-spacing: 0.01em;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 200;
  letter-spacing: -0.02em;
}

/* Input refinements */
input:focus,
select:focus,
button:focus {
  outline: none;
}

/* Remove default select styling */
select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
}

/* Minimal animations */
button, a {
  transition: all 0.2s ease;
}

/* Grid lines effect */
.grid-effect {
  background-image:
    linear-gradient(var(--border) 1px, transparent 1px),
    linear-gradient(90deg, var(--border) 1px, transparent 1px);
  background-size: 50px 50px;
}

/* Monospace for numbers */
input[type="number"],
.font-mono {
  font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;
  font-variant-numeric: tabular-nums;
}

/* Remove number input arrows */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

/* Subtle hover effects */
a:hover,
button:hover {
  transform: translateY(-1px);
}

/* Border animation on focus */
input:focus,
select:focus {
  border-color: var(--primary);
  box-shadow: 0 1px 0 0 var(--primary);
}

body[data-layout="minimal"] .exchange-field.exchange-field--with-limits {
  padding-bottom: 0.4rem;
}

body[data-layout="minimal"] .coin-limits--inline {
  bottom: -1.65rem;
  justify-content: flex-start;
}

body[data-layout="minimal"] .rate-source-pill.is-loading::before,
body[data-layout="minimal"] .rate-source-pill.is-loading::after {
  border-radius: 50% !important;
}

body[data-layout="minimal"] .rate-spinner,
body[data-layout="minimal"] .rate-spinner::after {
  border-radius: 50% !important;
}

body[data-layout="minimal"] .rate-source-pill {
  border-radius: 9999px !important;
}

body[data-layout="minimal"] .spinner {
  width: 22px;
  height: 22px;
  border: 2px solid transparent;
  border-top-color: var(--primary);
  border-right-color: rgba(var(--primary-rgb, 255, 255, 255), 0.4);
  border-radius: 50% !important;
  animation: spin 0.7s linear infinite;
  position: relative;
}

body[data-layout="minimal"] .spinner::after {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 2px solid transparent;
  border-left-color: rgba(var(--primary-rgb, 255, 255, 255), 0.6);
  border-bottom-color: rgba(var(--primary-rgb, 255, 255, 255), 0.25);
  animation: spin 1s linear infinite reverse;
}