/* Kasa Dane Otwarte GOV – układ i formularze WooCommerce w stylu daneotwartegov.pl */
@font-face { font-family: 'Inter'; src: url('fonts/inter-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('fonts/inter-500.woff2') format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('fonts/inter-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('fonts/inter-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }

body.dogc-body {
	--ink: #101c19; --muted: #5f6b66; --line: #e1e9e4; --tint: #f1f5ed; --g: #0c9256; --g-dark: #087443; --g-soft: #e5f5e9; --bad: #b42318;
	margin: 0; background: #fff; color: var(--ink); -webkit-font-smoothing: antialiased;
}
/* Krój i reset tylko dla kasy – sekcje ze strony głównej pod nią zachowują swoje style */
.dogc-top, .dogc, .dogc-foot { font: 400 15px/1.55 'Inter', 'Inter Fallback', Arial, sans-serif; color: var(--ink); }
.dogc-body *, .dogc-body *::before, .dogc-body *::after { box-sizing: border-box; }
:where(.dogc-top, .dogc, .dogc-foot) a { color: var(--g-dark); }
:where(.dogc-top, .dogc, .dogc-foot) :where(h1, h2, h3) { margin: 0; }

/* ---------- Pasek ---------- */
.dogc-top { max-width: 1240px; margin: 0 auto; padding: 22px 20px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; }
.dogc-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink) !important; font-size: 19px; font-weight: 500; letter-spacing: -.02em; text-decoration: none; }
.dogc-secure { display: inline-flex; align-items: center; gap: 7px; font-size: 13.5px; font-weight: 600; }
.dogc-secure svg { width: 15px; height: 15px; color: var(--g); }
.dogc-back { justify-self: end; display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: var(--muted) !important; text-decoration: none; }
.dogc-back svg { width: 14px; height: 14px; }
.dogc-back:hover { color: var(--ink) !important; }

/* ---------- Układ ---------- */
.dogc { max-width: 1240px; margin: 0 auto; padding: 40px 20px 96px; }
.dogc-grid { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 48px; align-items: start; }
.dogc-right { margin-top: 0; }
.dogc-right { position: sticky; top: 24px; }
.dogc-block + .dogc-block { margin-top: 36px; }
.dogc-h { display: flex; align-items: center; gap: 12px; margin-bottom: 18px !important; font-size: 22px; font-weight: 500; letter-spacing: -.02em; }
.dogc-h span { width: 30px; height: 30px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--ink); color: #fff; font-size: 14px; font-weight: 600; }

/* ---------- Wybór zakresu ---------- */
.dogc-item { position: relative; display: flex; gap: 14px; padding: 20px 22px; border: 1px solid #dfe7e2; border-radius: 18px; background: #fff; cursor: pointer; transition: border-color .2s, background .2s, box-shadow .2s; }
.dogc-items { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.dogc .form-row.dogc-domain { margin: 22px 0 0; }
.dogc-intro { margin-bottom: 36px; }
.dogc-intro .paragraph { color: #2f3d38; max-width: 680px; }
.dogc-item:hover { border-color: #b9dcc6; }
.dogc-item.is-on { border-color: var(--g-dark); background: #f6fbf8; box-shadow: 0 12px 30px rgba(8, 116, 67, .08); }
.dogc-item.is-locked { cursor: default; }
.dogc-item.is-busy { opacity: .6; pointer-events: none; }
.dogc-toggle { position: absolute; opacity: 0; pointer-events: none; }
.dogc-toggle:focus-visible + .dogc-tick { outline: 2px solid var(--g); outline-offset: 2px; }
.dogc-tick { width: 24px; height: 24px; flex: none; margin-top: 1px; border-radius: 7px; border: 1.5px solid #c3d2c9; display: grid; place-items: center; color: transparent; background: #fff; transition: background .2s, border-color .2s, color .2s; }
.dogc-tick svg { width: 16px; height: 16px; }
.dogc-item.is-on .dogc-tick { background: var(--g-dark); border-color: var(--g-dark); color: #fff; }
.dogc-item-main { display: grid; gap: 6px; min-width: 0; }
.dogc-item-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 14px; }
.dogc-item-head b { font-size: 17px; font-weight: 600; letter-spacing: -.01em; }
.dogc-item-head em { font-style: normal; font-weight: 600; color: var(--g-dark); white-space: nowrap; }
.dogc-item-head em s { margin-right: 4px; font-weight: 500; color: #8a948f; text-decoration-thickness: 2px; text-decoration-color: #d0453b; }
.dogc-item-desc { color: #3f4a46; font-size: 14px; }
.dogc-item-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.dogc-item-tags span { padding: 3px 10px; border-radius: 999px; background: var(--g-soft); color: var(--g-dark); font-size: 12px; font-weight: 500; }

/* ---------- Pola formularza (WooCommerce) ---------- */
.dogc-billing .woocommerce-billing-fields > h3, .dogc-billing .woocommerce-account-fields > h3 { display: none; }
.dogc-billing .woocommerce-billing-fields__field-wrapper, .dogc-billing .create-account { display: flex; flex-wrap: wrap; gap: 0 16px; }
.dogc .form-row { width: 100%; margin: 0 0 16px; padding: 0; }
.dogc .form-row-first, .dogc .form-row-last { width: calc(50% - 8px); }
.dogc .form-row label { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; }
.dogc .form-row label.checkbox, .dogc .form-row label.woocommerce-form__label-for-checkbox { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.dogc .form-row .required { color: var(--bad); text-decoration: none; border: 0; }
.dogc .form-row .optional { color: var(--muted); font-weight: 400; }
.dogc .woocommerce-input-wrapper { display: block; }
.dogc input.input-text, .dogc select, .dogc textarea, .dogc .select2-container .select2-selection--single, .dogc-coupon input {
	width: 100%; height: 50px; padding: 0 16px; border: 1px solid #cfdcd4; border-radius: 14px; background: #fff;
	font: 400 15px/48px 'Inter', 'Inter Fallback', Arial, sans-serif; color: var(--ink); outline: none; transition: border-color .15s, box-shadow .15s;
}
.dogc .select2-container { width: 100% !important; }
.dogc .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 48px; color: var(--ink); }
.dogc .select2-container .select2-selection--single .select2-selection__arrow { height: 48px; right: 10px; }
.dogc input.input-text:focus, .dogc select:focus, .dogc-coupon input:focus, .dogc .select2-container--focus .select2-selection--single { border-color: var(--g); box-shadow: 0 0 0 3px rgba(12, 146, 86, .15); }
.dogc .woocommerce-invalid input.input-text, .dogc .woocommerce-invalid .select2-selection { border-color: var(--bad); }
.dogc .form-row .description { display: block !important; margin-top: 6px; padding: 0; background: none; color: var(--muted); font-size: 12.5px; }
.dogc .form-row .description::before { display: none; }


/* ---------- Podsumowanie (własne znaczniki: templates/review-order.php) ---------- */
.dogc-summary { padding: 24px; border-radius: 24px; background: #f1f5ed; border: 1px solid #e1eadc; }
.dogc-sum-h { margin: 0 0 16px !important; font-size: 13px; font-weight: 500; line-height: 1.4; letter-spacing: 1px; text-transform: uppercase; color: #087443; }
.dogc-sum { font-size: 15px; line-height: 22px; letter-spacing: -.2px; color: #101c19; }
.dogc-sum-items { margin: 0; padding: 0; list-style: none; }
.dogc-sum-item { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 12px 0; border-top: 1px solid #dde6da; }
.dogc-sum-item:first-child { padding-top: 0; border-top: 0; }
.dogc-sum-name { min-width: 0; font-weight: 500; }
.dogc-sum-name small { display: block; margin-top: 2px; font-size: 13px; line-height: 19px; font-weight: 400; letter-spacing: 0; color: #4b5552; }
.dogc-sum-price { flex: none; font-weight: 500; white-space: nowrap; }
.dogc-sum-totals { margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid #dde6da; }
.dogc-sum-totals > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 4px 0; }
.dogc-sum-totals dt { margin: 0; color: #4b5552; font-weight: 400; }
.dogc-sum-totals dd { margin: 0; color: #4b5552; text-align: right; white-space: nowrap; }
.dogc-sum-totals .is-discount dd { color: #087443; }
.dogc-sum-totals .is-total { margin-top: 10px; padding-top: 14px; border-top: 1px solid #dde6da; }
.dogc-sum-totals .is-total dt { color: #101c19; font-weight: 500; }
.dogc-sum-totals .is-total dd, .dogc-sum-totals .is-total dd strong { color: #101c19; font-size: 26px; line-height: 32px; font-weight: 600; letter-spacing: -.8px; }
.dogc-sum-totals .is-total .includes_tax { display: block; font-size: 12.5px; line-height: 18px; font-weight: 400; letter-spacing: 0; color: #4b5552; }
.dogc-sum-totals .woocommerce-remove-coupon { margin-left: 6px; font-size: 12.5px; }

.dogc-coupon { margin-top: 16px; padding-top: 16px; border-top: 1px solid #dde6da; }
.dogc-coupon label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #4b5552; }
.dogc-coupon > div { display: flex; gap: 8px; }
.dogc .dogc-coupon input { background: #fff; height: 48px; padding: 0 20px; line-height: 46px; border: 1px solid rgba(17, 17, 17, .12); border-radius: 999px; font-size: 15px; }
.dogc-coupon-btn { flex: none; height: 48px; padding: 0 22px; border: 1px solid #111; border-radius: 999px; background: #111; color: #fff; font: 500 16px 'Inter', 'Inter Fallback', Arial, sans-serif; letter-spacing: -.01em; cursor: pointer; transition: background .2s; }
.dogc-coupon-btn:hover { background: #087443; border-color: #087443; }
.dogc-coupon-msg { margin: 8px 0 0; font-size: 13px; color: #087443; }
.dogc-coupon-msg:empty { display: none; }
.dogc-coupon-msg.is-error { color: var(--bad); }

/* Płatność */
.dogc #payment { margin-top: 16px; padding-top: 16px; border-top: 1px solid #dde6da; background: none; border-radius: 0; }
.dogc #payment ul.payment_methods { margin: 0; padding: 0; list-style: none; border: 0; }
.dogc #payment ul.payment_methods > li { margin: 0 0 12px; padding: 14px 16px; border: 1px solid #dde6da; border-radius: 16px; background: #fff; font-size: 15px; line-height: 22px; }
.dogc #payment ul.payment_methods > li > label { font-weight: 500; cursor: pointer; }
.dogc #payment ul.payment_methods > li > input { margin-right: 8px; accent-color: #087443; }
.dogc #payment ul.payment_methods li img { max-height: 22px; vertical-align: middle; margin-left: 4px; }
.dogc #payment div.payment_box { margin: 14px 0 0; padding: 0; background: none; color: #101c19; font-size: 15px; }
.dogc #payment div.payment_box::before { display: none; }
.dogc #payment div.payment_box fieldset { margin: 0; padding: 0; border: 0; }
.dogc #payment .place-order { margin: 4px 0 0; padding: 0; }
.dogc .woocommerce-privacy-policy-text p, .dogc .woocommerce-terms-and-conditions-wrapper { margin: 0; font-size: 13px; line-height: 20px; color: #6b7671; }
.dogc .woocommerce-terms-and-conditions-wrapper .form-row { margin: 12px 0 0; }
.dogc .woocommerce-terms-and-conditions-wrapper label { font-size: 14px; line-height: 21px; font-weight: 400 !important; color: #101c19; }
.dogc #place_order {
	width: 100%; height: 52px; margin-top: 18px; border: 1px solid #111; border-radius: 999px; background: #111; color: #fff;
	font: 500 16px 'Inter', 'Inter Fallback', Arial, sans-serif; letter-spacing: -.01em; cursor: pointer; transition: background .2s, border-color .2s;
}
.dogc #place_order:hover { background: #087443; border-color: #087443; }
.dogc .blockUI.blockOverlay { border-radius: 24px; }
.dogc-note { margin: 16px 0 0; font-size: 13px; line-height: 20px; color: #6b7671; }
/* Płatność – metody jako karty wyboru, pola Stripe/BLIK jak reszta formularza */
.dogc #payment::before { content: 'Płatność'; display: block; margin-bottom: 12px; font-size: 13px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: #4b5552; }
.dogc #payment ul.payment_methods > li { position: relative; transition: border-color .2s, box-shadow .2s; }
.dogc #payment ul.payment_methods > li:has(> input:checked), .dogc #payment ul.payment_methods > li:only-child { border-color: #087443; box-shadow: 0 8px 22px rgba(8, 116, 67, .08); }
.dogc #payment ul.payment_methods > li > input[type=radio] {
	-webkit-appearance: none; appearance: none; width: 20px; height: 20px; margin: 0 10px 0 0; vertical-align: -4px;
	border: 1.5px solid #c3d2c9; border-radius: 50%; background: #fff; cursor: pointer; transition: border .15s;
}
.dogc #payment ul.payment_methods > li > input[type=radio]:checked { border: 6px solid #087443; }
.dogc #payment ul.payment_methods > li > label { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 6px; font-size: 15px; }
.dogc #payment ul.payment_methods li img { max-height: 24px; margin: 0 0 0 auto; }
.dogc #payment div.payment_box { margin-top: 12px; padding-top: 12px; border-top: 1px dashed #dde6da; font-size: 14px; line-height: 21px; color: #3f4a46; }
.dogc #payment div.payment_box p { margin: 0 0 10px; }
.dogc #payment div.payment_box .form-row { margin: 10px 0 0; }
.dogc #payment div.payment_box input.input-text, .dogc #payment div.payment_box input[type=text], .dogc #payment div.payment_box input[type=tel] {
	width: 100%; height: 50px; padding: 0 16px; border: 1px solid #cfdcd4; border-radius: 14px; background: #fff;
	font: 500 18px/48px 'Inter', 'Inter Fallback', Arial, sans-serif; letter-spacing: .12em; color: #101c19; box-shadow: none;
}
.dogc #payment div.payment_box input:focus { border-color: #0c9256; box-shadow: 0 0 0 3px rgba(12, 146, 86, .15); outline: none; }
.dogc #payment .woocommerce-SavedPaymentMethods { margin: 0 0 10px; padding: 0; list-style: none; }
.dogc #payment .woocommerce-SavedPaymentMethods li { margin: 0 0 6px; }
.dogc #payment .woocommerce-SavedPaymentMethods input { accent-color: #087443; margin-right: 6px; }
.dogc #payment .woocommerce-SavedPaymentMethods-saveNew { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 13.5px; }
.dogc #payment .woocommerce-SavedPaymentMethods-saveNew input { accent-color: #087443; margin: 0; }
.dogc #payment .wc-stripe-upe-element, .dogc #payment .wc-stripe-elements-field, .dogc #payment .StripeElement { margin-top: 4px; }
.dogc #payment .testmode-info, .dogc #payment .wc-stripe-test-mode-notice { padding: 10px 12px; border-radius: 12px; background: #fff7e6; color: #7a4b00; font-size: 13px; }
.dogc #payment .woocommerce-notice, .dogc #payment .woocommerce-info { margin: 0; }

/* Komunikaty */
.dogc-notices:empty { display: none; }
.dogc .woocommerce-error, .dogc .woocommerce-message, .dogc .woocommerce-info, .dogc-notices ul {
	list-style: none; margin: 0 0 20px; padding: 14px 18px; border: 0; border-radius: 14px; background: #fdecea; color: #7a1a12; font-size: 14px;
}
.dogc .woocommerce-message, .dogc .woocommerce-info { background: var(--g-soft); color: var(--g-dark); }
.dogc .woocommerce-error li + li { margin-top: 4px; }
.dogc .woocommerce-NoticeGroup { grid-column: 1 / -1; }
.dogc-login { padding: 18px; border-radius: 14px; background: var(--tint); }

/* Stopka */
.dogc-foot { max-width: 1240px; margin: 0 auto; padding: 22px 20px 36px; border-top: 1px solid var(--line); display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 20px; font-size: 13px; color: var(--muted); }
.dogc-foot a { color: var(--muted) !important; text-decoration: none; }
.dogc-foot a:hover { color: var(--ink) !important; }

/* ---------- Telefon i tablet ---------- */
@media (max-width: 960px) {
	.dogc-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.dogc-right { position: static; }
}
@media (max-width: 640px) {
	.dogc-top { grid-template-columns: 1fr auto; padding: 16px; }
	.dogc-secure { display: none; }
	.dogc-brand { font-size: 17px; }
	.dogc { padding: 16px 16px 64px; }
	.dogc-intro { margin-bottom: 28px; }
	.dogc-h { font-size: 19px; }
	.dogc-item { padding: 16px; gap: 12px; }
	.dogc .form-row-first, .dogc .form-row-last { width: 100%; }
	.dogc-summary { padding: 20px 16px; border-radius: 20px; }
	.dogc-foot { flex-direction: column; }
}

/* Sekcje ze strony głównej pod kasą */
.dogc-home { border-top: 1px solid var(--line); }
.dogc-home #w-cenie { padding-top: 96px; }
@media (max-width: 640px) { .dogc-home #w-cenie { padding-top: 56px; } }