/* PeptideLab custom footer (see inc/footer.php) — light theme matching the store. */

/* hide Blocksy's default footer (we render our own via wp_footer) */
.ct-footer { display: none !important; }

.pl-footer {
	--f-bg: #f4f8fc;
	--f-line: #dde6f0;
	--f-head: #16202e;
	--f-link: #566577;
	--f-mut: #8492a2;
	--f-azure: #2ea6e6;
	--f-blue: #1f6feb;
	--f-wa: #25d366;

	background: var(--f-bg);
	color: var(--f-link);
	font-family: var(--pl-font, "Heebo", system-ui, sans-serif);
	direction: rtl;
	text-align: right;
	line-height: 1.6;
	border-top: 3px solid transparent;
	border-image: linear-gradient(90deg, var(--f-blue), var(--f-azure)) 1;
}
.pl-footer * { box-sizing: border-box; }

.pl-footer__inner { max-width: 1180px; margin: 0 auto; padding: 0 24px; }

.pl-footer__cols {
	display: grid;
	grid-template-columns: 1fr 1fr 2.1fr 1.7fr;
	gap: 40px;
	padding: 52px 0 40px;
}

.pl-footer__h {
	color: var(--f-head);
	font-size: 15px;
	font-weight: 600;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--f-line);
}

.pl-footer__col ul { list-style: none; margin: 0; padding: 0; }
.pl-footer__col li { margin-bottom: 11px; }
.pl-footer a { color: var(--f-link); text-decoration: none; font-size: 14px; transition: color .15s ease; }
.pl-footer a:hover { color: var(--f-blue); }

/* peptide index — two sub-columns */
.pl-footer__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px 26px; }

/* brand + logo tile */
.pl-footer__logo { display: inline-block; background: #fff; border: 1px solid var(--f-line); border-radius: 14px; padding: 14px 18px; line-height: 0; box-shadow: 0 1px 3px rgba(16,32,46,.05); }
.pl-footer__logo img { display: block; width: 200px; max-width: 100%; height: auto; }
.pl-footer__logo--text { font-size: 23px; font-weight: 700; color: var(--f-head); line-height: 1.1; padding: 14px 18px; }
.pl-footer__tag { color: var(--f-mut); font-size: 13.5px; line-height: 1.75; margin: 16px 0 18px; max-width: 320px; }
.pl-footer__wa { display: inline-flex; align-items: center; gap: 8px; background: var(--f-wa); color: #fff !important; padding: 10px 18px; border-radius: 11px; font-size: 14px; font-weight: 600; }
.pl-footer__wa:hover { background: #1fbe5b; color: #fff !important; }
.pl-footer__wa svg { width: 18px; height: 18px; }

/* bottom bar */
.pl-footer__bottom {
	border-top: 1px solid var(--f-line);
	padding: 20px 0 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	flex-wrap: wrap;
}
.pl-footer__copy { color: var(--f-link); font-size: 13px; }
.pl-footer__note { color: var(--f-mut); font-size: 12.5px; }
.pl-footer__social { display: flex; gap: 10px; }
.pl-footer__social a { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--f-line); border-radius: 50%; color: var(--f-link); background: #fff; }
.pl-footer__social a:hover { border-color: var(--f-blue); color: var(--f-blue); }
.pl-footer__social svg { width: 18px; height: 18px; }

/* responsive */
@media (max-width: 900px) {
	.pl-footer__cols { grid-template-columns: 1fr 1fr; gap: 30px; padding: 40px 0 32px; }
	.pl-footer__brand { grid-column: 1 / -1; order: -1; }
	.pl-footer__index { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
	.pl-footer__cols { grid-template-columns: 1fr; }
	.pl-footer__grid { grid-template-columns: 1fr 1fr; }
	.pl-footer__bottom { flex-direction: column; align-items: flex-start; text-align: right; padding-bottom: 32px; }
}
