/*
Theme Name: Solace Child
Theme URI: https://solacewp.com
Template: solace
Author: SolaceWP
Author URI: https://solacewp.com/author/
Description: Solace is a minimalist, and lightweight WordPress theme for creating beautiful, fast-loading, and accessible websites, as well as a new generation clean design blog theme. This theme is ideal for a fashion blog, lifestyle blog, travel blog, food blog, photography blog, and many other types of websites.
Tags: blog,e-commerce,food-and-drink,one-column,two-columns,right-sidebar,footer-widgets,full-width-template,threaded-comments,translation-ready,block-styles,wide-blocks
Version: 2.1.16.1770310217
Updated: 2026-02-05 16:50:17

*/
/* =========================================================
   AGRICROP — FORCE OVERRIDE (Solace theme override)
   ========================================================= */

/* make sure our vendor ranking is not affected by theme lists/padding */
.vr-wrap,
.vr-wrap *{
  box-sizing:border-box !important;
}

.vr-wrap{
  width:100% !important;
  max-width:1100px !important;
  margin:28px auto !important;
  padding:0 16px !important;
}

.vr-wrap .vr-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-end !important;
  gap:16px !important;
  margin-bottom:16px !important;
}

.vr-wrap .vr-title{
  margin:0 !important;
  font-size:44px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  color:#0f172a !important;
}

.vr-wrap .vr-sub{
  margin:8px 0 0 !important;
  font-size:14px !important;
  color:#64748b !important;
  max-width:760px !important;
}

.vr-wrap .vr-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  margin-top:12px !important;
}

/* card */
.vr-wrap .vr-card{
  display:flex !important;
  gap:14px !important;
  background:#fff !important;
  border-radius:16px !important;
  padding:14px !important;
  border:1px solid rgba(15,23,42,.06) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.07) !important;
  margin:0 !important;
}

/* left */
.vr-wrap .vr-left{
  display:flex !important;
  gap:12px !important;
  align-items:flex-start !important;
  flex:0 0 auto !important;
}

.vr-wrap .vr-rank{
  width:54px !important;
  height:54px !important;
  border-radius:14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-weight:900 !important;
  font-size:18px !important;
  background:#f1f5f9 !important;
  color:#0f172a !important;
}

.vr-wrap .vr-rank.vr-gold{ background:#fef3c7 !important; color:#92400e !important; }
.vr-wrap .vr-rank.vr-silver{ background:#e2e8f0 !important; color:#334155 !important; }
.vr-wrap .vr-rank.vr-bronze{ background:#ffedd5 !important; color:#9a3412 !important; }

.vr-wrap .vr-avatar{
  width:86px !important;
  height:86px !important;
  border-radius:14px !important;
  overflow:hidden !important;
  background:#f1f5f9 !important;
  border:1px solid rgba(15,23,42,.06) !important;
}
.vr-wrap .vr-avatar img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* body */
.vr-wrap .vr-body{
  flex:1 !important;
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

.vr-wrap .vr-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.vr-wrap .vr-titlewrap{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
}

.vr-wrap .vr-name{
  font-size:24px !important;
  font-weight:900 !important;
  color:#0f172a !important;
  text-decoration:none !important;
  line-height:1.15 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  max-width:100% !important;
}
.vr-wrap .vr-name:hover{ text-decoration:underline !important; }

.vr-wrap .vr-verified{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  background:#2563eb !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.vr-wrap .vr-btn{
  border:none !important;
  background:#111827 !important;
  color:#fff !important;
  padding:10px 14px !important;
  border-radius:12px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  box-shadow:0 8px 18px rgba(0,0,0,.10) !important;
}

.vr-wrap .vr-btn-ghost{
  background:#fff !important;
  color:#0f172a !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:none !important;
}

.vr-wrap .vr-rating{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:13px !important;
  color:#334155 !important;
}

.vr-wrap .vr-stars{
  letter-spacing:1px !important;
  font-size:14px !important;
  color:#f59e0b !important;
}

.vr-wrap .vr-addr{
  font-size:13px !important;
  color:#64748b !important;
  line-height:1.35 !important;
}

.vr-wrap .vr-scoreline{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.vr-wrap .vr-scorebadge{
  font-size:14px !important;
  font-weight:900 !important;
  color:#0f172a !important;
  background:#f1f5f9 !important;
  padding:8px 10px !important;
  border-radius:999px !important;
}

.vr-wrap .vr-bar{
  flex:1 !important;
  height:10px !important;
  background:#e2e8f0 !important;
  border-radius:999px !important;
  overflow:hidden !important;
}
.vr-wrap .vr-bar span{
  display:block !important;
  height:100% !important;
  background:linear-gradient(90deg,#22c55e,#16a34a) !important;
}

/* mobile */
@media (max-width: 640px){
  .vr-wrap .vr-title{ font-size:30px !important; }
  .vr-wrap .vr-card{ flex-direction:column !important; }
  .vr-wrap .vr-top{ flex-direction:column !important; align-items:flex-start !important; }
  .vr-wrap .vr-name{ white-space:normal !important; }
}








/*Next*/
/* =========================================
   AGRICROP — Preferences Modal + Recommendation UI
   Paste into child theme style.css
   ========================================= */

/* --- Modal overlay --- */
#agriPrefModal{
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
  z-index:99999;
}

/* --- Modal box --- */
#agriPrefModal .agri-modal-box{
  max-width:520px;
  margin:7vh auto;
  background:#fff;
  padding:18px;
  border-radius:14px;
  box-shadow:0 18px 50px rgba(0,0,0,.25);
  font-family:inherit;
}

/* --- Headings --- */
#agriPrefModal h3{
  margin:0 0 10px;
  font-size:20px;
  line-height:1.2;
}

/* --- Labels --- */
#agriPrefModal label{
  display:block;
  font-size:14px;
  margin:10px 0 6px;
  font-weight:600;
}

/* --- Inputs --- */
#agriPrefModal input[type="text"],
#agriPrefModal input[type="number"]{
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:10px;
  outline:none;
  background:#fff;
}

#agriPrefModal input[type="text"]:focus,
#agriPrefModal input[type="number"]:focus{
  border-color:#9bb8ff;
  box-shadow:0 0 0 3px rgba(70,120,255,.15);
}

/* --- Category list --- */
#agriPrefModal .agri-catbox{
  max-height:160px;
  overflow:auto;
  border:1px solid #eee;
  border-radius:12px;
  padding:10px;
  background:#fafafa;
}

#agriPrefModal .agri-catbox label{
  display:flex;
  gap:10px;
  align-items:center;
  font-weight:500;
  margin:8px 0;
}

/* --- Price row --- */
#agriPrefModal .agri-row{
  display:flex;
  gap:10px;
}

/* --- Buttons --- */
#agriPrefModal .agri-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

#agriPrefModal button{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid #111;
  background:#111;
  color:#fff;
  cursor:pointer;
  font-weight:600;
}

#agriPrefModal button:hover{
  opacity:.92;
}

#agriPrefModal button.agri-btn-skip{
  background:transparent;
  color:#111;
}

#agriPrefModal .agri-skip-today{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:500;
  margin-left:auto;
}

#agriPrefModal .agri-msg{
  margin-top:10px;
  font-size:13px;
  opacity:.8;
}
/* ==============================
   AGRI Recommended Products GRID (FIX)
   ============================== */

.agri-rec-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

/* responsive */
@media (max-width: 1024px){
  .agri-rec-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 768px){
  .agri-rec-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 480px){
  .agri-rec-grid{ grid-template-columns:1fr !important; }
}

/* card */
.agri-rec-grid .agri-card{
  width:auto !important;
  max-width:100% !important;
  border:1px solid #eee !important;
  border-radius:16px !important;
  background:#fff !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

/* image */
.agri-rec-grid .agri-thumb img{
  width:100% !important;
  height:180px !important;
  object-fit:cover !important;
  display:block !important;
}

/* body */
.agri-rec-grid .agri-card-body{
  padding:14px 14px 16px !important;
}

.agri-rec-grid .agri-title{
  margin:0 0 6px !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}

.agri-rec-grid .agri-price{
  margin:0 0 10px !important;
}

/* vendor meta */
.agri-rec-grid .agri-vendor-meta{
  margin-top:10px !important;
  padding-top:10px !important;
  border-top:1px solid rgba(0,0,0,.08) !important;
}

.agri-rec-grid .agri-store{
  font-weight:800 !important;
  font-size:13px !important;
}

.agri-rec-grid .agri-store-link{
  text-decoration:none !important;
  color:inherit !important;
}
.agri-rec-grid .agri-store-link:hover{
  text-decoration:underline !important;
}

.agri-rec-grid .agri-loc{
  font-size:12px !important;
  opacity:.75 !important;
  margin-top:3px !important;
}

/* hover */
.agri-rec-grid .agri-card:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
}

/* safety: stop theme forcing list layout */
.agri-rec-grid, 
.agri-rec-grid *{
  float:none !important;
}
/* ✅ Image not cut: use contain inside a fixed box */
.agri-rec-grid .agri-thumb{
  height:180px !important;         /* same size as before */
  background:#f8fafc !important;   /* nice neutral bg */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px !important;         /* spacing so dili dikit */
}

.agri-rec-grid .agri-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;   /* ✅ no crop */
  display:block !important;
}
.agri-rec-grid .agri-thumb{
  border-bottom:1px solid rgba(0,0,0,.06) !important;
}
/* ✅ Show more button (proper button look) */
.agri-show-more-wrap{
  text-align:center !important;
  margin-top:18px !important;
}

.agri-show-more{
  display:inline-block !important;
  padding:12px 18px !important;
  border-radius:12px !important;
  border:1px solid #111 !important;
  background:#111 !important;
  color:#fff !important;
  font-weight:800 !important;
  text-decoration:none !important;
  line-height:1 !important;
  box-shadow:0 8px 18px rgba(0,0,0,.12) !important;
}

.agri-show-more:hover{
  opacity:.92 !important;
  transform:translateY(-1px) !important;
}

/* ✅ Remove ugly spacer/frame but keep no-crop */
.agri-rec-grid .agri-thumb{
  height:180px !important;
  background:transparent !important;   /* remove box */
  padding:0 !important;               /* remove spacer */
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-bottom:0 !important;         /* remove divider if naa */
}

.agri-rec-grid .agri-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;      /* no crop */
  display:block !important;
}
.agri-rec-grid .agri-thumb{ height:160px !important; }

/*para sa badge*/
.agri-badges{ margin:0 0 8px; display:flex; gap:8px; flex-wrap:wrap; }
.agri-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  border:1px solid rgba(0,0,0,.12);
}

.agri-vendor-meta .agri-dist{
  font-size: 12px;
  opacity: .75;
  margin-top: 2px;
}

/* Small round filter button */
.agri-fab{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.08);
}

/* place FAB on top-right of recommended section */
.agri-fab-wrap{
  position:relative;
  display:flex;
  justify-content:flex-end;
  margin:0 0 10px 0;
}

/* AGRI Filter Gear Portal - force visible */
#agriFabPortal{
  position: fixed !important;
  right: 22px !important;
  bottom: 22px !important;
  z-index: 2147483647 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#agriOpenFilterBtn{
  width:46px;height:46px;border-radius:999px;
  border:1px solid #ddd;background:#fff;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;text-decoration:none;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}

#agriFilterModal{
  position:fixed !important; inset:0 !important;
  z-index:2147483647 !important;
  background:rgba(0,0,0,.35);
  display:none; align-items:center; justify-content:center;
  padding:16px;
}

/* ==== AGRI Login required card ==== */
.agri-login-card{
  max-width: 520px;
  margin: 18px auto;
  padding: 18px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  background: #fff;
}
.agri-login-card h3{ margin:0 0 8px; }
.agri-login-actions{ display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
.agri-btn{ padding:10px 14px; border-radius:12px; text-decoration:none; display:inline-block; }
.agri-btn-primary{ background:#111; color:#fff; }
.agri-btn-ghost{ background:transparent; border:1px solid rgba(0,0,0,.18); color:#111; }

/* ==== Grid/cards ==== */
.agri-rec-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 14px;
}
.agri-card{
  position:relative;
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
}
.agri-thumb img{ width:100%; height:auto; display:block; }
.agri-card-body{ padding:12px; }
.agri-title{ margin:0 0 6px; font-size:16px; }
.agri-price{ font-weight:600; margin-bottom:8px; }
.agri-loc{ font-size:12px; opacity:.8; }

/* ==== Badges ==== */
.agri-badge{
  position:absolute;
  top:10px;
  left:10px;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  background:#e9f7ef;
  color:#1e7a3a;
}
.agri-badge-flag{ background:#fff1f1; color:#b42318; }
.agri-card-flagged{ opacity:.8; }

/* ==== Debug ==== */
.agri-debug{
  margin: 10px 0 14px;
  padding: 10px 12px;
  border: 1px dashed rgba(0,0,0,.25);
  border-radius: 12px;
  font-size: 13px;
}

/* ==== Geo suggestions ==== */
.agri-geo-suggest{
  display:none;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  border-radius:12px;
  margin-top:6px;
  overflow:hidden;
}
.agri-geo-item{
  padding:10px 12px;
  cursor:pointer;
  border-top:1px solid rgba(0,0,0,.06);
}
.agri-geo-item:hover{ background: rgba(0,0,0,.04); }

.agri-badge{
  position:absolute;
  top:14px;
  left:14px;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}

.agri-badge-rec{
  background:#e9f7ee;
  border-color:#bfe5cc;
  color:#157a35;
}

.agri-badge-notrec{
  background:#f2f2f2;
  border-color:#dedede;
  color:#555;
}

.agri-badge-flagged{
  background:#ffecec;
  border-color:#f3b6b6;
  color:#b3261e;
}

.agri-reason{
  margin-top:6px;
  font-size:12px;
  opacity:.75;
}

.agri-rec-summary{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

.agri-pill{
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
}
.agri-pill-rec{background:#e9f7ee;border-color:#bfe5cc;color:#157a35;}
.agri-pill-notrec{background:#f2f2f2;border-color:#dedede;color:#555;}
.agri-pill-flagged{background:#ffecec;border-color:#f3b6b6;color:#b3261e;}

.agri-card{ position:relative; } /* IMPORTANT for badge positioning */

.agri-rec-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}
@media(max-width:1024px){ .agri-rec-grid{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .agri-rec-grid{ grid-template-columns:1fr;} }

.agri-card{ position:relative; border:1px solid rgba(0,0,0,.08); border-radius:18px; overflow:hidden; background:#fff; }
.agri-card-body{ padding:14px; }
.agri-thumb img{ width:100%; height:auto; display:block; }

.agri-badge{
  position:absolute; top:10px; left:10px;
  padding:6px 10px; border-radius:999px;
  font-size:12px; font-weight:700;
  border:1px solid rgba(0,0,0,.12);
  background:#e9f7ef; color:#0a7a2d;
}
.agri-badge-notrec{ background:#fff3e0; color:#9a4b00; }
.agri-badge-flagged{ background:#ffebee; color:#b00020; }

.agri-reason{ margin-top:6px; font-size:12px; opacity:.8; }

.agri-rec-summary{ display:flex; gap:10px; flex-wrap:wrap; margin:0 0 14px 0; }
.agri-pill{ padding:6px 10px; border-radius:999px; font-size:12px; font-weight:700; border:1px solid rgba(0,0,0,.10); }
.agri-pill-rec{ background:#e9f7ef; color:#0a7a2d; }
.agri-pill-notrec{ background:#fff3e0; color:#9a4b00; }
.agri-pill-flagged{ background:#ffebee; color:#b00020; }

/* hide "Recommended / Not recommended / Flagged" headings */
.agri-sec-title{
  display:none !important;
}

/* optional: gamay spacing para di mupiit */
.agri-rec-grid{
  margin-top: 10px;
}

/* hide the "None." text under Not recommended / Flagged */
.agri-rec-block p[style*="opacity:.7"]{
  display:none !important;
}

/* Recommendation Filter Bar */
.agri-filterbar{
  margin: 6px 0 14px;
  padding: 12px;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 16px;
  background: #fff;
}
.agri-filterhead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.agri-filter-toggle{
  border: 1px solid rgba(0,0,0,.12);
  background: #f7f7f7;
  padding: 8px 12px;
  border-radius: 999px;
  cursor:pointer;
}
.agri-filterpanel{
  display:none;
  margin-top: 12px;
  gap:12px;
}
.agri-filterbar.open .agri-filterpanel{ display:block; }

.agri-frow{ margin-bottom: 10px; }
.agri-frow label{ display:block; font-size:13px; opacity:.8; margin-bottom:6px; }

.agri-floc{ display:flex; gap:8px; }
.agri-floc input{
  flex:1;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 999px;
}
.agri-filter-gps{
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
}

.agri-frow select{
  width:100%;
  min-height: 90px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 14px;
}
.agri-fhint{ display:block; font-size:12px; opacity:.65; margin-top:6px; }

.agri-fprice{ display:flex; gap:8px; }
.agri-fprice input{
  flex:1;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.12);
  border-radius: 999px;
}

.agri-factions{
  display:flex;
  gap:10px;
  margin-top: 10px;
}
.agri-filter-apply{
  padding:10px 14px;
  border-radius:999px;
  border:none;
  background:#111;
  color:#fff;
  cursor:pointer;
}
.agri-filter-reset{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
}

/* Filter button black */
.agri-filter-toggle{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  cursor:pointer !important;
}

/* Optional: apply/reset buttons */
.agri-filter-apply{
  background:#000 !important;
  color:#fff !important;
  border:1px solid #000 !important;
  border-radius:12px !important;
}
.agri-filter-reset{
  background:#fff !important;
  color:#000 !important;
  border:1px solid #000 !important;
  border-radius:12px !important;
}

/* If naa kay overlay nga mo-block ug click, force above */
.agri-filterbar{ position:relative; z-index:50; }
.agri-filter-toggle{ position:relative; z-index:60; pointer-events:auto; }

.agri-filter-catbox{
  max-height: 180px;
  overflow:auto;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  padding:10px;
  background:#fff;
}
.agri-cat-item{
  display:flex;
  gap:10px;
  align-items:center;
  margin:8px 0;
  font-size:14px;
}
.agri-cat-item input{ transform:scale(1.05); }

/**/
.vr-cred-box{
  display:flex;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  background:#fff;
  margin:12px 0;
}
.vr-cred-rank{
  min-width:54px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  border:1px solid rgba(0,0,0,.10);
  background:rgba(0,0,0,.04);
}
.vr-gold{ background:rgba(255, 215, 0, .20); }
.vr-silver{ background:rgba(192, 192, 192, .25); }
.vr-bronze{ background:rgba(205, 127, 50, .25); }

.vr-cred-body{ flex:1; }
.vr-cred-top{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
}
.vr-cred-label{ font-size:12px; opacity:.75; font-weight:700; }
.vr-cred-score{ font-size:16px; font-weight:800; }

.vr-cred-sub{
  margin-top:2px;
  font-size:13px;
  opacity:.85;
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
.vr-cred-store{ font-weight:700; text-decoration:none; }
.vr-cred-dot{ opacity:.5; }

.vr-mini-badge{
  margin-top:6px;
  font-size:12px;
  opacity:.75;
  font-weight:700;
}




/* =========================================================
   DOKAN STORE HEADER — FIX BUTTONS + POSITION + HOVER
   (targets ONLY the header buttons via .dokan-btn classes)
   ========================================================= */

/* Make the header button row flex */
body.dokan-store .dokan-store-info .dokan-store-info-btn,
body.dokan-store .dokan-store-info .dokan-store-info-btns,
body.dokan-store .dokan-store-info .store-info-btn,
body.dokan-store .dokan-store-info .dokan-store-info-btn-wrap{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}

/* ✅ Style ONLY Dokan buttons (not phone/rating pills) */
body.dokan-store .dokan-store-info a.dokan-btn,
body.dokan-store .dokan-store-info button.dokan-btn,
body.dokan-store .dokan-store-info a.dokan-btn-theme,
body.dokan-store .dokan-store-info button.dokan-btn-theme,
body.dokan-store .dokan-store-info a.dokan-follow-store-button,
body.dokan-store .dokan-store-info a.dokan-store-support-btn,
body.dokan-store .dokan-store-info a.dokan-store-share-btn{
  background:#2e7d32 !important;
  border:1px solid #2e7d32 !important;
  color:#fff !important;
  border-radius:12px !important;
  padding:10px 14px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 6px 16px rgba(0,0,0,.10) !important;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}

/* ✅ No more black hover */
body.dokan-store .dokan-store-info a.dokan-btn:hover,
body.dokan-store .dokan-store-info button.dokan-btn:hover,
body.dokan-store .dokan-store-info a.dokan-btn-theme:hover,
body.dokan-store .dokan-store-info button.dokan-btn-theme:hover,
body.dokan-store .dokan-store-info a.dokan-follow-store-button:hover,
body.dokan-store .dokan-store-info a.dokan-store-support-btn:hover,
body.dokan-store .dokan-store-info a.dokan-store-share-btn:hover{
  background:#256b2a !important;
  border-color:#256b2a !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.14) !important;
}

/* Put SHARE to the right (if inside same flex row) */
body.dokan-store .dokan-store-info .dokan-store-share,
body.dokan-store .dokan-store-info .dokan-store-share a{
  margin-left:auto !important;
}

/* ✅ Move Rank box to new line + center */
body.dokan-store .vr-cred-box.vr-cred-store{
  flex:0 0 100% !important;
  order:99 !important;
  max-width:520px !important;
  margin:10px auto 0 !important;
}

.agri-catline{
  font-size: 12px;
  opacity: .75;
  margin: 6px 0 2px;
}

/* AGRI — make filter buttons black */
.agri-filter-toggle,
.agri-filter-apply,
.agri-filter-reset,
.agri-filter-gps,
.agri-fresh-use-gps,
.agri-fresh-filter-toggle,
.agri-fresh-apply,
.agri-fresh-reset{
  background:#111 !important;
  color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  padding:10px 14px !important;
  font-weight:700 !important;
  cursor:pointer !important;
}

.agri-filter-reset,
.agri-fresh-reset{
  opacity:.85 !important;
}

.agri-filter-toggle:hover,
.agri-filter-apply:hover,
.agri-filter-reset:hover,
.agri-filter-gps:hover,
.agri-fresh-use-gps:hover,
.agri-fresh-filter-toggle:hover,
.agri-fresh-apply:hover,
.agri-fresh-reset:hover{
  opacity:.92 !important;
}

/* Safety: make sure nothing blocks clicks */
.agri-filterbar, .agri-filterpanel{
  pointer-events:auto !important;
}

/* Hide Use GPS button inside the filter panel only */
.agri-fresh-filterbar .agri-factions .agri-fresh-use-gps{
  display:none !important;
}