[x-cloak] { display: none !important; }

:root {
  --bs-primary: #3A846A;
  --bs-primary-rgb: 58, 132, 106;
  --bs-body-color: #262523;
  --bs-body-bg: #ffffff;
  --bs-emphasis-color: #262523;
  --bs-secondary-color: #5B5652;
  --bs-secondary-bg: #F0F0F0;
  --bs-tertiary-bg: #262523;
  --bs-link-color: #3A846A;
  --bs-link-color-rgb: 58, 132, 106;
  --bs-link-hover-color: #1E4A3A;
  --bs-link-hover-color-rgb: 30, 74, 58;
  --bs-border-color: #887E74;
  --bs-card-bg: #F0F0F0;
  --bs-light: #F0F0F0;
  --bs-dark: #3A4571;
  --bs-dark-rgb: 58, 69, 113;
  --bs-warning: #D19E04;
  --bs-warning-rgb: 209, 158, 4;
}

.navbar-site {
  background-color: #3A846A;
  --bs-navbar-color: #EFEFEF;
  --bs-navbar-hover-color: rgba(239, 239, 239, 0.8);
  --bs-navbar-active-color: #EFEFEF;
  --bs-navbar-brand-color: #EFEFEF;
  --bs-navbar-brand-hover-color: #EFEFEF;
  --bs-navbar-toggler-border-color: #F2F2F2;
}
.card { --bs-card-bg: #F0F0F0; background-color: #F0F0F0; color: #212529; --bs-secondary-color: #5B5652; font-size: 1.05rem; --bs-card-border-color: #C8C2BC; border: 1px solid #C8C2BC !important; }
.card-img-top { box-shadow: 0 1px 0 #E9E9E9; }
.btn:disabled, .btn.disabled { background-color: #b0a89e !important; border-color: #9e9690 !important; color: #fff !important; opacity: 1 !important; }
.btn-primary { color: #fff; background-color: #3A846A; border-color: #2D6B55; }
.btn-primary:hover  { color: #fff; background-color: #2D6B55 !important; border-color: #1E4A3A !important; }
.btn-primary:active, .btn-primary.active { color: #fff !important; background-color: #3A846A !important; border-color: #F0F0F0 !important; }
.btn-warning { color: #262523; background-color: #D19E04; border-color: #A57E03; }
.btn-warning:hover  { color: #262523; background-color: #A57E03 !important; border-color: #896902 !important; }
.btn-warning:active, .btn-warning.active { color: #fff !important; background-color: #3A846A !important; border-color: #F0F0F0 !important; }
.btn-outline-secondary { background-color: #383838; border-color: #887E74; color: #F0F0F0; }
.btn-outline-secondary:hover, .btn-outline-secondary:focus { background-color: #585858 !important; border-color: #887E74 !important; color: #F0F0F0 !important; }
.btn-outline-secondary:active, .btn-outline-secondary.active { background-color: #3A846A !important; border-color: #3A846A !important; color: #fff !important; }
.btn-outline-primary:active, .btn-outline-primary.active   { background-color: #3A846A !important; border-color: #F0F0F0 !important; color: #fff !important; }
.btn-outline-light:hover                                   { background-color: #F0F0F0 !important; border-color: #BABABA !important; color: #262523 !important; }
.btn-outline-light:active, .btn-outline-light.active       { background-color: #3A846A !important; border-color: #F0F0F0 !important; color: #fff !important; }
.bg-primary  { background-color: #3A846A !important; }
.badge-shipped { background-color: #3d6dcc; color: #fff; }
.text-primary { color: #3A846A !important; }
.border-primary { border-color: #3A846A !important; }
.bg-dark    { background-color: #3A4571 !important; }
.bg-light   { background-color: #F0F0F0 !important; }

/* Tables */
.table { --bs-table-bg: #F0F0F0; }
.table-light { --bs-table-bg: #8F8782; --bs-table-color: #262523; }
.table-hover > tbody > tr:hover > * { --bs-table-bg-state: rgba(58, 132, 106, 0.1); }

/* Active / focus states → teal instead of blue */
.btn-primary { --bs-btn-focus-shadow-rgb: 58, 132, 106; }
.btn-warning  { --bs-btn-focus-shadow-rgb: 58, 132, 106; }
.dropdown-menu { background-color: #F0F0F0; border-color: #887E74; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active { background-color: #3A4571; color: #EFEFEF; }
.list-group-item-action:hover, .list-group-item-action:focus { background-color: #3A4571 !important; color: #EFEFEF !important; }
.est-days { color: var(--bs-secondary-color); }
.list-group-item-action:hover .est-days, .list-group-item-action:focus .est-days { color: #fff; }
.list-group-item-action:hover .text-muted, .list-group-item-action:focus .text-muted { color: rgba(239, 239, 239, 0.8) !important; }
.list-group-item-action:hover a:hover, .list-group-item-action:focus a:hover { color: rgba(239, 239, 239, 0.8) !important; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #3A846A; border-color: #F0F0F0; }
.form-check-input:checked { background-color: #3A846A; border-color: #F0F0F0; }
.bg-warning { background-color: #D19E04 !important; }
.text-warning { color: #D19E04 !important; }
.border-warning { border-color: #D19E04 !important; }

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.form-control, .form-select { background-color: #E8E8E8 !important; }
.form-control::file-selector-button { background-color: #3A846A; color: #fff; border-color: #2D6B55; }
.product-lb { position: fixed; inset: 0; z-index: 1055; background: rgba(0,0,0,.92); display: flex; align-items: center; justify-content: center; }
.form-control:hover::file-selector-button { background-color: #2D6B55; }
.input-group-text { background-color: #3A846A; color: #fff; border-color: #2D6B55; }
.form-check-input:not(:checked) { background-color: #E8E8E8 !important; border-color: #887E74 !important; }

.btn:focus, .btn:focus-visible, .btn:active:focus,
.btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem rgba(58, 132, 106, 0.6) !important;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Quill output classes - scoped to .ql-editor in quill.snow.css, so re-declared here for display pages */
.ql-align-center  { text-align: center; }
.ql-align-right   { text-align: right; }
.ql-align-justify { text-align: justify; }
.ql-indent-1 { padding-left: 3em; }
.ql-indent-2 { padding-left: 6em; }
.ql-indent-3 { padding-left: 9em; }
.ql-indent-4 { padding-left: 12em; }
.ql-indent-5 { padding-left: 15em; }
.ql-indent-6 { padding-left: 18em; }
.ql-indent-7 { padding-left: 21em; }
.ql-indent-8 { padding-left: 24em; }
pre.ql-syntax { background: #282c34; color: #abb2bf; border-radius: 4px; padding: 0.75rem; overflow-x: auto; font-size: 0.9em; }
li[data-list=checked] > .ql-ui::before   { content: '☑'; margin-right: 0.4em; }
li[data-list=unchecked] > .ql-ui::before { content: '☐'; margin-right: 0.4em; }
.ql-ui { display: inline; }

.ql-toolbar.ql-snow,
.ql-container.ql-snow { border-color: #887E74 !important; }
.ql-toolbar.ql-snow { background-color: #F0F0F0; border-radius: 4px 4px 0 0; }
.ql-container.ql-snow { background-color: #F0F0F0; border-radius: 0 0 4px 4px; }

.ProseMirror {
  min-height: 280px;
  outline: none;
  padding: 0.25rem 0;
}

.ProseMirror p { margin-bottom: 0.5rem; }
.ProseMirror h2, .ProseMirror h3 { margin-top: 1rem; }
.ProseMirror pre { background: #f8f9fa; border-radius: 4px; padding: 0.75rem; overflow-x: auto; }
.ProseMirror code { background: #f8f9fa; border-radius: 3px; padding: 0.1em 0.3em; font-size: 0.9em; }
.ProseMirror blockquote { border-left: 3px solid #dee2e6; padding-left: 1rem; color: #6c757d; margin-left: 0; }
.ProseMirror ul, .ProseMirror ol { padding-left: 1.5rem; }

.post-body h2 { font-size: 1.4rem; margin-top: 1.5rem; }
.post-body h3 { font-size: 1.2rem; margin-top: 1.25rem; }
.post-body pre { background: #f8f9fa; border-radius: 4px; padding: 0.75rem; overflow-x: auto; }
.post-body code { background: #f8f9fa; border-radius: 3px; padding: 0.1em 0.3em; font-size: 0.9em; }
.post-body blockquote { border-left: 3px solid #dee2e6; padding-left: 1rem; color: #6c757d; margin-left: 0; }
.post-body img { max-width: 100%; height: auto; }