/* Livestock Markets – brand layer (palette taken from the logo). Loaded after header.php inline CSS. */
:root{
  --lv-green:#1e7759;      /* logo cow/ring green: primary */
  --lv-green-dark:#14513c; /* deep green: sidebar, headers, hover */
  --lv-green-light:#98beb0;/* sage */
  --lv-mint:#eaf4ef;       /* tinted backgrounds */
  --lv-gold:#b38635;       /* logo gold: accents, badges */
  --lv-gold-dark:#8f6a25;
  --lv-gold-soft:#f6edd9;
  --lv-ink:#3a3a3a;        /* logo lettering */
  --lv-grey:#7f8082;
  --lv-paper:#f6f8f6;
  --lv-line:#dfe8e3;
}
body{font-family:'Poppins','Segoe UI',Roboto,Arial,sans-serif;color:var(--lv-ink);background:var(--lv-paper)}
a{color:var(--lv-green)} a:hover{color:var(--lv-green-dark)}

.btn-success,.btn-primary,.btn-maroon{background:var(--lv-green)!important;border-color:var(--lv-green)!important;color:#fff!important}
.btn-success:hover,.btn-primary:hover,.btn-maroon:hover{background:var(--lv-green-dark)!important;border-color:var(--lv-green-dark)!important}
.btn-outline-success,.btn-outline-primary{color:var(--lv-green)!important;border-color:var(--lv-green)!important;background:transparent!important}
.btn-outline-success:hover,.btn-outline-primary:hover{background:var(--lv-green)!important;color:#fff!important}
.bg-success,.bg-primary,.bg-maroon{background:linear-gradient(315deg,var(--lv-green) 0%,var(--lv-green-dark) 80%)!important;color:#fff!important}
.text-primary,.text-maroon,.text-green{color:var(--lv-green)!important}
.text-success{color:var(--lv-green)!important}
.badge-success{background:var(--lv-green)!important;color:#fff}
.badge-warning{background:var(--lv-gold)!important;color:#fff!important}
.badge-secondary{background:var(--lv-grey)!important}
.alert-success{background:var(--lv-mint);border-color:var(--lv-green-light);color:var(--lv-green-dark)}
.alert-danger{background:#fbeeee;border-color:#efc7c7;color:#8a2a2a}

.form-control:focus,.custom-select:focus{border-color:var(--lv-green);box-shadow:0 0 0 .2rem rgba(30,119,89,.18)}
.custom-control-input:checked~.custom-control-label::before{background-color:var(--lv-green);border-color:var(--lv-green)}
.page-link{color:var(--lv-green)} .page-item.active .page-link{background:var(--lv-green);border-color:var(--lv-green);color:#fff}

.card{border:1px solid var(--lv-line);border-radius:12px;background:#fff;transition:box-shadow .15s ease,transform .15s ease}
.card:hover{box-shadow:0 6px 18px rgba(20,81,60,.14);transform:translateY(-2px)}
.card-img-top{object-fit:cover;width:100%}

.badge-featured{background:var(--lv-gold);color:#fff;font-weight:600;font-size:.72rem;border-radius:20px;padding:.3em .7em;vertical-align:middle;white-space:nowrap}
.badge-featured .fa{color:#fff3d1}
.card:has(.badge-featured){border:2px solid var(--lv-gold);box-shadow:0 4px 14px rgba(179,134,53,.28)}
@media (max-width:576px){body{font-size:.92rem}.btn{padding:.55rem .9rem}}

/* v3 – auction badge on public pages + category tiles that have no photo yet */
.badge-auction{background:var(--lv-gold);color:#fff;font-weight:600;font-size:.72rem;border-radius:20px;padding:.3em .7em;white-space:nowrap}
.cat-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:110px;border-radius:12px;background:var(--lv-mint);border:1px solid var(--lv-line);color:var(--lv-green-dark)}
.cat-tile .fa{font-size:2.2rem;color:var(--lv-green)}
.cat-tile small{color:#585b5d;margin-top:.3rem;text-align:center;padding:0 .3rem}

/* v4 – information pages */
.lv-page h1,.lv-page h2{color:var(--lv-green-dark)}
.lv-page{line-height:1.7;color:#2f3133}
.lv-faq{border:1px solid var(--lv-line);border-radius:10px;margin:.5rem 0;background:#fff}
.lv-faq summary{cursor:pointer;padding:.75rem 1rem;font-weight:600;color:var(--lv-green-dark)}
.lv-faq p{margin:0;padding:0 1rem 1rem}
.lv-flow{list-style:none;padding:0;counter-reset:f;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.lv-flow li{counter-increment:f;background:var(--lv-mint);border:1px solid var(--lv-line);border-radius:12px;padding:.8rem 1rem .8rem 3rem;position:relative}
.lv-flow li::before{content:counter(f);position:absolute;left:.8rem;top:.8rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--lv-green);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.lv-flow b{display:block;color:var(--lv-green-dark)}.lv-flow span{font-size:.9rem}