/* Shared LMD control finish for the public site and existing admin panel. */
:root {
  --lmd-primary: #8a318d;
  --lmd-primary-deep: #67226d;
  --lmd-primary-soft: #f6eef7;
  --body-color: #635b66;
  --lmd-control-border: #d8cbd9;
  --lmd-control-text: #211c24;
  --lmd-focus-ring: rgba(138, 49, 141, .22);
  --lmd-navy: var(--lmd-primary-deep);
  --lmd-gold: var(--lmd-primary);
}

::selection {
  color: #fff;
  background: var(--lmd-primary-deep);
}

input.form-control,
input.form_control,
select.form-control,
select.form_control,
select.form-select,
textarea.form-control,
textarea.form_control {
  min-height: 46px;
  border: 1px solid var(--lmd-control-border);
  border-radius: .55rem;
  padding-block: .65rem;
  padding-inline: .85rem;
  color: var(--lmd-control-text);
  box-shadow: none;
  transition: border-color .16s ease, box-shadow .16s ease;
}

textarea.form-control,
textarea.form_control {
  min-height: 116px;
  resize: vertical;
}

input.form-control:focus,
input.form_control:focus,
select.form-control:focus,
select.form_control:focus,
select.form-select:focus,
textarea.form-control:focus,
textarea.form_control:focus {
  border-color: var(--lmd-primary);
  box-shadow: 0 0 0 .2rem var(--lmd-focus-ring);
  outline: 0;
}

input.form-control:disabled,
input.form_control:disabled,
select.form-control:disabled,
select.form_control:disabled,
select.form-select:disabled,
textarea.form-control:disabled,
textarea.form_control:disabled,
input.form-control[readonly],
input.form_control[readonly],
textarea.form-control[readonly],
textarea.form_control[readonly] {
  cursor: not-allowed;
  border-color: #dfe2e8;
  background-color: #f1f2f5;
  color: #666d7b;
  opacity: 1;
}

/* Keep compact admin and table controls compact. */
.table :is(input.form-control, input.form_control, select.form-control, select.form_control, select.form-select, textarea.form-control, textarea.form_control),
.table-responsive :is(input.form-control, input.form_control, select.form-control, select.form_control, select.form-select, textarea.form-control, textarea.form_control),
input.form-control-sm,
input.form_control-sm,
select.form-control-sm,
select.form_control-sm,
select.form-select-sm,
textarea.form-control-sm,
textarea.form_control-sm {
  min-height: 34px;
  border-radius: .4rem;
  padding-block: .3rem;
  padding-inline: .55rem;
}

.table textarea.form-control,
.table textarea.form_control,
.table-responsive textarea.form-control,
.table-responsive textarea.form_control {
  min-height: 56px;
}

.btn,
.main-btn {
  min-height: 42px;
  border-radius: .55rem;
  font-weight: 600;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.btn-sm {
  min-height: 34px;
}

.btn-primary,
.main-btn {
  border-color: var(--lmd-primary);
  border-radius: .55rem;
  background-color: var(--lmd-primary);
  color: #fff;
  font-weight: 650;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.btn-primary:hover,
.main-btn:hover {
  border-color: var(--lmd-primary-deep);
  background-color: var(--lmd-primary-deep);
  color: #fff;
}

.btn-warning {
  border-color: #c18b24;
  border-radius: .55rem;
  background-color: #e9c36a;
  color: #30230c;
  font-weight: 650;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease;
}

.btn-warning:hover {
  border-color: #c18b24;
  background-color: #e1b54c;
  color: #30230c;
}

.btn-primary:disabled,
.main-btn:disabled,
.btn-warning:disabled,
.btn-primary.disabled,
.main-btn.disabled,
.btn-warning.disabled,
fieldset:disabled .btn-primary,
fieldset:disabled .main-btn,
fieldset:disabled .btn-warning {
  cursor: not-allowed;
  opacity: .58;
}

.btn:focus-visible,
.main-btn:focus-visible,
a:focus-visible {
  outline: 3px solid var(--lmd-primary);
  outline-offset: 3px;
  box-shadow: 0 0 0 .2rem var(--lmd-focus-ring);
}

/* Keep the geometric header and give the LMD wordmark clear contrast on white. */
.header-area-one .primary-menu .site-branding .brand-logo,
.header-area-two .primary-menu .site-branding .brand-logo {
  color: var(--lmd-primary-deep);
  font-size: clamp(1rem, 1.3vw, 1.2rem);
  font-weight: 700;
  letter-spacing: -.025em;
}

.header-area-one .primary-menu .site-branding,
.header-area-two .primary-menu .site-branding {
  position: relative;
  z-index: 1;
}

@media (min-width: 1200px) {
  .header-area-one .primary-menu .site-branding .brand-logo {
    color: #fff;
  }
}

.header-area-one .header-top-bar .top-right ul li .cart-btn {
  background: var(--lmd-primary-deep);
  color: #fff;
}

.header-area-one .header-top-bar .top-right ul li .cart-btn span#product-count {
  background: #fff;
  color: var(--lmd-primary-deep);
}

.breadcrumbs-area .page-title ul.breadcrumbs-link li.active {
  color: #fff;
  opacity: .82;
}

@media (prefers-reduced-motion: reduce) {
  input.form-control,
  input.form_control,
  select.form-control,
  select.form_control,
  select.form-select,
  textarea.form-control,
  textarea.form_control,
  .btn-primary,
  .main-btn,
  .btn-warning {
    scroll-behavior: auto;
    transition-duration: .01ms !important;
  }
}

@media (max-width: 767.98px) {
  .breadcrumbs-area {
    padding-block: 3rem;
  }

  .contact-area.pt-130 {
    padding-top: 3rem;
  }
}