/* /bundles/ : Agency Operating Bundle (planned). Builds on layout.css and components.css. */

.bundle-status { margin-top: 1.5rem; max-width: 46rem; }
.bundle-status .status { margin-right: .35rem; vertical-align: .1em; }

/* Tool list */
.bundle-tools h3 { margin: 0 0 .3rem; font-size: 1.25rem; }
.bundle-tools h3 a { display: inline-flex; align-items: center; min-height: var(--target); color: var(--ink); text-decoration: none; }
.bundle-tools h3 a:hover { text-decoration: underline; }
.bundle-tool-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1rem; margin-top: .7rem; }
.bundle-tools .bundle-tool-meta .status { margin: 0; }
.bundle-tools .bundle-tool-price { margin: 0; font-size: .95rem; font-weight: 600; color: var(--ink); }
.bundle-tool-price-label { font-weight: 400; color: var(--ink-soft); }

/* Planned price */
.bundle-price { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 1.5rem clamp(2rem, 4vw, 3.5rem); align-items: start; }
.bundle-figure { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .75rem; margin: 0; padding-top: 1rem; border-top: 3px double var(--ink); }
.rules-light { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ink); }
.rules-light li { position: relative; padding: 1rem 0 1rem 2rem; border-bottom: 1px solid var(--rule); color: var(--ink-soft); }
.rules-light li::before { content: ""; position: absolute; left: 0; top: 1.55rem; width: 1.1rem; height: 2px; background: var(--blue); }

/* Today: buy block and notify block */
.bundle-today { margin-top: 0; }
.bundle-buy-line { margin: .5rem 0 0; color: var(--on-dark-soft); }
.bundle-buy-terms { margin: .5rem 0 0; font-size: .9rem; color: var(--on-dark-soft); }
.bundle-buy-more { margin: .75rem 0 0; }
.bundle-buy-more a { display: inline-flex; align-items: center; min-height: var(--target); font-weight: 600; }
.bundle-notify { display: flex; flex-direction: column; align-items: flex-start; }
.bundle-notify .btn { margin-top: auto; }

@media (max-width: 900px) {
  .bundle-price { grid-template-columns: minmax(0, 1fr); }
}