/* Service-page layout (content/page-service-*.html). Loaded only on pages whose content has the service hero, class rs-svc-hero (see functions.php).
   Builds on rs-effects.css: hero, cards, rows, FAQ and the price card + form keep the homepage look. */

/* "Ce primești": text cards are shorter than the homepage service cards */
.rs-svc-cards .rs-card { min-height: 0; }
.rs-svc-cards .rs-card > p:not(.rs-more) { margin-top: .5rem !important; align-self: start; }
.rs-svc-got { padding-top: clamp(3rem, 6vw, 5.5rem); }

/* "Cere o oferta" button: hero (mint, rs-effects.css) and under the price (ink on the light section) */
.rs-svc-cta { margin-top: clamp(1.5rem, 3vw, 2.25rem) !important; }
.rs-svc-cost .rs-svc-cta { margin-top: clamp(1.5rem, 3vw, 2rem) !important; margin-bottom: clamp(1.5rem, 3vw, 2rem) !important; }
.rs-svc-cost .wp-block-button.is-style-fill .wp-block-button__link { background: var(--rs-ink); color: #fff; }
.rs-svc-cost .wp-block-button.is-style-fill .wp-block-button__link:hover { background: var(--rs-mint); color: var(--rs-ink); }

/* hero link under the lead */
.rs-svc-herolink { margin-top: clamp(1.25rem, 2.5vw, 2rem) !important; }
.rs-svc-hero .rs-more a { color: #fff; text-decoration-color: var(--rs-mint); }
.rs-svc-hero .rs-more a:focus-visible { outline-color: #fff; box-shadow: none; }

/* optional price line, closes the "Cum lucrăm" section */
.rs-svc-price { display: flex !important; flex-wrap: wrap; align-items: baseline; gap: .5rem 2rem !important; margin-top: clamp(1.5rem, 3vw, 2.5rem) !important; }
.rs-svc-price p { margin: 0 !important; }
.wp-block-post-content .rs-svc-price .rs-svc-price-n { font-size: clamp(1.75rem, 1.2rem + 2vw, 2.75rem); font-weight: 700; letter-spacing: -.03em; line-height: 1.1; color: var(--rs-ink); }
.rs-svc-price .rs-note { flex: 1 1 18rem; max-width: 46ch; }

/* maintenance variant: three tiers, price token in .rs-tier-price */
.rs-tiers { margin-top: clamp(2.5rem, 5vw, 4rem) !important; gap: 30px !important; align-items: stretch; }
.rs-tier { display: flex !important; flex-direction: column; gap: 1rem !important; padding: clamp(1.5rem, 3vw, 2.25rem); background: var(--rs-tint); border-bottom: 3px solid transparent; transition: background .35s ease, box-shadow .35s ease, border-color .35s ease; }
.rs-tier > * { margin: 0 !important; }
.rs-tier:hover, .rs-tier:focus-within { border-bottom-color: var(--rs-mint); box-shadow: 0 0 60px rgba(85, 230, 165, .22); }
.rs-tier-featured { background: #fff; border: 1px solid var(--rs-mint); border-bottom: 3px solid var(--rs-mint); }
.wp-block-post-content .rs-tier-price { font-size: clamp(2.25rem, 1.6rem + 2.2vw, 3.25rem); font-weight: 700; letter-spacing: -.035em; line-height: 1; color: var(--rs-ink); overflow-wrap: anywhere; }
.rs-tier-desc { color: var(--rs-body); }
.rs-tier .rs-checks.rs-tier-list { grid-template-columns: minmax(0, 1fr); margin-top: .5rem !important; padding-top: 1.25rem !important; border-top: 1px solid var(--rs-line); }

/* checklist inside a card or the cost list: one column; pages with a single tier card keep it left-aligned */
.rs-svc-cards .rs-checks, .rs-svc-costlist { grid-template-columns: minmax(0, 1fr); }
.rs-svc-domain { margin-top: clamp(2.5rem, 5vw, 4rem) !important; }
.rs-svc-others { font-size: .9375rem; }

@media (prefers-reduced-motion: reduce) {
	.rs-tier { transition: none; }
}

/* "Ce primești" with the price: checklist left, price panel right (creare-magazin-online) */
.rs-svc-pack { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 2.5rem); margin-top: clamp(2rem, 4vw, 3rem) !important; align-items: start; }
.rs-svc-pack > * { margin: 0 !important; }
.rs-svc-pack-main .rs-checks { grid-template-columns: minmax(0, 1fr); }
.rs-svc-pack-main .rs-intro { margin-top: clamp(1.5rem, 3vw, 2rem) !important; }
.rs-svc-pack-main > h3 { margin-bottom: 1rem !important; }
.rs-svc-pack-main > * + h3 { margin-top: clamp(2rem, 4vw, 2.75rem) !important; }
.rs-svc-pack-panel { background: #fff; border: 1px solid var(--rs-mint); border-bottom: 3px solid var(--rs-mint); }
.rs-svc-pack-panel .rs-svc-cta { margin-top: .5rem !important; }
.rs-svc-pack-panel .wp-block-button.is-style-fill .wp-block-button__link { background: var(--rs-ink); color: #fff; }
.rs-svc-pack-panel .wp-block-button.is-style-fill .wp-block-button__link:hover { background: var(--rs-mint); color: var(--rs-ink); }
@media (min-width: 1024px) {
	.rs-svc-pack { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
	/* the price box starts level with the section heading: heading + list on the left, box on the right spanning both rows */
	.rs-svc-got .rs-cardsec-in:has(> .rs-svc-pack) { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); grid-template-rows: auto 1fr; column-gap: clamp(1.5rem, 3vw, 2.5rem); align-items: start; }
	.rs-svc-got .rs-cardsec-in:has(> .rs-svc-pack) > * { grid-column: 1 / -1; }
	.rs-svc-got .rs-cardsec-in:has(> .rs-svc-pack) > h2:first-child { grid-column: 1; grid-row: 1; margin: 0 !important; }
	.rs-svc-got .rs-cardsec-in > .rs-svc-pack { display: contents; }
	.rs-svc-got .rs-svc-pack > .rs-svc-pack-main { grid-column: 1; grid-row: 2; margin-top: clamp(2rem, 4vw, 3rem) !important; }
	.rs-svc-got .rs-svc-pack > .rs-svc-pack-panel { grid-column: 2; grid-row: 1 / span 2; margin: 0 !important; }
}