/**
 * EntreAgri - Base Styles
 * Reset, fonts, typography
 */

/* Alpine.js cloak */
[x-cloak] {
  display: none !important;
}

/* Box-sizing reset */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Titillium Web Font Family */
@font-face {
  font-family: 'Titillium Web';
  src: url('../../assets/fonts/Titillium_Web/TitilliumWeb-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('../../assets/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Titillium Web';
  src: url('../../assets/fonts/Titillium_Web/TitilliumWeb-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Typography */
body {
  font-family: 'Titillium Web', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 400;
  color: var(--ea-color-brown);
}

/* Bold elements */
h1, h2, .uk-h1, .uk-h2, .uk-button, .uk-modal-title, .ea-hero-title {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
}

h1 {
  font-size: 28px;
}

/* Semibold elements */
h3, h4, h5, h6, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-divider, .uk-form-label,
.uk-label, .uk-text-bold, .uk-description-list dt, p, .uk-text-small,
.conversation-title, .listing-row, .ea-hero-subtitle {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
}

/* Regular weight */
.uk-button-text, .uk-breadcrumb {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
}

/* Headings color */
h1, h2, h3, h4, h5, h6, .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-divider {
  color: var(--ea-color-dark-green);
}

/* Background override */
.uk-background-muted {
  background-color: var(--ea-color-background) !important;
}

/* Page wrapper */
.page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Media elements vertical alignment */
audio, canvas, iframe, img, svg, video {
  vertical-align: top;
}

/* Avatar flex display */
.messenger-chat-message-avatar div,
.messenger-chat-avatar div,
.header-avatar .avatar-container {
  display: flex;
}

/* UIKit overrides */
.uk-button {
  line-height: 1;
}

.uk-modal {
  z-index: 99999;
}

.uk-alert,
.uk-text-warning {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.uk-modal-header {
  background: #175955;
}

.uk-modal-title,
.uk-close {
  color: white;
}

.uk-close:hover {
  color: var(--ea-color-red);
}

/* Component width */
app-listing-card {
  width: 100%;
}

/* Disabled button styles */
.uk-button:disabled,
.uk-button[disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
  pointer-events: none;
}

.uk-button-primary:disabled,
.uk-button-primary[disabled] {
  background-color: #999 !important;
  border-color: #999 !important;
  color: #fff !important;
}

.uk-button-default:disabled,
.uk-button-default[disabled] {
  background-color: #f8f8f8 !important;
  border-color: #e5e5e5 !important;
  color: #999 !important;
}