/*
 Theme Name:   Extra Child
 Theme URI:    https://example.com
 Description:  Child theme for Extra
 Author:       gjp
 Template:     Extra
 Version:      1.0.0
*/

/* Add your custom CSS tweaks below */

/* Stage colors for Deliverables */
.et_pb_post.stage-Predesign { border-left: 5px solid #3498db; }
.et_pb_post.stage-Schematic-Design { border-left: 5px solid #9b59b6; }
.et_pb_post.stage-Construction { border-left: 5px solid #e67e22; }
.et_pb_post.stage-Completion { border-left: 5px solid #27ae60; }

/* Project deliverables grid */
.arch-deliverables-grid {
  display: grid;
  gap: 18px;
  margin: 18px 0;
}
.arch-deliverables-grid.cols-1 { grid-template-columns: 1fr; }
.arch-deliverables-grid.cols-2 { grid-template-columns: repeat(2,1fr); }
.arch-deliverables-grid.cols-3 { grid-template-columns: repeat(3,1fr); }
.arch-deliverables-grid.cols-4 { grid-template-columns: repeat(4,1fr); }

.arch-deliverable {
  background:#fff;
  border-radius:6px;
  overflow:hidden;
  border:1px solid #eee;
  display:flex;
  flex-direction:column;
}
.arch-del-thumb img { width:100%; height:auto; display:block; }
.arch-del-info { padding:12px; }
.arch-del-title { margin:0 0 6px; font-size:16px; }
.arch-del-meta { font-size:13px; color:#666; }

/* timeline */
.arch-deliverables-timeline { list-style:none; padding-left:0; margin:0; }
.arch-deliverables-timeline li { padding:8px 0; border-bottom:1px solid #eee; }

/* invoices list */
.arch-invoices-list .arch-inv-item { padding:8px 0; border-bottom:1px solid #eee; }

/* stage button nav */
.arch-stage-nav { margin:14px 0; display:flex; flex-wrap:wrap; gap:10px; }
.arch-stage-btn { padding:8px 12px; border-radius:4px; background:#f3f3f3; text-decoration:none; color:#222; }

/* example stage color classes (adjust hex to your palette) */
.arch-deliverable.stage-predesign { border-left:4px solid #3498db; }
.arch-deliverable.stage-schematic-design { border-left:4px solid #9b59b6; }
.arch-deliverable.stage-design-development { border-left:4px solid #f39c12; }
.arch-deliverable.stage-construction { border-left:4px solid #e67e22; }
.arch-deliverable.stage-completion { border-left:4px solid #27ae60; }