/* Product identity is shared by the choice cards and the destination pages. */
.wc-product-choices { gap: 24px; align-items: stretch; }
.wc-choice { --wc-product-accent: var(--wc-orange); --wc-product-ink: #a83b00; --wc-product-tint: #fff6ef; display: flex; flex-direction: column; padding: 32px; border: 1px solid var(--wc-border); border-top: 3px solid var(--wc-product-accent); background: #fff; box-shadow: 0 3px 12px rgba(24,33,45,.025); }
.wc-choice--developers { --wc-product-accent: var(--wc-green); --wc-product-ink: #087b55; --wc-product-tint: #eef9f4; }
.wc-choice--enterprise { --wc-product-accent: var(--wc-blue); --wc-product-ink: #0866a8; --wc-product-tint: #f0f7fd; }
.wc-choice .wc-card__index { color: var(--wc-product-ink); letter-spacing: .08em; margin-top: 0; }
.wc-choice h3 { font-size: clamp(24px,1.65vw,28px); line-height: 1.15; letter-spacing: -.025em; }
.wc-choice > p:not(.wc-card__index) { color: #475569; margin-bottom: 28px; }
.wc-choice__actions { display: flex; flex-direction: column; align-items: stretch; gap: 18px; margin-top: auto; }
.wc-choice .wc-button--primary { background: var(--wc-charcoal); color: #fff; min-height: 48px; }
.wc-choice .wc-text-link { color: #475569; font-size: 14px; }
.wc-choice .wc-button:hover { filter: brightness(.94); }
.wc-product--developers #main-content { --wc-orange: var(--wc-green); }
.wc-product--enterprise #main-content { --wc-orange: var(--wc-blue); }
.wc-product--developers .wc-hero h1 span { color: #087b55; }
.wc-product--enterprise .wc-hero h1 span { color: #0866a8; }
.wc-product--developers #main-content .wc-button--primary,
.wc-product--enterprise #main-content .wc-button--primary { color: #18212d; }
.wc-product--developers #main-content .wc-eyebrow { color: #087b55; }
.wc-product--enterprise #main-content .wc-eyebrow { color: #0866a8; }
.wc-product--developers #main-content .wc-section--dark .wc-eyebrow { color: #68dbb2; }
.wc-product--enterprise #main-content .wc-section--dark .wc-eyebrow { color: #78c4ff; }
.wc-panel-paths { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
#wordpress, #managed, #developers { scroll-margin-top: 100px; }
.wc-choice a:focus-visible, .wc-button:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
@media (max-width: 1000px) { .wc-product-choices { grid-template-columns: 1fr; } .wc-choice { padding: 26px; } }
@media (max-width: 720px) { .wc-panel-paths { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Override the legacy single-link card positioning for stacked product actions. */
.wc-choice__actions > a { position: static; inset: auto; flex-shrink: 0; }
.wc-choice__actions > .wc-text-link { display: block; line-height: 1.5; }

.wc-choice .wc-text-link:hover { color: var(--wc-product-ink); }
.wc-choice .wc-card__index { margin-bottom: 24px; }
.wc-product--developers #main-content .wc-choice .wc-button--primary { background: var(--wc-charcoal); color: #fff; }
.wc-developer-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.wc-portfolio-message { margin-top: 32px; padding: 32px; border: 1px solid #d7ebe3; border-left: 3px solid var(--wc-green); background: #f5fbf8; border-radius: 6px; max-width: none; display: grid; grid-template-columns: minmax(220px, .65fr) minmax(0, 1.35fr); gap: 16px 40px; align-items: start; }
.wc-portfolio-message h3 { font-size: 28px; line-height: 1.2; margin: 0; grid-row: 1 / 3; }
.wc-portfolio-message p { color: #475569; margin: 0; max-width: 76ch; }
#developer-hosting { scroll-margin-top: 100px; }
@media (max-width: 800px) { .wc-developer-options { grid-template-columns: 1fr; } }

/* A restrained green tint identifies the homepage developer choice. */
.wc-product-choices > .wc-choice--developers { background: #f5fbf8; }

/* A restrained blue tint identifies the homepage enterprise choice. */
.wc-product-choices > .wc-choice--enterprise { background: #f7faff; }

@media (max-width: 800px) {
    .wc-portfolio-message { grid-template-columns: 1fr; padding: 24px; gap: 16px; }
    .wc-portfolio-message h3 { grid-row: auto; }
}

/* Let the homepage product introduction use the available section width. */
.home #wordpress .wc-section-heading { max-width: none; }
.home #wordpress .wc-section-heading > p:not(.wc-eyebrow) { max-width: none; }

/* Pricing uses independent cards so legacy promotional-card link rules cannot overlap. */
#hosting-plans { scroll-margin-top: 100px; }
.wc-pricing-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.wc-price-card { display: flex; flex-direction: column; min-width: 0; padding: 28px; background: #fff; border: 1px solid var(--wc-border); border-top: 3px solid var(--wc-orange); }
.wc-price-card--developers { background: #f5fbf8; border-top-color: var(--wc-green); }
.wc-price-card--dedicated { background: #f1f8fd; border-top-color: var(--wc-blue); }
.wc-price-card--developers .wc-eyebrow { color: #087b55; }
.wc-price-card--dedicated .wc-eyebrow { color: #0866a8; }
.wc-price-card h3 { font-size: 26px; line-height: 1.2; margin: 0 0 16px; }
.wc-price-card__description { color: #475569; }
.wc-price-card__price { display: flex; flex-direction: column; gap: 4px; margin: 24px 0; }
.wc-price-card__price strong { font-size: 40px; line-height: 1.1; color: var(--wc-charcoal); }
.wc-price-card__price span { font-size: 14px; color: #475569; }
.wc-price-card ul { padding-left: 20px; margin: 0 0 28px; color: #475569; }
.wc-price-card li { margin-bottom: 10px; }
.wc-price-card > .wc-button { margin-top: auto; width: 100%; white-space: normal; text-align: center; }
.wc-price-card > .wc-button, .wc-price-enquiry .wc-button { background: var(--wc-charcoal); color: #fff; }
.wc-price-enquiry { padding: 32px; border: 1px solid var(--wc-border); }
.wc-price-enquiry h3 { font-size: 28px; margin-top: 0; }
@media (max-width: 1200px) { .wc-pricing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .wc-pricing-grid { grid-template-columns: 1fr; } .wc-price-card, .wc-price-enquiry { padding: 24px; } }

/* Highlight the incoming plan without turning the whole card into a control. */
.wc-price-card { scroll-margin-top: 110px; position: relative; }
.wc-price-card.is-selected { box-shadow: none; }
.wc-price-card__selection { align-self: flex-start; background: var(--wc-charcoal); color: #fff; border-radius: 4px; padding: 6px 10px; margin: 0 0 16px; font-size: 13px; font-weight: 600; }
.wc-price-card__selection[hidden] { display: none; }

/* Interactive pricing selector. Cards keep their checkout links but also switch the supporting detail panel. */
.wc-price-card[data-plan] { cursor: pointer; transition: border-color .16s ease, transform .16s ease; }
.wc-price-card[data-plan]:hover { transform: translateY(-1px); }
.wc-price-card[data-plan]:focus-visible { outline: 3px solid #94a3b8; outline-offset: 4px; }
.wc-price-card[data-plan].is-selected { box-shadow: none; border-color: #efb28d; }
.wc-price-card--developers[data-plan].is-selected { box-shadow: none; border-color: #8ed1b8; }
.wc-price-card--dedicated[data-plan].is-selected { box-shadow: none; border-color: #8ebfe2; }
.wc-price-card__selection { display: none !important; }

.wc-pricing-detail { margin-top: 32px; }
.wc-pricing-detail__panel { display: grid; grid-template-columns: minmax(220px,.65fr) minmax(0,1.35fr); gap: 16px 40px; align-items: start; padding: 32px; border: 1px solid #f1d9c9; border-left: 3px solid var(--wc-orange); border-radius: 6px; background: #fff8f3; }
.wc-pricing-detail__panel[hidden] { display: none; }
.wc-pricing-detail__panel h3 { margin: 0; font-size: 28px; line-height: 1.2; }
.wc-pricing-detail__panel p { margin: 0; color: #475569; max-width: 76ch; }
.wc-pricing-detail__panel p + p { margin-top: 14px; }
.wc-pricing-detail__panel[data-detail-plan="developers"] { border-color: #d7ebe3; border-left-color: var(--wc-green); background: #f5fbf8; }
.wc-pricing-detail__panel[data-detail-plan="developers"] .wc-eyebrow { color: #087b55; }
.wc-pricing-detail__panel[data-detail-plan="dedicated"] { border-color: #d6e7f5; border-left-color: var(--wc-blue); background: #f1f8fd; }
.wc-pricing-detail__panel[data-detail-plan="dedicated"] .wc-eyebrow { color: #0866a8; }

@media (max-width: 800px) {
    .wc-pricing-detail__panel { grid-template-columns: 1fr; padding: 24px; gap: 16px; }
}

@media (prefers-reduced-motion: reduce) {
    .wc-price-card[data-plan] { transition: none; }
    .wc-price-card[data-plan]:hover { transform: none; }
}

/* Webcore Panel licensing uses the same neutral pricing-card language without the four-column hosting layout. */
.wc-panel-license-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.wc-panel-license-card { border-top-color: #315f86; }
.wc-panel-license-card .wc-eyebrow { color: #315f86; }
.wc-panel-license-card.wc-price-card--dedicated { background: #f5f8fb; border-top-color: #315f86; }
.wc-panel-license-card.wc-price-card--dedicated .wc-eyebrow { color: #315f86; }
.wc-panel-pricing-notes { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 64px; align-items: start; }
@media (max-width: 800px) { .wc-panel-license-grid, .wc-panel-pricing-notes { grid-template-columns: 1fr; } }