/* ==============================
   Bidoma Theme – Base Variables
   ============================== */
:root{
  --bid-primary: #378496;           /* teal */
  --bid-primary-600: #2f7180;
  --bid-primary-700: #295f6b;
  --bid-primary-050: rgba(55,132,150,.08);
  --bid-primary-100: rgba(55,132,150,.12);

  --bid-accent:  #e4b750;           /* gold */
  --bid-accent-600: #cda341;
  --bid-accent-050: rgba(228,183,80,.10);
  --bid-accent-100: rgba(228,183,80,.18);

  --bid-border:  #e8e8ee;
  --bid-text:    #0f172a;
  --bid-muted:   #666;
  --bid-white:   #fff;

  --bid-radius-lg: 16px;
  --bid-radius-md: 12px;
  --bid-shadow: 0 6px 18px rgba(0,0,0,.05);
}

/* ==============================
   Containers
   ============================== */
.bids-container{
  max-width: 45rem;
  margin-inline: auto;
  margin-top: 20px;
  padding-inline: 16px;
}
.bids-container-2{
  max-width: 57rem;
  margin-inline: auto;
  margin-top: 20px;
  padding-inline: 16px;
}

/* ==============================
   Cards & Grid
   ============================== */
.bids-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin:16px 0;
}
@media (min-width:768px){
  .bids-grid{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:1024px){
  .bids-grid{grid-template-columns:repeat(3,1fr);}
}

.bids-card{
  background:var(--bid-white);
  border:1px solid var(--bid-border);
  border-radius:var(--bid-radius-lg);
  padding:16px;
  box-shadow:var(--bid-shadow);
  line-height:1.7;
}
.bids-card h3{margin:0;font-size:18px}
.bids-card .muted{color:var(--bid-muted);margin:0}
.bids-card h3 a {color: #323232; font-size: 21px;}

/* ==============================
   Headings / Meta
   ============================== */
.page-title{margin-top:12px; text-align: center;}
.bids-single-header{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:0;
}
.bids-single-header.bids-single-header.bids-single-header h1 {
	font-size: 30px;
}
.bids-single .entry-content{margin-top:12px}
.bids-meta{
  display:flex; gap:10px; align-items:center; margin:6px 0;
}
.muted{color:var(--bid-muted)}

/* ==============================
   Badges (use Bidoma palette)
   ============================== */
.badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.badge.open{ background:var(--bid-primary-050); color:var(--bid-primary-700); border:1px solid var(--bid-primary-100); }
.badge.closed{ background:var(--bid-accent-050); color:var(--bid-accent-600); border:1px solid var(--bid-accent-100); }

/* ==============================
   Buttons
   ============================== */
.bids-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}

.bids-btn{
  display:inline-block;
  padding:10px 14px;
  border-radius:12px;
  text-decoration:none;
  border:1px solid transparent;
  background:var(--bid-primary);
  color:#fff;
  font-weight:600;
  transition:.2s;
}
.bids-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(55,132,150,.25);
  background:var(--bid-primary-600);
}
.bids-btn:focus{outline:2px solid var(--bid-accent); outline-offset:2px}
.bids-btn.small{padding:8px 12px;font-size:14px}

/* Accent button (gold) */
.bids-btn.secondary{
  background:var(--bid-accent);
  color:#1b1b1b;
}
.bids-btn.secondary:hover{
  background:var(--bid-accent-600);
  box-shadow:0 8px 18px rgba(228,183,80,.25);
}

/* Outline buttons */
.bids-btn.outline{
  background:transparent;
  color:var(--bid-text);
  border-color:var(--bid-border);
}
.bids-btn.outline:hover{
  border-color:var(--bid-primary);
  color:var(--bid-primary-700);
  box-shadow:0 8px 18px rgba(55,132,150,.15);
}

/* ==============================
   Forms – Filters (row layout)
   ============================== */
.bids-archive .bids-filters{
  display:flex; align-items:flex-end; gap:12px; flex-wrap:wrap;
  background:var(--bid-white);
  border:1px solid var(--bid-border);
  border-radius:var(--bid-radius-lg);
  padding:12px; margin:12px 0;
}
.bids-archive .bids-filters .row{ display:flex; flex-direction:column; gap:6px; min-width:180px; }
.bids-archive .bids-filters .actions{ display:flex; gap:8px; margin-inline-start:auto; }

.bids-archive .bids-filters input[type="text"],
.bids-archive .bids-filters input[type="date"],
.bids-archive .bids-filters select{
  border:1px solid var(--bid-border);
  border-radius:10px;
  padding:10px 12px;
  background:#fff;
}
.bids-archive .bids-filters input:focus,
.bids-archive .bids-filters select:focus{
  outline:2px solid var(--bid-primary-100);
  border-color:var(--bid-primary);
}

/* ==============================
   Pagination
   ============================== */
.bids-pagination ul{list-style:none;display:flex;gap:6px;flex-wrap:wrap;padding:0}
.bids-pagination li a,.bids-pagination li span{
  display:inline-block;padding:8px 12px;border-radius:10px;border:1px solid var(--bid-border);
}
.bids-pagination li a:hover{
  border-color:var(--bid-primary);
  color:var(--bid-primary-700);
}

/* ==============================
   Info Boxes
   ============================== */
.bids-box{
  background:#fafafa;
  border:1px dashed var(--bid-border);
  border-radius:12px;
  padding:12px;
  margin-top:12px;
}

/* Success / Alert cards using palette */
.bids-card.success{ border-left:4px solid var(--bid-primary); }
.bids-alert{ border-left:4px solid var(--bid-accent); }

/* ==============================
   Deadline (Latin, LTR, left-aligned)
   ============================== */
.deadline{
  direction:ltr;
  unicode-bidi:isolate;
  text-align:left;
  font-family:"Segoe UI", Roboto, Arial, Helvetica, sans-serif;
  letter-spacing:.2px;
  display:inline-block;
}
.bids-meta .deadline{ margin-inline-start:6px; }
.bids-box .deadline{ display:block; margin-top:4px; }

/* ==============================
   Minor polish on desktop
   ============================== */
@media (min-width:1024px){
  .bids-card{ padding:18px; }
}