/**
 * Magnet layout & typography overrides for Swyft inner pages.
 */

@font-face {
	font-family: 'Vazirmatn';
	src: url('/wp-content/themes/patoughi/assets/fonts/Vazirmatn-Variable.woff2') format('woff2-variations');
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

:root {
	--cs-font-base-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-primary-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-secondary-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-headings-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-post-title-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-post-subtitle-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-entry-title-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-entry-excerpt-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-category-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-post-meta-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-post-content-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-input-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-menu-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-submenu-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-footer-menu-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	--cs-font-footer-submenu-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
}

/* Patoughi Design Tokens & Utility Classes */
.text-brand-indigo { color: #6366f1 !important; }
.bg-brand-indigo-soft { background-color: #eef2ff !important; }
.text-brand-amber { color: #d97706 !important; }
.bg-brand-amber-soft { background-color: #fffbeb !important; }
.bg-muted { background-color: #f8fafc !important; }
.bg-card { background-color: #ffffff !important; }
.text-foreground { color: #0f172a !important; }
.text-muted-foreground { color: #64748b !important; }
.border-border { border-color: #e2e8f0 !important; }

/* Universal Font Family Enforcement for All Blog & Layout Elements */
body,
h1, h2, h3, h4, h5, h6,
.single-post, .archive, .blog-inner,
.entry-content, .cs-entry__content,
.cs-entry__title, .cs-entry__title a,
.cs-page__title, .cs-post-title,
.cs-widget-title, .widget-title,
.entry-title, .entry-title a,
.cs-sidebar__area, .widget,
.magnet-cat-title, .magnet-toc-title {
	font-family: 'Vazirmatn', 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
}

/* Light font weight (200 / 300) for readable body text on blog posts */
.entry-content p,
.cs-entry__content p {
	font-weight: 300 !important;
}

.entry-content,
.cs-entry__content {
	font-size: 1.125rem !important; /* 18px */
	line-height: 2.1 !important;
	color: #334155 !important;
	font-weight: 300 !important;
}

.entry-content h1, .cs-entry__content h1 { font-size: 2.125rem !important; line-height: 1.4 !important; font-weight: 700 !important; margin-top: 2rem !important; margin-bottom: 1rem !important; }
.entry-content h2, .cs-entry__content h2 { font-size: 1.75rem !important; line-height: 1.4 !important; font-weight: 700 !important; margin-top: 2rem !important; margin-bottom: 1rem !important; }
.entry-content h3, .cs-entry__content h3 { font-size: 1.375rem !important; line-height: 1.5 !important; font-weight: 600 !important; margin-top: 1.75rem !important; margin-bottom: 0.75rem !important; }
.entry-content h4, .cs-entry__content h4 { font-size: 1.15rem !important; line-height: 1.6 !important; font-weight: 600 !important; margin-top: 1.5rem !important; margin-bottom: 0.75rem !important; }

.entry-content p, .cs-entry__content p {
	margin-bottom: 1.5rem !important;
}

.entry-content ul, .entry-content ol,
.cs-entry__content ul, .cs-entry__content ol,
.post-categories, .cs-meta-category ul {
	padding-right: 0 !important;
	margin-bottom: 1.5rem !important;
}

.entry-content li, .cs-entry__content li {
	margin-bottom: 0.5rem !important;
	line-height: 1.9 !important;
}

/* Fix sidebar width and layout proportion */
@media (min-width: 992px) {
	.cs-sidebar-right .cs-main-content,
	.cs-sidebar-left .cs-main-content {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 300px !important;
		gap: 2.5rem !important;
	}
}

@media (min-width: 1200px) {
	.cs-sidebar-right .cs-main-content,
	.cs-sidebar-left .cs-main-content {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 320px !important;
		gap: 3rem !important;
	}
}

@media (min-width: 1660px) {
	.cs-sidebar-right .cs-main-content,
	.cs-sidebar-left .cs-main-content {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) 340px !important;
		gap: 3.5rem !important;
	}
}

.cs-sidebar__area {
	max-width: 100% !important;
}

.text-white {
	color: #ffffff !important;
}

body.patoughi-layout,
body.magnet-layout {
	margin: 0;
	background: #fff;
}

/* Fix inner pages and blog layout container spacing and bounds */
.cs-site-inner {
	width: 100% !important;
	box-sizing: border-box !important;
}

.cs-container,
.cs-site-content,
body:not(.home) .cs-site-content {
	max-width: 1240px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
	box-sizing: border-box !important;
}

@media (min-width: 1200px) {
	.cs-container,
	.cs-site-content,
	body:not(.home) .cs-site-content {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}

/* Ensure landing buttons keep Next.js Tailwind styles instead of Swyft theme button styles */
body.home button {
	background-color: initial;
	color: initial;
}

body.home button.bg-blue-600 {
	background-color: #2563eb !important;
	color: #ffffff !important;
}

body.home button.bg-blue-600:hover {
	background-color: #1d4ed8 !important;
	color: #ffffff !important;
}

body.home button.hover\:bg-gray-100:hover {
	background-color: #f3f4f6 !important;
}

body.home button.hover\:bg-blue-700:hover {
	background-color: #1d4ed8 !important;
}

/* Fix badge text color inside light rounded containers */
body.home .bg-white .text-gray-500,
body.home .bg-gray-50 .text-gray-500,
body.home .bg-gray-50 p,
body.home span.rounded-full p,
body.home span.rounded-full span {
	color: #4b5563 !important;
}

/* Fix CTA footer text overlap & font sizing */
#site-footer h2.text-4xl,
#site-footer h2.md\:text-\[100px\] {
	line-height: 1.25 !important;
	margin-bottom: 1.5rem !important;
}

#site-footer p.text-2xl,
#site-footer p.md\:text-xl {
	line-height: 1.6 !important;
	margin-top: 0.5rem !important;
	margin-bottom: 2rem !important;
}

/* Bright text color for Home Hero 1 subtitle & metadata */
.cs-home-hero .cs-entry__subtitle,
.cs-hero-type-1 .cs-entry__subtitle,
.cs-hero-type-1 .cs-entry__title,
.cs-hero-type-1 .cs-entry__title a {
	color: #ffffff !important;
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.7) !important;
}

.cs-home-hero .cs-entry__subtitle {
	font-size: 1.125rem !important;
	line-height: 1.8 !important;
	font-weight: 400 !important;
	color: #f1f5f9 !important; /* Bright Slate 100 */
	opacity: 0.95 !important;
}

.cs-home-hero .cs-entry__meta,
.cs-home-hero .cs-entry__meta * {
	color: #e2e8f0 !important; /* Bright Slate 200 */
}

/* Blog & Category Titles Sizing Overrides */

/* Category / Archive / Page Header Titles */
.cs-page__header .cs-page__title,
h1.cs-page__title {
	font-size: 1.75rem !important; /* 28px */
	line-height: 1.35 !important;
	font-weight: 700 !important;
}

@media (max-width: 767.98px) {
	.cs-page__header .cs-page__title,
	h1.cs-page__title {
		font-size: 1.35rem !important; /* 21.6px */
	}
}

/* Single Post Page Header Titles */
.cs-entry__header .cs-entry__title,
.cs-entry__full-header .cs-entry__title,
.cs-entry__header-info .cs-entry__title {
	font-size: 1.875rem !important; /* 30px */
	line-height: 1.35 !important;
	font-weight: 700 !important;
}

@media (max-width: 767.98px) {
	.cs-entry__header .cs-entry__title,
	.cs-entry__full-header .cs-entry__title,
	.cs-entry__header-info .cs-entry__title {
		font-size: 1.35rem !important; /* 21.6px */
	}
}

/* Post Cards & Listing Entry Titles (Category & Home & Archive Grid/List) */
.cs-entry__title,
.cs-entry__title a {
	font-size: 1.15rem !important; /* 18.4px */
	line-height: 1.45 !important;
	font-weight: 600 !important;
}

@media (min-width: 992px) {
	.cs-entry__title,
	.cs-entry__title a {
		font-size: 1.25rem !important; /* 20px */
	}
}

/* Table of Contents (TOC) Box - آنچه در این مقاله می‌خوانید */
.magnet-toc-box {
	background-color: #f8fafc !important;
	border: 1px solid #e2e8f0 !important;
	border-radius: 12px !important;
	padding: 20px 24px !important;
	margin: 2rem 0 !important;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.02) !important;
	clear: both !important;
	max-width: 100% !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.magnet-toc-header {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	padding-bottom: 12px !important;
	border-bottom: 1px solid #e2e8f0 !important;
	margin-bottom: 16px !important;
}

.magnet-toc-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 32px !important;
	height: 32px !important;
	background-color: #eff6ff !important;
	color: #2563eb !important;
	border-radius: 8px !important;
	border: 1px solid #dbeafe !important;
}

.magnet-toc-title {
	font-family: 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	font-size: 1.05rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
}

.magnet-toc-list,
.entry-content .magnet-toc-list,
.cs-entry__content .magnet-toc-list {
	list-style: disc !important;
	padding-right: 1.25rem !important;
	padding-left: 0 !important;
	margin: 0 !important;
}

.magnet-toc-list li,
.entry-content .magnet-toc-list li,
.cs-entry__content .magnet-toc-list li {
	margin-bottom: 0.6rem !important;
	font-size: 0.95rem !important;
	line-height: 1.7 !important;
	color: #475569 !important;
}

.magnet-toc-list li.toc-h3,
.entry-content .magnet-toc-list li.toc-h3,
.cs-entry__content .magnet-toc-list li.toc-h3 {
	margin-right: 1.25rem !important;
	font-size: 0.9rem !important;
}

.magnet-toc-list li:last-child {
	margin-bottom: 0 !important;
}

/* Force complete removal of underlines & borders from TOC links in all states */
.magnet-toc-list a,
.magnet-toc-list a:hover,
.magnet-toc-list a:focus,
.magnet-toc-list a:active,
.magnet-toc-list a:visited,
.entry-content .magnet-toc-list a,
.entry-content .magnet-toc-list a:hover,
.entry-content .magnet-toc-list a:focus,
.cs-entry__content .magnet-toc-list a,
.cs-entry__content .magnet-toc-list a:hover,
.cs-entry__content .magnet-toc-list a:focus {
	color: #475569 !important;
	text-decoration: none !important;
	-webkit-text-decoration: none !important;
	text-decoration-line: none !important;
	border: none !important;
	border-bottom: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
	font-weight: 400 !important;
	transition: color 0.2s ease !important;
}

.magnet-toc-list a:hover,
.entry-content .magnet-toc-list a:hover,
.cs-entry__content .magnet-toc-list a:hover {
	color: #2563eb !important;
	border-bottom: none !important;
	background-image: none !important;
	text-decoration: none !important;
}

/* Smooth Scrolling & Heading Offset */
html {
	scroll-behavior: smooth;
}

.entry-content h1[id],
.entry-content h2[id],
.entry-content h3[id],
.entry-content h4[id],
.cs-entry__content h1[id],
.cs-entry__content h2[id],
.cs-entry__content h3[id],
.cs-entry__content h4[id] {
	scroll-margin-top: 100px !important;
}

/* Comment Section Compact & Modern Overrides */
.cs-entry__comments {
	margin-top: 3rem !important;
	padding-top: 2rem !important;
	border-top: 1px solid #e2e8f0 !important;
}

.comment-reply-title,
.cs-entry__comments .comment-reply-title {
	font-size: 1.35rem !important;
	font-weight: 700 !important;
	color: #0f172a !important;
	margin-bottom: 1.25rem !important;
}

.comment-form {
	display: flex !important;
	flex-direction: column !important;
	gap: 12px !important;
}

.comment-form p {
	margin-bottom: 0 !important;
}

.comment-form label {
	display: block !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
	color: #334155 !important;
	margin-bottom: 6px !important;
}

/* Comment Form 100% Full Width Overrides */
.cs-entry__comments,
.cs-entry__comments-inner,
#respond,
.comment-respond,
.comment-form,
.comment-form > p,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-row {
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form textarea,
.comment-form input#author,
.comment-form input#email {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 100% !important;
	box-sizing: border-box !important;
	padding: 12px 16px !important;
	border: 1px solid #cbd5e1 !important;
	border-radius: 8px !important;
	font-size: 0.95rem !important;
	background-color: #ffffff !important;
	transition: all 0.2s ease !important;
	box-shadow: none !important;
}

.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form textarea:focus {
	outline: none !important;
	border-color: #2563eb !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1) !important;
}

.comment-form textarea {
	min-height: 100px !important;
	height: 110px !important;
	resize: vertical !important;
}

/* Arrange Author & Email fields side-by-side in Flex Row - 100% Width */
.comment-form-row {
	display: flex !important;
	flex-direction: row !important;
	gap: 16px !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-bottom: 16px !important;
}

.comment-form-row p.comment-form-author,
.comment-form-row p.comment-form-email {
	flex: 1 1 50% !important;
	width: 50% !important;
	max-width: 50% !important;
	min-width: 0 !important;
	margin: 0 !important;
	display: block !important;
}

@media (max-width: 639.98px) {
	.comment-form-row {
		flex-direction: column !important;
		gap: 12px !important;
	}
	.comment-form-row p.comment-form-author,
	.comment-form-row p.comment-form-email {
		width: 100% !important;
		max-width: 100% !important;
	}
}

.comment-form-url,
.comment-form-cookies-consent {
	display: none !important;
}

.comment-form .form-submit {
	margin-top: 10px !important;
}

.comment-form .submit,
.comment-form button[type="submit"] {
	background-color: #2563eb !important;
	color: #ffffff !important;
	padding: 10px 28px !important;
	border-radius: 9999px !important;
	font-weight: 600 !important;
	font-size: 0.95rem !important;
	border: none !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
}

.comment-form .submit:hover,
.comment-form button[type="submit"]:hover {
	background-color: #1d4ed8 !important;
}

/* Post Cards Category Badge Overlay on Top Right of Thumbnail */
.cs-posts-area .cs-entry__thumbnail,
.cs-read-next .cs-entry__thumbnail,
.cs-entry:not(.cs-hero-type-1__item) .cs-entry__thumbnail {
	position: relative !important;
}

.cs-entry__badge-category {
	position: absolute !important;
	top: 12px !important;
	right: 12px !important;
	z-index: 15 !important;
	pointer-events: auto !important;
}

.cs-entry__badge-category .cs-meta-category,
.cs-entry__badge-category ul,
.cs-entry__badge-category .post-categories {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.cs-entry__badge-category a,
.cs-entry__badge-category .cs-meta-category a,
.cs-entry__badge-category .post-categories a {
	display: inline-block !important;
	background-color: #2563eb !important;
	color: #ffffff !important;
	font-size: 0.75rem !important; /* 12px */
	font-weight: 600 !important;
	padding: 4px 10px !important;
	border-radius: 6px !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
	text-decoration: none !important;
	line-height: 1.3 !important;
	transition: all 0.2s ease !important;
}

/* Blog Top Categories Section (No-Scroll Grid Layout for Mobile & Desktop) */
.magnet-blog-top-categories {
	padding: 1rem 0 1.25rem 0 !important;
	background-color: transparent !important;
	margin-bottom: 1rem !important;
	width: 100% !important;
}

.magnet-blog-categories-wrapper {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 10px !important;
	width: 100% !important;
	box-sizing: border-box !important;
	padding: 4px 0 !important;
	overflow: visible !important;
}

.magnet-cat-card {
	width: 100% !important;
	min-width: 0 !important;
	max-width: 100% !important;
	background: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 14px !important;
	padding: 12px 6px 10px 6px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	text-decoration: none !important;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.03) !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
}

.magnet-cat-card:hover,
.magnet-cat-card:active {
	transform: translateY(-3px) !important;
	box-shadow: 0 8px 16px -4px rgba(37, 99, 235, 0.12) !important;
	border-color: #dbeafe !important;
	background: #f8fafc !important;
}

.magnet-cat-icon {
	width: 44px !important;
	height: 44px !important;
	border-radius: 50% !important;
	background-color: #eff6ff !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin-bottom: 8px !important;
	transition: transform 0.2s ease !important;
}

.magnet-cat-card:hover .magnet-cat-icon {
	transform: scale(1.06) !important;
	background-color: #dbeafe !important;
}

.magnet-cat-icon img {
	width: 24px !important;
	height: 24px !important;
	object-fit: contain !important;
}

.magnet-cat-icon-placeholder {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.magnet-cat-title {
	font-family: 'IRANSansX', 'IRANSans', system-ui, sans-serif !important;
	font-size: 0.775rem !important;
	font-weight: 600 !important;
	color: #1e293b !important;
	line-height: 1.3 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	transition: color 0.2s ease !important;
}

.magnet-cat-card:hover .magnet-cat-title {
	color: #2563eb !important;
}

/* Desktop Grid View */
@media (min-width: 768px) {
	.magnet-blog-top-categories {
		padding: 1.5rem 0 2rem 0 !important;
		margin-bottom: 1.5rem !important;
	}

	.magnet-blog-categories-wrapper {
		grid-template-columns: repeat(6, 1fr) !important;
		gap: 16px !important;
		padding: 8px 0 16px 0 !important;
	}

	.magnet-cat-card {
		padding: 18px 12px 14px 12px !important;
		border-radius: 16px !important;
	}

	.magnet-cat-icon {
		width: 56px !important;
		height: 56px !important;
		margin-bottom: 10px !important;
	}

	.magnet-cat-icon img {
		width: 32px !important;
		height: 32px !important;
	}

	.magnet-cat-title {
		font-size: 0.925rem !important;
		-webkit-line-clamp: 1 !important;
	}
}

/* Explicit Social Icons Colors for Patoughi Footer */
.pat-footer__socials .pat-social-linkedin,
.pat-footer__socials .pat-social-linkedin svg,
.pat-footer__socials .pat-social-linkedin path {
	color: #0A66C2 !important;
	fill: #0A66C2 !important;
}

.pat-footer__socials .pat-social-instagram,
.pat-footer__socials .pat-social-instagram svg,
.pat-footer__socials .pat-social-instagram path {
	color: #E1306C !important;
	fill: #E1306C !important;
	opacity: 0.35 !important;
}

.pat-footer__socials .pat-social-whatsapp,
.pat-footer__socials .pat-social-whatsapp svg,
.pat-footer__socials .pat-social-whatsapp path {
	color: #25D366 !important;
	fill: #25D366 !important;
}

.pat-footer__socials .pat-social-telegram,
.pat-footer__socials .pat-social-telegram svg,
.pat-footer__socials .pat-social-telegram path {
	color: #2CA5E0 !important;
	fill: #2CA5E0 !important;
	opacity: 0.35 !important;
}

/* Explicit Primary Black Button Override to Match Next.js (bg-black text-white) */
.pat-btn,
a.pat-btn,
button.pat-btn,
.pat-navbar__cta,
a.pat-navbar__cta {
	background-color: #000000 !important;
	color: #ffffff !important;
	border: none !important;
}

.pat-btn:hover,
a.pat-btn:hover,
button.pat-btn:hover,
.pat-navbar__cta:hover,
a.pat-navbar__cta:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
	opacity: 0.85 !important;
}

.pat-btn--outline,
a.pat-btn--outline,
button.pat-btn--outline {
	background-color: #ffffff !important;
	color: #0f172a !important;
	border: 1.5px solid #e2e8f0 !important;
}

.pat-btn--outline:hover,
a.pat-btn--outline:hover,
button.pat-btn--outline:hover {
	background-color: #ffffff !important;
	color: #0f172a !important;
	border-color: #94a3b8 !important;
}

/* Footer Trust Seals Uniform Sizing & Alignment */
.pat-footer__seals {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	flex-wrap: wrap !important;
	margin-top: 6px !important;
}

.pat-footer__seals a,
.pat-footer__seals span,
.pat-footer__seals .pat-footer__seal-static {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 72px !important;
	height: 72px !important;
	min-width: 72px !important;
	min-height: 72px !important;
	padding: 8px !important;
	background-color: #ffffff !important;
	border: 1px solid #f1f5f9 !important;
	border-radius: 12px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
	transition: all 0.2s ease !important;
	box-sizing: border-box !important;
}

.pat-footer__seals a:hover,
.pat-footer__seals span:hover,
.pat-footer__seals .pat-footer__seal-static:hover {
	border-color: #cbd5e1 !important;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
	transform: translateY(-2px) !important;
}

.pat-footer__seals img,
.pat-footer__seals svg,
.pat-footer__seals iframe {
	width: 100% !important;
	height: 100% !important;
	max-width: 54px !important;
	max-height: 54px !important;
	object-fit: contain !important;
	display: block !important;
	margin: 0 auto !important;
}