/* Start custom CSS for html, class: .elementor-element-4bdc089 *//* =========================================================
   MSklucze.pl – Reklamacja (/reklamacja/) + wtyczka [wpcs_complaint]
   Wklej do: Wygląd → Dostosuj → Dodatkowy CSS
   ========================================================= */

.msr {
	--a: #287aff; --ad: #1a5fd6; --ink: #0f172a; --tx: #5b6472;
	--soft: #f5f7fa; --line: #e7ecf3;
	color: var(--tx); font-size: 16px; line-height: 1.65;
	padding: 10px 0 30px;
}
.msr h1, .msr h3 { color: var(--ink); margin: 0; line-height: 1.2; font-weight: 700; }
.msr p { margin: 0 0 12px; }
.msr b { color: var(--ink); font-weight: 600; }
.msr svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ---------- Nagłówek ---------- */
.msr-hero { max-width: 720px; margin: 0 0 36px; }
.msr-label {
	display: flex; align-items: center; gap: 12px; margin-bottom: 14px;
	color: var(--a); font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
.msr-label::before { content: ""; width: 28px; height: 2px; background: var(--a); }
.msr-hero h1 { font-size: 40px; margin-bottom: 14px; letter-spacing: -.01em; }
.msr-hero p { font-size: 17.5px; margin: 0; }

/* ---------- Układ ---------- */
.msr-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: start; }
.msr-side { display: flex; flex-direction: column; gap: 16px; }
@media (min-width: 1025px) { .msr-main { position: sticky; top: 110px; } }

/* ---------- Boksy boczne ---------- */
.msr-box { padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.msr-box h3 { font-size: 18px; margin-bottom: 14px; }
.msr-box p { font-size: 15px; }
.msr-box--soft { background: var(--soft); }
.msr-box--dark { background: var(--ink); border-color: var(--ink); }
.msr-box--dark h3 { color: #fff; margin-bottom: 8px; }
.msr-box--dark p { color: #b6c0cf; }

.msr-steps { list-style: none; margin: 0; padding: 0; counter-reset: k; }
.msr-steps li {
	position: relative; counter-increment: k; margin: 0; padding: 0 0 16px 44px;
}
.msr-steps li:last-child { padding-bottom: 0; }
.msr-steps li::before {
	content: counter(k); position: absolute; left: 0; top: 0;
	display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%;
	border: 1.5px solid var(--a); color: var(--a); font-size: 13.5px; font-weight: 700;
}
.msr-steps b { display: block; font-size: 15.5px; line-height: 1.4; margin-bottom: 2px; }
.msr-steps span { display: block; font-size: 14.5px; line-height: 1.55; }

.msr-link {
	display: flex; justify-content: space-between; align-items: center; gap: 10px;
	margin-top: 6px; padding: 12px 16px; border-radius: 10px; background: #fff; border: 1px solid var(--line);
	color: var(--ink) !important; font-size: 15px; font-weight: 600; text-decoration: none !important;
	transition: border-color .2s, color .2s;
}
.msr-link svg { width: 18px; height: 18px; flex: none; color: var(--a); }
.msr-link:hover { border-color: var(--a); color: var(--a) !important; }

.msr-btn {
	display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 6px;
	border-radius: 10px; background: #fff; color: var(--ink) !important;
	font-size: 15px; font-weight: 600; text-decoration: none !important; transition: background .2s;
}
.msr-btn:hover { background: #e8eef8; }

.msr-secure { display: flex; align-items: center; gap: 8px; margin: 14px 0 0 !important; font-size: 13.5px; color: #8a93a3; }
.msr-secure svg { width: 16px; height: 16px; flex: none; }

/* =========================================================
   Wtyczka reklamacji – jasny motyw (formularz, czat, pliki)
   ========================================================= */
.msr .wpcs-complaint,
.msr .wpcs-live-box {
	--wpcs-front-bg: #ffffff;
	--wpcs-front-text: #0f172a;
	--wpcs-front-accent: #287aff;
	--wpcs-front-border: #e7ecf3;
	--wpcs-front-border-strong: #d6dde8;
	--wpcs-front-muted: #5b6472;
	--wpcs-front-panel: #f5f7fa;
	--wpcs-front-panel-strong: #eef2f7;
	--wpcs-front-surface: #f5f7fa;
	--wpcs-front-input-bg: #ffffff;
	--wpcs-front-focus: rgba(40, 122, 255, .18);
	--wpcs-front-shadow: none;
	--wpcs-front-btn-text: #ffffff;
	--wpcs-front-radius: 14px;
}
.msr .wpcs-complaint {
	max-width: none !important; margin: 0 !important; padding: 34px !important;
	background: #fff !important; border: 1px solid #e7ecf3 !important; border-radius: 14px !important;
	box-shadow: 0 18px 40px rgba(15, 23, 42, .06) !important;
	color: #5b6472; text-align: left !important;
}
.msr .wpcs-complaint .wpcs-h3,
.msr .wpcs-complaint h3 {
	margin: 0 0 8px !important; color: #0f172a !important; text-align: left !important;
	font-size: 24px !important; line-height: 1.25; font-weight: 700;
}
.msr .wpcs-complaint > p { margin: 0 0 24px !important; color: #5b6472 !important; font-size: 15.5px !important; line-height: 1.65; text-align: left !important; }

.msr .wpcs-captcha-form .input-wrapper { margin: 0 0 14px !important; padding: 0 !important; }
.msr .wpcs-complaint input[type="text"],
.msr .wpcs-complaint input[type="email"],
.msr .wpcs-complaint input[type="number"],
.msr .wpcs-complaint textarea {
	width: 100% !important; height: 52px; padding: 0 18px !important;
	background: #fff !important; border: 1px solid #d6dde8 !important; border-radius: 10px !important;
	color: #0f172a !important; font-size: 15.5px !important; text-align: left !important;
	box-shadow: none !important; transition: border-color .2s, box-shadow .2s;
	-moz-appearance: textfield;
}
.msr .wpcs-complaint textarea { height: auto; min-height: 130px; padding: 14px 18px !important; line-height: 1.6; }
.msr .wpcs-complaint input::-webkit-outer-spin-button,
.msr .wpcs-complaint input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.msr .wpcs-complaint input::placeholder,
.msr .wpcs-complaint textarea::placeholder { color: #9aa3b2 !important; opacity: 1; }
.msr .wpcs-complaint input:focus,
.msr .wpcs-complaint textarea:focus {
	border-color: #287aff !important; box-shadow: 0 0 0 4px #e8f1ff !important; outline: none;
}

.msr .wpcs-complaint .button,
.msr .wpcs-complaint button[type="submit"] {
	width: 100%; min-height: 52px; margin-top: 4px; padding: 0 24px !important;
	background: #287aff !important; border: 0 !important; border-radius: 10px !important;
	color: #fff !important; font-size: 15.5px !important; font-weight: 600 !important;
	text-transform: none !important; letter-spacing: 0 !important; box-shadow: none !important;
	transition: background .2s;
}
.msr .wpcs-complaint .button:hover,
.msr .wpcs-complaint button[type="submit"]:hover { background: #1a5fd6 !important; }

/* czat */
.msr .wpcs-thread { border-radius: 12px; }
.msr .wpcs-msg { border-radius: 12px !important; }
.msr .wpcs-customer { background: #e8f1ff !important; color: #0f172a !important; }
.msr .wpcs-admin { background: #f5f7fa !important; color: #0f172a !important; border: 1px solid #e7ecf3 !important; }
.msr .wpcs-meta { color: #8a93a3 !important; }

/* ---------- Responsywność ---------- */
@media (max-width: 1024px) {
	.msr-grid { grid-template-columns: 1fr; }
	.msr-side { display: grid; grid-template-columns: repeat(2, 1fr); }
	.msr-box--dark { grid-column: 1 / -1; }
}
@media (max-width: 767px) {
	.msr-hero { margin-bottom: 24px; }
	.msr-hero h1 { font-size: 30px; }
	.msr-hero p { font-size: 16px; }
	.msr .wpcs-complaint { padding: 22px 18px !important; }
	.msr .wpcs-complaint .wpcs-h3, .msr .wpcs-complaint h3 { font-size: 21px !important; }
	.msr-side { display: flex; }
	.msr-box { padding: 22px 18px; }
}/* End custom CSS */