/**
 * RIIC Footer – 100% mockup (nền kem #F5EDE4, accent nâu #673D1E).
 */

:root {
	--riic-footer-bg: #f5ede4;
	--riic-footer-dark-bg: #673d1e;
	--riic-footer-brown: #673d1e;
	--riic-footer-brown-hover: #523018;
	--riic-footer-cream: #f4efe9;
	--riic-brown-ui: #5a5249;
}

#footer {
	background: var(--riic-footer-bg) !important;
	padding: 0 !important;
	margin: 0 !important;
}

.riic-page-services #footer,
.riic-page-contact #footer,
.riic-page-real-weddings #footer,
body.riic-template-riic-services #footer,
body.riic-template-riic-contact #footer,
body.riic-template-riic-real-weddings #footer {
	background: var(--riic-footer-dark-bg) !important;
}

#footer .footer-wrapper,
#footer .footer-widgets,
#footer .absolute-footer {
	display: none !important;
}

/* UX Block section – layout chung (không gán màu ở đây) */
.riic-footer,
.riic-footer__shell {
	background-color: transparent !important;
}

.riic-footer .section-content {
	padding: 0 !important;
	max-width: 100% !important;
}

.riic-footer .row,
.riic-footer .col {
	min-height: 0 !important;
}

/* Footer kem – Services, Contact, Real Weddings, … */
.riic-footer--cream,
.riic-footer--cream .section-bg,
.riic-footer--cream .section-content,
.riic-footer--cream .row,
.riic-footer--cream .col,
.riic-footer--cream .col-inner,
.riic-footer--cream.riic-footer__shell,
.riic-footer--cream.riic-footer__shell .riic-footer__grid {
	background-color: var(--riic-footer-bg) !important;
}

.riic-footer--cream .riic-footer__icon {
	background: var(--riic-footer-dark-bg);
	color: #ffffff;
}

.riic-footer--cream .riic-footer__contact-text,
.riic-footer--cream a.riic-footer__contact-text:hover {
	color: var(--riic-brown-ui, #5a5249) !important;
}

.riic-footer--cream .riic-footer__cta,
.riic-footer--cream .riic-footer__cta.button,
.riic-footer--cream .riic-footer__cta .button,
.riic-footer--cream .riic-footer__cta a.button,
.riic-footer--cream a.riic-footer__cta,
.riic-footer--cream .riic-footer__cta:hover,
.riic-footer--cream .riic-footer__cta.button:hover,
.riic-footer--cream .riic-footer__cta .button:hover,
.riic-footer--cream a.riic-footer__cta:hover {
	background: var(--riic-footer-brown) !important;
	color: var(--riic-footer-cream) !important;
}

.riic-footer--cream .riic-logo--footer .riic-logo__brand,
.riic-footer--cream .riic-logo--footer .riic-logo__tagline,
.riic-footer--cream.riic-footer__shell .riic-logo--footer .riic-logo__brand,
.riic-footer--cream.riic-footer__shell .riic-logo--footer .riic-logo__tagline {
	color: var(--riic-footer-brown);
}

.riic-footer--cream .riic-footer__follow.social-icons a.button.icon,
.riic-footer--cream .riic-footer__follow.social-icons a.button.icon.primary,
.riic-footer--cream .riic-footer__follow.social-icons a.button.icon.circle,
.riic-footer--cream .riic-footer__follow.social-icons a.button.facebook,
.riic-footer--cream .riic-footer__follow.social-icons a.button.instagram,
.riic-footer--cream .riic-footer__follow.social-icons a.button.tiktok,
.riic-footer--cream .riic-footer__follow.social-icons a.button.icon:hover,
.riic-footer--cream .riic-footer__follow.social-icons a.button.icon:not(.is-outline) {
	background-color: var(--riic-footer-brown) !important;
	color: var(--riic-footer-cream) !important;
	border-color: transparent !important;
}

.riic-footer--cream .riic-footer__follow.social-icons a.button.icon i,
.riic-footer--cream .riic-footer__follow.social-icons a.button.icon:not(.is-outline) i {
	color: #ffffff !important;
}

.riic-footer--cream .riic-footer__social-link {
	background: var(--riic-footer-brown);
	color: var(--riic-footer-cream);
}

.riic-footer--cream .riic-footer__social-link:hover {
	background: var(--riic-footer-brown-hover);
	color: var(--riic-footer-cream);
}

/* Gạch trên / dưới */
.riic-footer__rule,
.riic-footer__base {
	display: block;
	width: 100%;
	height: 1px;
	border: 0;
	margin: 0;
}

/* Layout 2 cột */
.riic-footer__inner.row {
	max-width: none !important;
	margin: 0 !important;
}

.riic-footer__inner .row-inner {
	display: flex !important;
	flex-wrap: wrap;
	align-items: flex-end !important;
	justify-content: space-between !important;
}

.riic-footer__inner>.col>.col-inner,
.riic-footer__shell .riic-footer__grid {
	padding: clamp(44px, 5.5vw, 56px) clamp(32px, 6.5vw, 104px) clamp(42px, 5vw, 52px) !important;
}

.riic-footer__shell .riic-footer__grid {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px 24px;
	max-width: 100%;
	box-sizing: border-box;
}

.riic-footer__col--left .col-inner,
.riic-footer__shell .riic-footer__left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	flex: 1 1 280px;
	max-width: 100%;
}

.riic-footer__col--right .col-inner,
.riic-footer__shell .riic-footer__right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-end;
	text-align: right;
	flex: 0 1 auto;
	margin-left: auto;
}

/* Contact */
.riic-footer__contact,
.riic-footer__contact-line {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.riic-footer__contact-line {
	margin-bottom: 13px !important;
}

.riic-footer__contact-line:last-of-type,
.riic-footer__contact>.riic-footer__contact-item:last-child {
	margin-bottom: 0 !important;
}

.riic-footer__contact-line p,
.riic-footer__contact>.riic-footer__contact-item {
	margin: 0 0 13px !important;
}

.riic-footer__contact>.riic-footer__contact-item:last-child {
	margin-bottom: 0 !important;
}

.riic-footer__contact-lines {
	margin: 0;
	padding: 0;
}

.riic-footer__contact-lines .riic-footer__contact-item {
	margin: 0 0 18px;
}

.riic-footer__contact-lines .riic-footer__contact-item:last-child {
	margin-bottom: 0;
}

.riic-footer__contact-item {
	display: flex;
	align-items: center;
	gap: 14px;
}

.riic-footer__icon {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.riic-footer__icon svg {
	display: block;
	width: 14px;
	height: 14px;
}

.riic-footer__contact-text {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	text-decoration: none !important;
	letter-spacing: 0.01em;
}

a.riic-footer__contact-text:hover {
	opacity: 0.75;
}

/* CTA pill */
.riic-footer__cta,
.riic-footer__cta.button,
.riic-footer__cta .button,
.riic-footer__cta a.button,
a.riic-footer__cta {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	border: none !important;
	border-radius: 999px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.13em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	padding: 11px 26px !important;
	min-height: 0 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	margin: 28px 0 0 !important;
	transition: background 0.2s ease, opacity 0.2s ease;
}

.riic-footer__col--left .button-wrap,
.riic-footer__col--left .riic-footer__cta {
	margin-top: 28px !important;
}

/* Logo */
.riic-footer .riic-logo--footer,
.riic-footer__shell .riic-logo--footer {
	display: inline-flex;
	align-items: center;
	margin: 0;
	text-decoration: none !important;
	line-height: 1;
	max-width: min(100%, 420px);
}

.riic-footer .riic-logo--footer .riic-logo__text,
.riic-footer__shell .riic-logo--footer .riic-logo__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	width: 100%;
}

.riic-footer .riic-logo--footer .riic-logo__brand,
.riic-footer__shell .riic-logo--footer .riic-logo__brand {
	font-family: "1FTV VIP Dagine", Georgia, "Times New Roman", serif;
	font-size: clamp(3rem, 6.2vw, 4.85rem);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 0.88;
	white-space: nowrap;
}

.riic-footer .riic-logo--footer .riic-logo__tagline,
.riic-footer__shell .riic-logo--footer .riic-logo__tagline {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: clamp(0.62rem, 0.95vw, 0.78rem);
	font-weight: 400;
	letter-spacing: 0.52em;
	text-indent: 0.52em;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
}

/* Social – UX follow shortcode */
.riic-footer__follow.social-icons {
	margin: 22px 0 0 !important;
	margin-left: auto !important;
	padding: 0 !important;
	display: inline-flex !important;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-self: flex-end;
	gap: 8px;
	width: auto;
}

.riic-footer__follow .icon,
.riic-footer__follow a.icon {
	width: 34px !important;
	height: 34px !important;
	border-radius: 50% !important;
	border: none !important;
	font-size: 15px !important;
	line-height: 34px !important;
	margin: 0 !important;
}

/* Social – static markup */
.riic-footer__social {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: 8px;
	margin-top: 22px;
}

.riic-footer__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	text-decoration: none !important;
	transition: background 0.2s ease;
}

.riic-footer__social-link svg {
	display: block;
	width: 14px;
	height: 14px;
}

/* Footer nâu #5D472F – Home & About */
.riic-footer--dark,
.riic-footer--dark .section-bg,
.riic-footer--dark .section-content,
.riic-footer--dark .row,
.riic-footer--dark .col,
.riic-footer--dark .col-inner,
.riic-footer--dark.riic-footer__shell,
.riic-footer--dark.riic-footer__shell .riic-footer__grid {
	background-color: var(--riic-footer-dark-bg) !important;
}

.riic-footer--dark .riic-footer__rule,
.riic-footer--dark .riic-footer__base {
	background: rgba(244, 239, 233, 0.35);
}

.riic-footer--dark .riic-footer__contact-text,
.riic-footer--dark a.riic-footer__contact-text:hover {
	color: var(--riic-footer-cream) !important;
}

.riic-footer--dark .riic-footer__icon {
	background: #ffffff;
	color: var(--riic-footer-dark-bg);
}

.riic-footer--dark .riic-footer__cta,
.riic-footer--dark .riic-footer__cta.button,
.riic-footer--dark .riic-footer__cta .button,
.riic-footer--dark .riic-footer__cta a.button,
.riic-footer--dark a.riic-footer__cta,
.riic-footer--dark .riic-footer__cta:hover,
.riic-footer--dark .riic-footer__cta.button:hover,
.riic-footer--dark .riic-footer__cta .button:hover,
.riic-footer--dark a.riic-footer__cta:hover {
	background: var(--riic-footer-cream) !important;
	color: var(--riic-footer-dark-bg) !important;
}

.riic-footer--dark .riic-logo--footer .riic-logo__brand,
.riic-footer--dark .riic-logo--footer .riic-logo__tagline,
.riic-footer--dark.riic-footer__shell .riic-logo--footer .riic-logo__brand,
.riic-footer--dark.riic-footer__shell .riic-logo--footer .riic-logo__tagline {
	color: var(--riic-footer-cream);
}

.riic-footer--dark .riic-footer__follow.social-icons a.button.icon,
.riic-footer--dark .riic-footer__follow.social-icons a.button.icon.primary,
.riic-footer--dark .riic-footer__follow.social-icons a.button.icon.circle,
.riic-footer--dark .riic-footer__follow.social-icons a.button.facebook,
.riic-footer--dark .riic-footer__follow.social-icons a.button.instagram,
.riic-footer--dark .riic-footer__follow.social-icons a.button.tiktok,
.riic-footer--dark .riic-footer__follow.social-icons a.button.icon:hover,
.riic-footer--dark .riic-footer__follow.social-icons a.button.icon:not(.is-outline) {
	background-color: var(--riic-footer-cream) !important;
	color: var(--riic-footer-dark-bg) !important;
	border-color: transparent !important;
}

.riic-footer--dark .riic-footer__follow.social-icons a.button.icon i,
.riic-footer--dark .riic-footer__follow.social-icons a.button.icon:not(.is-outline) i {
	color: var(--riic-footer-dark-bg) !important;
}

.riic-footer--dark .riic-footer__social-link {
	background: var(--riic-footer-cream);
	color: var(--riic-footer-dark-bg);
}

.riic-footer--dark .riic-footer__social-link:hover {
	background: #fff;
	color: var(--riic-footer-dark-bg);
}

@media (max-width: 849px) {

	.riic-footer__inner>.col>.col-inner,
	.riic-footer__shell .riic-footer__grid {
		padding: 40px 24px 36px !important;
	}

	.riic-footer__shell .riic-footer__grid {
		flex-direction: column;
		align-items: flex-start;
	}

	.riic-footer__col--right,
	.riic-footer__shell .riic-footer__right {
		margin-top: 8px;
		width: 100%;
	}

	.riic-footer__col--right .col-inner,
	.riic-footer__shell .riic-footer__right {
		align-items: flex-start;
		text-align: left;
		margin-left: 0;
	}

	.riic-footer .riic-logo--footer,
	.riic-footer__shell .riic-logo--footer {
		max-width: 100%;
	}

	.riic-footer .riic-logo--footer .riic-logo__brand,
	.riic-footer__shell .riic-logo--footer .riic-logo__brand {
		font-size: clamp(2.5rem, 12vw, 3.5rem);
	}

	.riic-footer .riic-logo--footer .riic-logo__tagline,
	.riic-footer__shell .riic-logo--footer .riic-logo__tagline {
		font-size: 0.62rem;
		letter-spacing: 0.46em;
		text-indent: 0.46em;
	}

	.riic-footer__follow.social-icons {
		margin-left: 0 !important;
		align-self: flex-start;
		justify-content: flex-start;
	}
}