/* =========================================================
   RRP — ROJGAR RESULT PRESS
   COMPLETE FOOTER CSS
   Matches Current footer.php
   Logo + Site Name Same Row
========================================================= */


/* =========================================================
   FOOTER MAIN
========================================================= */

.rrp-footer {
	position: relative;

	margin-top: 48px;

	color: #d9dee7;

	background:
		linear-gradient(
			180deg,
			#111827 0%,
			#0f172a 58%,
			#0b1120 100%
		);

	border-top: 3px solid #dc2626;

	overflow: hidden;

	box-shadow:
		0 -8px 30px rgba(0, 0, 0, .12);
}


/* =========================================================
   TOP ACCENT
========================================================= */

.rrp-footer::before {
	content: "";

	position: absolute;

	top: 0;
	left: 0;
	right: 0;

	height: 3px;

	background:
		linear-gradient(
			90deg,
			#b91c1c,
			#ef4444,
			#f59e0b,
			#ef4444,
			#b91c1c
		);

	pointer-events: none;
}


/* =========================================================
   FOOTER TOP
========================================================= */

.rrp-footer-top {
	position: relative;

	z-index: 1;

	padding: 52px 0 46px;
}


/* =========================================================
   CONTAINER
========================================================= */

.rrp-footer .rrp-container {
	width: min(1200px, calc(100% - 32px));

	margin-left: auto;
	margin-right: auto;
}


/* =========================================================
   FOOTER GRID
========================================================= */

.rrp-footer-grid {
	display: grid;

	grid-template-columns:
		1.55fr
		1fr
		1fr
		1.35fr;

	gap: 42px;

	align-items: start;
}


/* =========================================================
   BRAND COLUMN
========================================================= */

.rrp-footer-brand {
	min-width: 0;

	display: block;
}


/* =========================================================
   BRAND HEADER
   LOGO + SITE NAME SAME ROW
========================================================= */

.rrp-footer-brand-head {
	display: flex !important;

	flex-direction: row !important;

	align-items: center !important;

	justify-content: flex-start !important;

	gap: 14px;

	width: 100%;

	min-width: 0;

	margin: 0;

	padding: 0;
}


/* =========================================================
   LOGO WRAPPER
========================================================= */

.rrp-footer-logo-wrap {
	display: flex !important;

	flex: 0 0 80px !important;

	align-items: center !important;

	justify-content: center !important;

	width: 80px !important;
	height: 80px !important;

	min-width: 80px !important;
	min-height: 80px !important;

	max-width: 80px !important;
	max-height: 80px !important;

	margin: 0 !important;
	padding: 0 !important;

	box-sizing: border-box !important;

	overflow: hidden !important;
}


/* =========================================================
   WORDPRESS CUSTOM LOGO LINK
   the_custom_logo() creates this element
========================================================= */

.rrp-footer-logo-wrap .custom-logo-link {
	display: flex !important;

	flex: 0 0 80px !important;

	align-items: center !important;

	justify-content: center !important;

	width: 80px !important;
	height: 80px !important;

	min-width: 80px !important;
	min-height: 80px !important;

	max-width: 80px !important;
	max-height: 80px !important;

	margin: 0 !important;
	padding: 0 !important;

	background: #ffffff;

	border: 1px solid #e5e7eb;

	border-radius: 50% !important;

	overflow: hidden !important;

	box-sizing: border-box !important;

	line-height: 0 !important;

	text-decoration: none !important;
}

 

/* =========================================================
   SITE NAME
   WORDPRESS get_bloginfo('name')
========================================================= */

.rrp-footer-logo-name {
	display: block !important;

	flex: 1 1 auto !important;

	min-width: 0 !important;

	margin: 0 !important;

	padding: 0 !important;

	line-height: 1.3 !important;
}


/* =========================================================
   SITE NAME LINK
========================================================= */

.rrp-footer-logo-name a {
	display: block !important;

	width: 100%;

	margin: 0 !important;

	padding: 0 !important;

	color: #ffffff !important;

	font-size: 21px;

	line-height: 1.3;

	font-weight: 800;

	letter-spacing: -.02em;

	text-decoration: none !important;

	overflow-wrap: anywhere;

	word-break: break-word;
}


.rrp-footer-logo-name a:hover {
	color: #ffffff !important;
}


/* =========================================================
   ABOUT SECTION
   IMPORTANT:
   This starts BELOW logo + site name row
========================================================= */

.rrp-footer-about {
	display: block;

	width: 100%;

	max-width: 480px;

	margin-top: 24px;

	padding: 0;
}


/* =========================================================
   ABOUT HEADING
========================================================= */

.rrp-footer-about h2 {
	display: block;

	margin: 0 0 12px !important;

	padding: 0 !important;

	color: #ffffff;

	font-size: 17px;

	line-height: 1.4;

	font-weight: 800;

	letter-spacing: -.01em;
}


.rrp-footer-about h2::before,
.rrp-footer-about h2::after {
	display: none !important;

	content: none !important;
}


/* =========================================================
   ABOUT TEXT
========================================================= */

.rrp-footer-about p {
	display: block;

	margin: 0 0 12px;

	padding: 0;

	color: #aeb8c6;

	font-size: 13px;

	line-height: 1.8;
}


.rrp-footer-about p:last-child {
	margin-bottom: 0;
}


/* =========================================================
   EMAIL
========================================================= */

.rrp-footer-email {
	display: inline-flex !important;

	align-items: center;

	justify-content: flex-start;

	gap: 9px;

	max-width: 100%;

	margin-top: 18px;

	padding: 9px 13px;

	background:
		rgba(255,255,255,.045);

	border: 1px solid rgba(255,255,255,.09);

	border-radius: 6px;

	color: #c7d0dc !important;

	font-size: 12px;

	font-weight: 600;

	line-height: 1.4;

	text-decoration: none !important;

	box-sizing: border-box;

	transition:
		background .2s ease,
		border-color .2s ease,
		color .2s ease;
}


.rrp-footer-email:hover {
	color: #ffffff !important;

	background:
		rgba(255,255,255,.08);

	border-color:
		rgba(255,255,255,.18);
}


/* =========================================================
   EMAIL ICON
========================================================= */

.rrp-footer-email-icon {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	flex: 0 0 20px;

	width: 20px;
	height: 20px;

	color: #f59e0b;

	font-size: 15px;

	line-height: 1;
}


/* =========================================================
   SOCIAL
========================================================= */

.rrp-footer-social {
	display: block;

	margin-top: 20px;
}


.rrp-footer-social-title {
	display: block;

	margin-bottom: 10px;

	color: #ffffff;

	font-size: 12px;

	line-height: 1.4;

	font-weight: 800;
}


.rrp-footer-social-links {
	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 8px;
}


.rrp-footer-social-links a {
	width: 36px;
	height: 36px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	background:
		rgba(255,255,255,.055);

	border: 1px solid rgba(255,255,255,.09);

	border-radius: 6px;

	color: #c2cad5;

	font-size: 14px;

	font-weight: 800;

	line-height: 1;

	text-decoration: none;

	transition:
		transform .18s ease,
		background .18s ease,
		color .18s ease,
		border-color .18s ease;
}


.rrp-footer-social-links a:hover {
	transform: translateY(-2px);

	background: #dc2626;

	border-color: #dc2626;

	color: #ffffff;
}


/* =========================================================
   FOOTER COLUMNS
========================================================= */

.rrp-footer-column {
	min-width: 0;
}


.rrp-footer-column h3 {
	position: relative;

	margin: 3px 0 19px;

	padding: 0 0 11px;

	color: #ffffff;

	font-size: 15px;

	line-height: 1.4;

	font-weight: 800;

	letter-spacing: .01em;
}


.rrp-footer-column h3::after {
	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 38px;

	height: 3px;

	border-radius: 3px;

	background:
		linear-gradient(
			90deg,
			#dc2626,
			#f59e0b
		);
}


/* =========================================================
   FOOTER LINKS
========================================================= */

.rrp-footer-links {
	list-style: none;

	margin: 0;

	padding: 0;
}


.rrp-footer-links li {
	margin: 0;

	padding: 0;
}


.rrp-footer-links li + li {
	border-top:
		1px solid rgba(255,255,255,.045);
}


.rrp-footer-links a {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 10px;

	min-height: 38px;

	padding: 7px 0;

	color: #aeb8c6;

	font-size: 12px;

	line-height: 1.5;

	font-weight: 500;

	text-decoration: none;

	transition:
		color .18s ease,
		padding-left .18s ease;
}


.rrp-footer-links a:hover {
	padding-left: 5px;

	color: #ffffff;
}


.rrp-footer-links a > span:last-child {
	color: #6f7b8a;

	font-size: 17px;

	line-height: 1;

	transition:
		transform .18s ease,
		color .18s ease;
}


.rrp-footer-links a:hover > span:last-child {
	transform: translateX(3px);

	color: #f59e0b;
}


/* =========================================================
   MUTED
========================================================= */

.rrp-footer-muted {
	display: block;

	color: #778493;

	font-size: 12px;

	line-height: 1.6;
}


/* =========================================================
   LATEST POSTS
========================================================= */

.rrp-footer-posts {
	display: flex;

	flex-direction: column;

	gap: 0;
}


.rrp-footer-post {
	display: flex;

	align-items: flex-start;

	gap: 10px;

	min-width: 0;

	padding: 10px 0;

	color: inherit;

	text-decoration: none;

	border-bottom:
		1px solid rgba(255,255,255,.055);
}


.rrp-footer-post:first-child {
	padding-top: 0;
}


.rrp-footer-post:last-child {
	border-bottom: 0;
}


.rrp-footer-post-icon {
	width: 25px;
	height: 25px;

	min-width: 25px;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 1px;

	background:
		rgba(220,38,38,.13);

	border-radius: 5px;

	color: #f59e0b;

	font-size: 16px;

	font-weight: 800;
}


.rrp-footer-post-content {
	display: block;

	min-width: 0;

	flex: 1;
}


.rrp-footer-post-content strong {
	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	color: #d7dde6;

	font-size: 12px;

	line-height: 1.5;

	font-weight: 700;

	transition: color .18s ease;
}


.rrp-footer-post:hover .rrp-footer-post-content strong {
	color: #ffffff;
}


.rrp-footer-post-content small {
	display: block;

	margin-top: 5px;

	color: #748091;

	font-size: 10px;

	line-height: 1.4;
}


/* =========================================================
   DISCLAIMER
========================================================= */

.rrp-footer-disclaimer {
	position: relative;

	z-index: 1;

	padding: 16px 0;

	background: #172033;

	border-top:
		1px solid rgba(255,255,255,.07);

	border-bottom:
		1px solid rgba(255,255,255,.07);
}


.rrp-footer-disclaimer-inner {
	display: flex;

	align-items: flex-start;

	gap: 12px;

	padding: 13px 15px;

	background:
		rgba(245,158,11,.055);

	border: 1px solid rgba(245,158,11,.14);

	border-radius: 6px;
}


.rrp-footer-warning {
	width: 25px;
	height: 25px;

	min-width: 25px;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 1px;

	background: #f59e0b;

	border-radius: 50%;

	color: #111827;

	font-size: 13px;

	font-weight: 900;
}


.rrp-footer-disclaimer p {
	margin: 0;

	color: #9da8b7;

	font-size: 11px;

	line-height: 1.7;
}


.rrp-footer-disclaimer p strong {
	color: #f3f4f6;

	font-weight: 800;
}


/* =========================================================
   FOOTER BOTTOM
========================================================= */

.rrp-footer-bottom {
	position: relative;

	z-index: 1;

	padding: 16px 0;

	background: #080d17;
}


.rrp-footer-bottom-inner {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 20px;
}


.rrp-footer-copyright,
.rrp-footer-developer {
	color: #788493;

	font-size: 11px;

	line-height: 1.6;
}


.rrp-footer-copyright a,
.rrp-footer-developer a {
	color: #aab4c1;

	font-weight: 700;

	text-decoration: none;

	transition: color .18s ease;
}


.rrp-footer-copyright a:hover,
.rrp-footer-developer a:hover {
	color: #ffffff;
}


.rrp-footer-developer strong {
	color: #d0d6df;

	font-weight: 700;
}


.rrp-footer-copyright > span,
.rrp-footer-developer > span {
	margin: 0 6px;

	color: #4f5b6b;
}


/* =========================================================
   BACK TO TOP
========================================================= */

.rrp-back-to-top {
	position: fixed;

	right: 22px;

	bottom: 22px;

	width: 56px;

	height: 56px;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0;

	border: 0;

	border-radius: 50%;

	background: #111827;

	color: #ffffff;

	cursor: pointer;

	z-index: 99999;

	opacity: 0;

	visibility: hidden;

	transform:
		translateY(12px)
		scale(.92);

	box-shadow:
		0 8px 25px rgba(0,0,0,.32);

	transition:
		opacity .22s ease,
		visibility .22s ease,
		transform .22s ease,
		background .22s ease;
}


.rrp-back-to-top.is-visible {
	opacity: 1;

	visibility: visible;

	transform:
		translateY(0)
		scale(1);
}


.rrp-back-to-top:hover {
	background: #1f2937;

	transform:
		translateY(-3px)
		scale(1.02);
}


.rrp-back-to-top > span {
	position: relative;

	z-index: 2;

	width: 30px;

	height: 30px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #ffffff;

	border-radius: 50%;

	color: #111827;

	font-size: 18px;

	font-weight: 900;

	line-height: 1;
}


/* =========================================================
   PROGRESS RING
========================================================= */

.rrp-progress-ring {
	position: absolute;

	inset: 0;

	width: 56px;

	height: 56px;

	transform: rotate(-90deg);

	pointer-events: none;
}


.rrp-progress-bg,
.rrp-progress-bar {
	fill: none;

	stroke-width: 3;
}


.rrp-progress-bg {
	stroke:
		rgba(255,255,255,.12);
}


.rrp-progress-bar {
	stroke: #ef4444;

	stroke-linecap: round;

	transition:
		stroke-dashoffset .08s linear;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

	.rrp-footer-grid {
		grid-template-columns:
			1.5fr
			1fr
			1fr;
	}

	.rrp-footer-brand {
		grid-column: 1 / -1;
	}

	.rrp-footer-about {
		max-width: 760px;
	}
}


/* =========================================================
   SMALL TABLET
========================================================= */

@media (max-width: 800px) {

	.rrp-footer-top {
		padding: 42px 0 38px;
	}

	.rrp-footer-grid {
		grid-template-columns:
			repeat(2, minmax(0,1fr));

		gap: 32px;
	}

	.rrp-footer-brand {
		grid-column: 1 / -1;
	}

	.rrp-footer-about {
		max-width: 100%;
	}

	.rrp-footer-bottom-inner {
		flex-direction: column;

		align-items: flex-start;

		gap: 7px;
	}
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.rrp-footer {
		margin-top: 34px;
	}

	.rrp-footer .rrp-container {
		width: calc(100% - 24px);
	}

	.rrp-footer-top {
		padding: 36px 0 32px;
	}

	.rrp-footer-grid {
		grid-template-columns: 1fr;

		gap: 30px;
	}

	.rrp-footer-brand {
		grid-column: auto;
	}

/* =========================================================
   FOOTER LOGO
   WORDPRESS CUSTOM LOGO / SITE ICON
   CIRCLE SHAPE
========================================================= */

.rrp-footer-logo-wrap {
	flex: 0 0 70px !important;
	width: 70px !important;
	height: 70px !important;
	min-width: 70px !important;
	min-height: 70px !important;

	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}


/* Logo wrapper */

.rrp-footer-logo-wrap .wbb-logo {
	width: 70px !important;
	height: 70px !important;

	display: block !important;
	flex: 0 0 70px !important;
}


/* Logo link */

.rrp-footer-logo-wrap .wbb-logo a {
	display: block !important;

	width: 70px !important;
	height: 70px !important;

	border-radius: 50% !important;
	overflow: hidden !important;
}


/* WordPress custom logo */

.rrp-footer-logo-wrap .wbb-logo .custom-logo {
	display: block !important;

	width: 70px !important;
	height: 70px !important;

	max-width: 70px !important;
	min-width: 70px !important;

	object-fit: cover !important;

	border-radius: 50% !important;
}


/* WordPress Site Icon */

.rrp-footer-logo-wrap .wbb-site-icon img {
	display: block !important;

	width: 70px !important;
	height: 70px !important;

	max-width: 70px !important;
	min-width: 70px !important;

	object-fit: cover !important;

	border-radius: 50% !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

	.rrp-footer-logo-wrap {
		flex: 0 0 70px !important;

		width: 70px !important;
		height: 70px !important;

		min-width: 70px !important;
		min-height: 70px !important;
	}


	.rrp-footer-logo-wrap .wbb-logo {
		width: 70px !important;
		height: 70px !important;
		flex-basis: 70px !important;
	}


	.rrp-footer-logo-wrap .wbb-logo a {
		width: 70px !important;
		height: 70px !important;
	}


	.rrp-footer-logo-wrap .wbb-logo .custom-logo,
	.rrp-footer-logo-wrap .wbb-site-icon img {
		width: 70px !important;
		height: 70px !important;

		max-width: 70px !important;
		min-width: 70px !important;

		border-radius: 50% !important;
		object-fit: cover !important;
	}
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

	.rrp-footer-logo-wrap {
		flex: 0 0 64px !important;

		width: 64px !important;
		height: 64px !important;

		min-width: 64px !important;
		min-height: 64px !important;
	}


	.rrp-footer-logo-wrap .wbb-logo {
		width: 64px !important;
		height: 64px !important;
		flex-basis: 64px !important;
	}


	.rrp-footer-logo-wrap .wbb-logo a {
		width: 64px !important;
		height: 64px !important;
	}


	.rrp-footer-logo-wrap .wbb-logo .custom-logo,
	.rrp-footer-logo-wrap .wbb-site-icon img {
		width: 64px !important;
		height: 64px !important;

		max-width: 64px !important;
		min-width: 64px !important;

		border-radius: 50% !important;
		object-fit: cover !important;
	}
}}