/* Café Escobar Institucional minimal styles */
.cei-landing { padding: 4rem 1rem; background: #faf7f2; }
.cei-landing__inner { max-width: 920px; margin: 0 auto; text-align: center; }
.cei-landing__title { font-size: 2.2rem; margin-bottom: .5rem; }
.cei-landing__subtitle { font-size: 1.125rem; color: #444; margin-bottom: 1.5rem; }
.cei-landing__cta { font-size: 1rem; padding: .75rem 1.25rem; }

/* Account: Mi institución */
.cei-account { max-width: 860px; }
.cei-account .cei-form { margin-top: 1rem; }
.cei-account .form-row { margin-bottom: 1rem; }
.cei-account label { display: block; font-weight: 600; margin-bottom: .35rem; }
.cei-account input[type="text"],
.cei-account input[type="email"],
.cei-account input[type="tel"],
.cei-account select { width: 100%; max-width: 100%; box-sizing: border-box; }
.cei-account .description { display: block; margin-top: .35rem; color: #666; }

.cei-section-title { margin: 1.25rem 0 .5rem; font-size: 1.05rem; font-weight: 700; color: #333; }

/* Status / Checklist */
.cei-status { border: 1px solid #e6e6e6; background: #fff; border-radius: 8px; padding: 1rem; margin: .75rem 0 1.25rem; }
.cei-status.is-complete { border-color: #cde8d1; background: #f5fcf6; }
.cei-status.is-incomplete { border-color: #f0d4b2; background: #fff9f2; }
.cei-status__header { display: flex; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.cei-status__dot { width: .6rem; height: .6rem; border-radius: 50%; display: inline-block; background: #ff9900; }
/* brand color when complete */
.cei-status.is-complete .cei-status__dot { background: #1F3159; }
.cei-status__percent { margin-left: auto; font-weight: 700; color: #333; }

/* Progress bar */
.cei-progress { height: 10px; border-radius: 999px; background: #eee; overflow: hidden; margin: .25rem 0 .75rem; }
.cei-progress__bar { height: 100%; background: linear-gradient(90deg, #516391, #1F3159); border-radius: 999px; transition: width .3s ease; }

.cei-status__list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .35rem .75rem; }
.cei-status__list li { display: flex; align-items: center; gap: .5rem; color: #444; }
.cei-status__list li.ok { color: #1F3159; }
.cei-status__list li.pending { color: #9a6b08; }
.cei-check { width: 1rem; height: 1rem; border: 2px solid currentColor; border-radius: 4px; display: inline-block; position: relative; background: #fff; }
.cei-status__list li.ok .cei-check { background: currentColor; border-color: currentColor; }
.cei-status__list li.ok .cei-check:after { content: ''; position: absolute; left: 3px; top: 1px; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }

/* Fieldset */
.cei-account fieldset { border: 1px solid #eee; padding: 1rem; border-radius: 6px; background: #fff; }
.cei-account fieldset legend { font-weight: 700; padding: 0 .25rem; }

/* Buttons/links within Mi institución (scoped) */
.cei-account .button.button-primary,
.woocommerce-account .cei-account .button.button-primary { background-color: #1F3159; border-color: #1F3159; color: #fff; }
.cei-account .button.button-primary:hover,
.cei-account .button.button-primary:focus { background-color: #182647; border-color: #182647; color: #fff; }
.cei-account .button.button-secondary,
.woocommerce-account .cei-account .button.button-secondary { color: #1F3159; border-color: #1F3159; background: transparent; }
.cei-account .button.button-secondary:hover,
.cei-account .button.button-secondary:focus { color: #fff; background: #1F3159; border-color: #1F3159; }
.cei-account a { color: #1F3159; }
.cei-account a:hover,
.cei-account a:focus { color: #182647; }

.cei-account .button { margin-right: .5rem; }

/* Reorder block */
.cei-reorder { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid #eee; }
.cei-reorder__meta { color: #666; }
.cei-reorder__items { list-style: none; padding: 0; margin: .5rem 0 1rem; }
.cei-reorder__items li { display: flex; justify-content: space-between; padding: .25rem 0; border-bottom: 1px dashed #eee; }

/* Badges */
.cei-badge { display: inline-block; font-size: .78rem; font-weight: 800; color: #0b5a2a; background: #dff3e6; border: 1px solid #b7e3c9; padding: .25rem .6rem; border-radius: 999px; line-height: 1; letter-spacing: .02em; box-shadow: 0 1px 0 rgba(0,0,0,.04); }
.cei-badge--inline { vertical-align: middle; }

/* Highlight institutional badge (brand color #1F3159) */
.cei-badge--institutional { color: #1F3159; background: rgba(31,49,89,0.08); border-color: rgba(31,49,89,0.25); text-transform: uppercase; box-shadow: 0 2px 6px rgba(31,49,89,.08); }
.cei-badge--institutional::before { content: "🏢"; margin-right: .35rem; }

/* Frequency badge (highlight) */
.cei-badge--freq { color: #1F3159; background: rgba(31,49,89,0.08); border-color: rgba(31,49,89,0.25); }

/* Loop overlay positioning (theme-dependent; safe defaults) */
.woocommerce ul.products li.product, .products.columns-4 li.product { position: relative; }
.woocommerce ul.products li.product .cei-badge { position: absolute; left: .5rem; top: .5rem; z-index: 3; }
.woocommerce ul.products li.product .cei-badge--institutional { padding: .3rem .65rem; }

/* Single product badge wrapper */
.cei-single-badge-wrap { margin-bottom: .5rem; }

@media (max-width: 600px) {
  .cei-landing__title { font-size: 1.8rem; }
  .cei-landing__subtitle { font-size: 1rem; }
}