/*
 * Theme Name:  Platform Child
 * Theme URI:   https://platform.codesupply.co/
 * Description: Platform Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    platform
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

/* BarakaBits Country Taxonomy Styling - 2026-02-06 */
.cs-meta-country {
	display: inline-block;
	margin-right: 10px;
}

.cs-meta-country ul.post-countries {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cs-meta-country ul.post-countries li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.cs-meta-country ul.post-countries li a {
	display: inline-block;
	padding: 4px 12px;
	background: #f0f0f0;
	border-radius: 4px;
	color: #666;
	text-decoration: none;
	font-size: 0.875rem;
	transition: all 0.2s ease;
}

.cs-meta-country ul.post-countries li a:hover {
	background: #e0e0e0;
	color: #333;
}

/* Keep the desktop header background visible on inner pages (non-home). */
@media (min-width: 1200px) {
	body:not(.home) .cs-header__inner-desktop {
		margin-left: -16px;
		margin-right: -16px;
		padding-left: 16px;
		padding-right: 16px;
		position: relative;
		box-shadow: 0 16px 40px 0 rgba(var(--cs-light-primary-color-rgb), 0.07);
	}

	body:not(.home) .cs-header__inner-desktop:before {
		content: "";
		display: block;
		position: absolute;
		top: -8px;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -2;
		backdrop-filter: blur(2px);
	}

	body:not(.home) .cs-header__inner-desktop:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 100%;
		border-radius: var(--cs-layout-elements-border-radius);
		background: var(--cs-header-background, var(--cs-site-background));
	}

	body:not(.home) .cs-search__form-group,
	body:not(.home) .cs-search__form-group .cs-search__input {
		background: var(--cs-color-input, var(--cs-site-background));
	}
}

.cs-entry__post-meta .post-categories a {
	color: #9E7524;
}
[data-scheme=inverse] .cs-entry__post-meta .post-categories a:after {
    background: #5A5A5A;
	color: #ffffff;
}
@media (min-width: 768px) {
    .cs-categories__item-title {
        font-size: 1.15rem;
    }
}


/* BarakaBits Header tweaks - smaller CTA + EN/AR toggle */
.cs-header__custom-button.cs-button-animated {
	padding: 0.34rem 22px 0.34rem 10px;
	font-size: 0.8125rem;
	line-height: 1.2;
}

.cs-header__custom-button.cs-button-animated .cs-icon-chevron-right,
.cs-header__custom-button.cs-button-animated .cs-icon-arrow-right {
	right: 8px;
	font-size: 14px;
}

.cs-site-language-toggle {
	width: 80px;
	margin-left: 0.375rem;
}

.cs-offcanvas .cs-site-language-toggle {
	width: 62px;
}

.cs-site-language-toggle .cs-header__scheme-toggle-icons {
	gap: 2px;
	width: 62px;
	height: 32px;
	background: var(--cs-header-background);
	border-radius: 16px;
	box-shadow: 0 5px 10px 0 rgba(var(--cs-light-accent-color-rgb), 0.06);
	transition: 0.25s;
}

.cs-offcanvas .cs-site-language-toggle .cs-header__scheme-toggle-icons {
	height: 36px;
	background: #f1f1ff;
}

@media (prefers-color-scheme: dark) {
	:root [data-scheme=auto] .cs-site-language-toggle .cs-header__scheme-toggle-icons {
		background: var(--cs-header-background);
		box-shadow: none;
	}
}

[data-scheme=dark] .cs-site-language-toggle .cs-header__scheme-toggle-icons {
	background: var(--cs-header-background);
	box-shadow: none;
}

@media (prefers-color-scheme: dark) {
	:root [data-scheme=auto][data-d=dark] .cs-site-language-toggle .cs-header__scheme-toggle-icons {
		background: var(--cs-header-background);
		box-shadow: none;
	}
}

@media (prefers-color-scheme: light) {
	:root [data-scheme=auto][data-l=dark] .cs-site-language-toggle .cs-header__scheme-toggle-icons {
		background: var(--cs-header-background);
		box-shadow: none;
	}
}

.cs-header__inner-desktop:hover .cs-site-language-toggle .cs-header__scheme-toggle-icons,
.cs-burger-active .cs-site-language-toggle .cs-header__scheme-toggle-icons,
.cs-search-active .cs-site-language-toggle .cs-header__scheme-toggle-icons,
.home:has(.cs-wrapper .cs-hero-page-top:first-child) .cs-site-language-toggle .cs-header__scheme-toggle-icons,
.blog:has(.cs-site-primary .cs-hero-page-top:first-child) .cs-site-language-toggle .cs-header__scheme-toggle-icons,
.cs-display-header-overlay .cs-site-language-toggle .cs-header__scheme-toggle-icons,
.cs-navbar-sticky-enabled .cs-site-language-toggle .cs-header__scheme-toggle-icons,
.cs-scroll-sticky .cs-site-language-toggle .cs-header__scheme-toggle-icons {
	background: rgba(var(--cs-light-accent-color-rgb), 0.09);
}

@media (prefers-color-scheme: dark) {
	:root [data-scheme=auto] .cs-header__inner-desktop:hover .cs-site-language-toggle .cs-header__scheme-toggle-icons,
	:root [data-scheme=auto] .cs-burger-active .cs-site-language-toggle .cs-header__scheme-toggle-icons,
	:root [data-scheme=auto] .cs-search-active .cs-site-language-toggle .cs-header__scheme-toggle-icons,
	:root [data-scheme=auto] .home:has(.cs-wrapper .cs-hero-page-top:first-child) .cs-site-language-toggle .cs-header__scheme-toggle-icons,
	:root [data-scheme=auto] .blog:has(.cs-site-primary .cs-hero-page-top:first-child) .cs-site-language-toggle .cs-header__scheme-toggle-icons,
	:root [data-scheme=auto] .cs-display-header-overlay .cs-site-language-toggle .cs-header__scheme-toggle-icons,
	:root [data-scheme=auto] .cs-navbar-sticky-enabled .cs-site-language-toggle .cs-header__scheme-toggle-icons,
	:root [data-scheme=auto] .cs-scroll-sticky .cs-site-language-toggle .cs-header__scheme-toggle-icons {
		background: rgba(var(--cs-dark-accent-color-rgb), 0.09);
	}
}

[data-scheme=dark] .cs-header__inner-desktop:hover .cs-site-language-toggle .cs-header__scheme-toggle-icons,
[data-scheme=dark] .cs-burger-active .cs-site-language-toggle .cs-header__scheme-toggle-icons,
[data-scheme=dark] .cs-search-active .cs-site-language-toggle .cs-header__scheme-toggle-icons,
[data-scheme=dark] .home:has(.cs-wrapper .cs-hero-page-top:first-child) .cs-site-language-toggle .cs-header__scheme-toggle-icons,
[data-scheme=dark] .blog:has(.cs-site-primary .cs-hero-page-top:first-child) .cs-site-language-toggle .cs-header__scheme-toggle-icons,
[data-scheme=dark] .cs-display-header-overlay .cs-site-language-toggle .cs-header__scheme-toggle-icons,
[data-scheme=dark] .cs-navbar-sticky-enabled .cs-site-language-toggle .cs-header__scheme-toggle-icons,
[data-scheme=dark] .cs-scroll-sticky .cs-site-language-toggle .cs-header__scheme-toggle-icons {
	background: rgba(var(--cs-dark-accent-color-rgb), 0.09);
}

.cs-site-language-toggle .cs-header__lang-option {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	position: relative;
	z-index: 3;
	pointer-events: auto;
	border-radius: 50%;
	text-decoration: none;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--cs-color-secondary);
	background: transparent;
	transition: 0.25s;
}

.cs-site-language-toggle .cs-header__lang-option.is-active {
	background: var(--cs-site-background);
	color: var(--cs-color-accent);
}

.cs-site-language-toggle .cs-header__lang-icon {
	display: block;
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.cs-site-language-toggle .cs-header__lang-fallback {
	line-height: 1;
}

.cs-offcanvas .cs-site-language-toggle .cs-header__lang-option {
	height: 32px;
}

.cs-offcanvas .cs-site-language-toggle .cs-header__lang-option.is-active {
	background: #ffffff;
}

@media (min-width: 1200px) {
	.cs-header .cs-header__toggles {
		gap: 0;
	}

	.cs-header .cs-header__toggle {
		width: 42px;
	}

	.cs-header .cs-header__toggle .cs-header__toggle-icon {
		width: 42px;
	}

	.cs-header .cs-header__search-toggle {
		width: 40px;
	}

	.cs-header .cs-site-scheme-toggle {
		width: 72px;
	}

	.cs-header .cs-site-scheme-toggle .cs-header__scheme-toggle-icons {
		width: 54px;
	}

	.cs-header .cs-site-scheme-toggle .cs-header__scheme-toggle-icons .cs-icon {
		width: 24px;
		height: 24px;
	}

	.cs-header .cs-site-language-toggle {
		width: 72px;
		margin-left: 0.125rem;
	}

	.cs-header .cs-site-language-toggle .cs-header__scheme-toggle-icons {
		width: 54px;
	}

	.cs-header .cs-site-language-toggle .cs-header__lang-option {
		width: 24px;
		height: 24px;
	}

	.cs-header .cs-site-language-toggle .cs-header__lang-icon {
		width: 11px;
		height: 11px;
	}

	.cs-header .cs-header__toggles:not(:first-child) {
		margin-left: 0;
	}

	.cs-header .cs-header__toggles + .cs-header__custom-button {
		margin-left: 0.25rem;
	}
}

@media (hover: hover) {
	.cs-site-language-toggle:hover .cs-header__lang-option:not(.is-active) {
		color: var(--cs-color-accent);
	}
}

/* Footer: 30% logo/info, 40% menu columns, 30% countries badges */
.barakabits-footer-countries__title {
	margin: 0;
	font-family: var(--cs-font-footer-menu-family), sans-serif;
	font-size: var(--cs-font-footer-menu-size);
	font-weight: var(--cs-font-footer-menu-weight);
	font-style: var(--cs-font-footer-menu-style);
	letter-spacing: var(--cs-font-footer-menu-letter-spacing);
	text-transform: var(--cs-font-footer-menu-text-transform);
	line-height: var(--cs-font-footer-menu-line-height);
	color: var(--cs-color-primary);
}

.barakabits-footer-countries__list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 1rem;
}

.barakabits-footer-countries__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.3125rem 0.75rem;
	border-radius: 999px;
	font-family: var(--cs-font-footer-submenu-family), sans-serif;
	font-size: 0.875rem;
	line-height: 1;
	text-decoration: none;
	color: var(--cs-color-primary);
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.08);
	transition: 0.25s;
}

@media (hover: hover) {
	.barakabits-footer-countries__badge:hover {
		color: var(--cs-color-primary);
		background: rgba(255, 255, 255, 0.15);
		border-color: rgba(255, 255, 255, 0.22);
	}
}

@media (max-width: 991.98px) {
	.barakabits-footer-countries {
		margin-top: 1rem;
	}
}

@media (min-width: 992px) {
	.cs-footer__inner:has(.cs-footer__primary):has(.cs-footer__columns):has(.cs-footer__secondary),
	.cs-footer__inner:has(.cs-footer__primary):has(.cs-footer__columns) {
		grid-template-columns: 30% minmax(0, 70%);
		align-items: start;
	}

	.cs-footer__primary {
		min-width: 0;
	}

	.cs-footer__description {
		max-width: 100%;
	}

	.cs-footer__logo img {
		max-width: 220px;
		height: auto;
	}

	.barakabits-footer-columns-wrap {
		min-width: 0;
		display: grid;
		grid-template-columns: 57% 43%;
		column-gap: 2rem;
		align-items: start;
	}

	.barakabits-footer-columns__menus {
		min-width: 0;
	}

	.barakabits-footer-columns__menus .cs-footer-columns__nav {
		justify-content: flex-start;
		column-gap: 1.5rem;
	}

	.barakabits-footer-columns__menus .cs-footer-columns__nav > li {
		max-width: none;
		flex: 1 1 140px;
	}

	.barakabits-footer-secondary {
		grid-column: 1 / -1;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		column-gap: 1rem;
		row-gap: 0.75rem;
		flex-wrap: wrap;
		border-top: 1px solid var(--cs-color-border);
		padding-top: 1.25rem;
		margin-top: 1rem;
	}

	.barakabits-footer-secondary .cs-footer__copyright {
		order: 1;
		margin-right: 0;
	}

	.barakabits-footer-secondary .cs-footer__nav-menu {
		order: 2;
		margin-left: auto;
	}

	.barakabits-footer-secondary .cs-footer__nav {
		justify-content: flex-end;
	}
}

@media (max-width: 575.98px) {
	.cs-header__custom-button.cs-button-animated {
		padding: 0.32rem 20px 0.32rem 9px;
		font-size: 0.75rem;
	}
}

@media (max-width: 991.98px) {
	.barakabits-footer-secondary {
		border-top: 1px solid var(--cs-color-border);
		padding-top: 1rem;
		margin-top: 0.75rem;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		row-gap: 0.75rem;
	}

	.barakabits-footer-secondary .cs-footer__copyright {
		order: 1;
		margin-right: 0;
	}

	.barakabits-footer-secondary .cs-footer__nav-menu {
		order: 2;
	}
}