/* DiviFlash Checkout UI — site match layer.
 * Brings sizes and corner radii in line with the marketing pages (pricing page):
 * cards 12px corners, buttons and small badges fully rounded (pill), 16px base text,
 * 16px/700 buttons, section headings 40px. Loaded after the design CSS on every page. */

/* ---------- Radius ---------- */
#dfc-root { --r-lg: 12px; --r-md: 12px; }

/* Buttons: pill, like "Get This Plan". */
#dfc-root .buy-btn,
#dfc-root .ec-btn,
#dfc-root .btn,
#dfc-root .btn-copy,
#dfc-root .up-btn,
#dfc-root .decline a,
#dfc-root .disc-row button,
#dfc-root .lic-btn,
#dfc-root .dl-btn,
#dfc-root .lo-btn,
#dfc-root .af-save,
#dfc-root .lo-renew,
#dfc-root .dfc-paddle #paddle_pay_now_btn,
#dfc-root .dfc-paddle .paddle_button,
#dfc-root input[type=submit].edd-submit,
#dfc-root .edd-submit.button { border-radius: 50px; }

/* Fields keep a soft 12px corner (pricing page has no form fields; 12px = its card radius). */
#dfc-root input.inp,
#dfc-root select.inp,
#dfc-root .disc-row input,
#dfc-root .af-field input,
#dfc-root .af-field select,
#dfc-root input.edd-input:not(.inp),
#dfc-root select.edd-select:not(.inp) { border-radius: 12px; }

/* Small inner tiles follow the 12px card corner. */
#dfc-root .snext,
#dfc-root .up-tile,
#dfc-root .ms-license,
#dfc-root .cpn-chip { border-radius: 12px; }

/* ---------- Font sizes (site scale: 13 / 14 / 15 / 16 / 18 / 20 / 22 / 32 / 40) ---------- */

/* Shared */
#dfc-root .back-link { font-size: 16px; }
#dfc-root .secure-pill { font-size: 15px; }
#dfc-root .nav-link { font-size: 16px; }
#dfc-root .fm-copy { font-size: 14px; }

/* Checkout */
/* Page headings = pricing page heading: 48px / 700 / 1.3 line height. */
#dfc-root h1.title, #dfc-root .dash-greet h1 { font-size: 48px; font-weight: 700; line-height: 1.3; letter-spacing: normal; }
#dfc-root .subtitle { font-size: 18px; }
#dfc-root .card-head h2 { font-size: 20px; }
#dfc-root .card-head .num { font-size: 13px; }
#dfc-root label.lbl { font-size: 15px; }
#dfc-root .hint { font-size: 14px; }
#dfc-root input.inp, #dfc-root select.inp { font-size: 16px; }
#dfc-root .err-msg { font-size: 14px; }
#dfc-root .check .txt { font-size: 16px; }
#dfc-root .buy-btn { font-size: 16px; font-weight: 700; }
#dfc-root .pay-note { font-size: 13px; }
#dfc-root .sum-top h3 { font-size: 18px; }
#dfc-root .prod .name { font-size: 16px; }
#dfc-root .prod .meta { font-size: 14px; }
#dfc-root .prod .remove { font-size: 13px; }
#dfc-root .prod .price { font-size: 16px; }
#dfc-root .disc-toggle { font-size: 15px; }
#dfc-root .renew-hint { font-size: 13px; }
#dfc-root .disc-row input, #dfc-root .disc-row button { font-size: 15px; }
#dfc-root .disc-msg { font-size: 14px; }
#dfc-root .entry-cancel { font-size: 14px; }
#dfc-root .trow { font-size: 16px; }
#dfc-root .trow.total { font-size: 22px; }
#dfc-root .guarantee .g-t { font-size: 15px; }
#dfc-root .guarantee .g-s { font-size: 14px; }
#dfc-root .trust-mini { font-size: 13px; }
#dfc-root .tm-slide blockquote { font-size: 14px; }
#dfc-root .empty-cart h2 { font-size: 24px; }
#dfc-root .empty-cart p { font-size: 15px; }
#dfc-root .ec-btn { font-size: 16px; font-weight: 700; }

/* Confirmation */
#dfc-root .eyebrow { font-size: 14px; }
#dfc-root .lead { font-size: 18px; max-width: 640px; }
#dfc-root .rec-head h3 { font-size: 18px; }
#dfc-root .rec-cell .v { font-size: 15px; }
#dfc-root .rec-row { font-size: 15px; }
#dfc-root .rec-row.paid { font-size: 18px; }
#dfc-root .lic-hint { font-size: 13px; }
#dfc-root .btn { font-size: 16px; font-weight: 700; }
#dfc-root .btn-copy { font-size: 14px; }
#dfc-root .snext .t { font-size: 15px; }
#dfc-root .snext .s { font-size: 13px; }
#dfc-root .divider span { font-size: 14px; }
#dfc-root .dfc-paddle p { font-size: 15px; }
#dfc-root .dfc-paddle #paddle_pay_now_btn { font-size: 16px; font-weight: 700; }

/* Offer section (confirmation + account) — section headings like the pricing page */
#dfc-root .up-eyebrow { font-size: 14px; }
#dfc-root .up-head h2 { font-size: 40px; }
#dfc-root .up-head p { font-size: 18px; max-width: 680px; }
#dfc-root .countdown { font-size: 16px; }
#dfc-root .up-banner .bt .k { font-size: 13px; }
#dfc-root .up-banner .bt .n { font-size: 22px; }
#dfc-root .up-body .desc { font-size: 15px; }
#dfc-root .up-feats li { font-size: 15px; }
#dfc-root .cpn-lead { font-size: 12px; }
#dfc-root .cpn-chip { font-size: 15px; }
#dfc-root .up-btn { font-size: 16px; font-weight: 700; }
#dfc-root .up-reassure { font-size: 14px; }
#dfc-root .decline a { font-size: 15px; }

/* Account */
#dfc-root .dash-greet p { font-size: 16px; }
#dfc-root .acct-tabs a { font-size: 15px; }
#dfc-root .dl-name { font-size: 16px; }
#dfc-root .dl-meta { font-size: 13px; }
#dfc-root .dl-btn { font-size: 14px; font-weight: 700; }
#dfc-root .lic-name { font-size: 16px; }
#dfc-root .lic-key { font-size: 13px; }
#dfc-root .lic-cell .v { font-size: 15px; }
#dfc-root .lic-btn { font-size: 14px; font-weight: 700; }
#dfc-root .lic-renew { font-size: 13px; }
#dfc-root .ph-table { font-size: 14px; }
#dfc-root .ph-actions a, #dfc-root .ph-complete { font-size: 14px; }
#dfc-root .sub-tx-title { font-size: 20px; }
#dfc-root .ms-title { font-size: 16px; }
#dfc-root .ms-product { font-size: 18px; }
#dfc-root .tab-empty h3 { font-size: 20px; }
#dfc-root .tab-empty p { font-size: 15px; }
#dfc-root .acct-intro { font-size: 15px; }
#dfc-root .acct-sec { font-size: 18px; }
#dfc-root .af-field label { font-size: 14px; }
#dfc-root .af-field input, #dfc-root .af-field select { font-size: 16px; }
#dfc-root .af-save { font-size: 16px; font-weight: 700; }
#dfc-root .lo-btn { font-size: 13px; font-weight: 700; }

/* ---------- Phones ---------- */
@media (max-width: 760px) {
	#dfc-root h1.title, #dfc-root .dash-greet h1 { font-size: 32px; }
	#dfc-root .up-head h2 { font-size: 30px; }
}

/* ---------- Buttons = pricing page "Get This Plan" (colors kept) ----------
 * Pricing: pill, 14px/16px padding (~56px tall), 16px/700, no resting shadow, no lift on hover,
 * hover shadow 0 5px 10px rgba(0,0,0,.3), 0.3s transition, 1px outline on secondary buttons. */
#dfc-root .buy-btn, #dfc-root .ec-btn, #dfc-root .btn, #dfc-root .up-btn, #dfc-root .af-save,
#dfc-root .decline a, #dfc-root .dfc-paddle #paddle_pay_now_btn, #dfc-root .dfc-paddle .paddle_button,
#dfc-root .lic-btn, #dfc-root .dl-btn, #dfc-root .btn-copy, #dfc-root .disc-row button, #dfc-root .lo-btn,
#dfc-root input[type=submit].edd-submit, #dfc-root .edd-submit.button {
	box-shadow: none;
	transform: none;
	transition: all .3s ease;
	letter-spacing: normal;
	text-transform: none;
}
#dfc-root .buy-btn:hover, #dfc-root .ec-btn:hover, #dfc-root .btn:hover, #dfc-root .up-btn:hover, #dfc-root .af-save:hover,
#dfc-root .decline a:hover, #dfc-root .dfc-paddle #paddle_pay_now_btn:hover, #dfc-root .dfc-paddle .paddle_button:hover,
#dfc-root .lic-btn:hover, #dfc-root .dl-btn:hover, #dfc-root .btn-copy:hover, #dfc-root .disc-row button:hover, #dfc-root .lo-btn:hover,
#dfc-root input[type=submit].edd-submit:hover, #dfc-root .edd-submit.button:hover {
	transform: none;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
}
#dfc-root .buy-btn:active, #dfc-root .btn:active { transform: none; }

/* Main actions: full pricing size. */
#dfc-root .buy-btn, #dfc-root .ec-btn, #dfc-root .btn, #dfc-root .up-btn, #dfc-root .af-save,
#dfc-root .decline a, #dfc-root .dfc-paddle #paddle_pay_now_btn, #dfc-root .dfc-paddle .paddle_button,
#dfc-root .dfc-login-card #edd_login_submit {
	height: 56px; padding: 0 32px; font-size: 16px; font-weight: 700; line-height: 1;
}
#dfc-root .buy-btn, #dfc-root .up-btn, #dfc-root .af-save, #dfc-root .dfc-login-card #edd_login_submit { padding: 0 16px; }

/* Inline actions (license cards, downloads, copy, apply): same style, compact height. */
#dfc-root .lic-btn, #dfc-root .dl-btn, #dfc-root .btn-copy, #dfc-root .disc-row button {
	height: 48px; padding: 0 22px; font-size: 15px; font-weight: 700;
}
#dfc-root .disc-row input { height: 48px; }

/* Table buttons. */
#dfc-root .lo-btn { height: 40px; padding: 0 16px; font-size: 14px; font-weight: 700; }

/* Secondary buttons: pricing outline weight (1px), colors unchanged. */
#dfc-root .lic-btn.ghost, #dfc-root .btn-ghost, #dfc-root .btn-copy, #dfc-root .decline a, #dfc-root .lo-btn.ghost { border-width: 1px; }
#dfc-root .lic-btn.primary, #dfc-root .btn.btn-primary { box-shadow: none; }
#dfc-root .lic-btn.primary:hover, #dfc-root .lic-btn.ghost:hover, #dfc-root .btn.btn-primary:hover, #dfc-root .btn.btn-ghost:hover { transform: none; box-shadow: 0 5px 10px rgba(0, 0, 0, .3); }

/* ---------- Offer cards: product logos + DiviFlash brand header ---------- */
/* Brand colors sampled from the product logos: DiviMotion #ff1a1a, DiviMerc #448821. */
/* Same dark-to-bright gradient as the design, ending in each logo's brand color. */
#dfc-root .up-banner.motion { background: linear-gradient(120deg, #a30d0d 0%, #FF1A1A 65%, #ff5252 130%); }
#dfc-root .up-banner.merc { background: linear-gradient(120deg, #2b5915 0%, #448821 65%, #5fa83a 130%); }
#dfc-root .up-tile.has-logo { background: none; border: 0; backdrop-filter: none; overflow: hidden; border-radius: 12px; box-shadow: 0 0 0 2px rgba(255, 255, 255, .55), 0 6px 16px -6px rgba(0, 0, 0, .45); }
#dfc-root .up-tile.has-logo img { display: block; width: 52px; height: 52px; object-fit: cover; border-radius: 12px; }
/* Sale ribbon stays readable on the brand-colored headers. */
#dfc-root .up-banner.motion .sale-ribbon { background: #fff; color: #ff1a1a; }
#dfc-root .up-banner.merc .sale-ribbon { background: #fff; color: #448821; }