/*
Theme Name: Informer Child
Template: coupon-shop
Description: Hebrew RTL child theme of Coupon Shop for informer.co.il. Hebrew templates, parts and patterns, Heebo font, RTL fixes. Parent updates do not touch these files.
Author: Informer
Version: 1.0.4
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: informer-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ---------- Base (Hebrew) ---------- */
body {
	font-family: var(--wp--preset--font-family--body);
}

body,
.wp-element-button,
.wp-block-button__link,
.wp-block-navigation {
	letter-spacing: 0;
}

/* Latin brand names inside Hebrew text keep their own direction */
.wp-block-site-title a {
	unicode-bidi: plaintext;
}

/* ---------- Header ---------- */
.informer-topbar p {
	margin: 0;
}

.informer-topbar i {
	margin-left: 6px;
}

.header-bottom .wp-block-site-title {
	margin: 0;
	font-size: 28px;
	font-weight: 800;
}

.header-bottom .wp-block-site-title a {
	color: var(--wp--preset--color--text-2);
	text-decoration: none;
}

.informer-header-search .wp-block-search__button {
	background: transparent;
	color: var(--wp--preset--color--text-2);
	border: 0;
	padding: 6px;
}

.informer-header-search .wp-block-search__input {
	border-radius: 8px;
}

.header-bottom .wp-block-navigation a:hover,
.header-bottom .wp-block-navigation .current-menu-item > a {
	color: var(--wp--preset--color--primary);
}

/* ---------- RTL: arrows and decorative images point the right way ---------- */
.section2-btn .wp-block-button__link::after,
.section2-category-coupon-static .wp-block-button__link::after {
	content: "\f100";
	font-family: "Font Awesome 7 Free", "Font Awesome 5 Free";
	font-weight: 900;
}

.head-box .line-choose img,
.head-box .wp-block-image img[src*="Line-1"] {
	transform: scaleX(-1);
}

.wp-block-read-more.informer-more::after {
	content: "\f104";
	font-family: "Font Awesome 7 Free", "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 0.85em;
	margin-right: 6px;
}

/* ---------- Home: category cards with icons ---------- */
.informer-cat-icon {
	font-size: 40px;
	line-height: 1;
	color: var(--wp--preset--color--text-2);
	margin: 0 0 12px;
}

.section2-category-coupon-static .wp-block-column:hover .informer-cat-icon,
.choose-cards .wp-block-column:hover .informer-cat-icon {
	color: var(--wp--preset--color--primary);
}

.section2-category-coupon-static h3 a {
	color: inherit;
	text-decoration: none;
}

.choose-cards .informer-cat-icon {
	font-size: 54px;
	color: var(--wp--preset--color--primary);
	margin-bottom: 24px;
}

/* ---------- Post cards (home, archive, search) ---------- */
.informer-cards > li,
.informer-cards .wp-block-post {
	list-style: none;
}

.informer-card {
	height: 100%;
	display: flex;
	flex-direction: column;
	background: var(--wp--preset--color--base-2);
	border: 1px solid #ececec;
	border-radius: 14px;
	overflow: hidden;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.informer-card:hover {
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.informer-card .wp-block-post-featured-image {
	margin: 0;
}

.informer-card .wp-block-post-featured-image img {
	border-radius: 0;
}

.informer-card-body {
	padding: 18px 20px 20px;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.informer-card .wp-block-post-title a {
	color: var(--wp--preset--color--text-2);
	text-decoration: none;
}

.informer-card .wp-block-post-title a:hover {
	color: var(--wp--preset--color--primary);
}

.informer-card .wp-block-post-terms a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
	font-weight: 600;
}

.informer-card .wp-block-post-date {
	color: #6b6b6b;
}

.informer-card .wp-block-read-more {
	margin-top: auto;
	color: var(--wp--preset--color--primary);
	font-weight: 600;
	text-decoration: none;
}

.informer-empty {
	background: var(--wp--preset--color--tetiary);
	border-radius: 12px;
	padding: 24px;
}

/* ---------- Breadcrumbs (AIOSEO block) ---------- */
.informer-crumbs {
	font-size: 14px;
	color: #555;
}

.informer-crumbs a {
	color: var(--wp--preset--color--primary);
	text-decoration: none;
}

/* ---------- Single post ---------- */
.informer-disclosure {
	background: var(--wp--preset--color--tetiary);
	border-right: 4px solid var(--wp--preset--color--primary);
	border-radius: 8px;
	padding: 10px 14px;
	font-size: 14px;
}

.single .wp-block-post-content a {
	color: var(--wp--preset--color--primary);
}

/* ---------- Sidebar ---------- */
.sidebar-boxes > .wp-block-group {
	margin-bottom: 24px;
}

.sidebar-boxes .wp-block-categories,
.sidebar-boxes .wp-block-latest-posts {
	padding-right: 0;
	margin: 0;
	list-style: none;
}

.sidebar-boxes .wp-block-categories li,
.sidebar-boxes .wp-block-latest-posts li {
	padding: 6px 0;
	border-bottom: 1px dashed #e2e2e2;
}

.sidebar-boxes a {
	color: var(--wp--preset--color--text-2);
	text-decoration: none;
}

.sidebar-boxes a:hover {
	color: var(--wp--preset--color--primary);
}

/* ---------- Footer ---------- */
.footer-section .wp-block-navigation a {
	color: var(--wp--preset--color--base-2);
	text-decoration: none;
}

.footer-section .wp-block-navigation a:hover {
	color: var(--wp--preset--color--primary);
}

.footer-section .wp-block-site-title a {
	text-decoration: none;
}

.informer-footer-legal {
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.informer-footer-legal .wp-block-navigation a {
	color: var(--wp--preset--color--base-2);
	text-decoration: none;
	font-size: 14px;
}

/* ---------- Pagination ---------- */
.wp-block-query-pagination a,
.wp-block-query-pagination .page-numbers {
	text-decoration: none;
}

.wp-block-query-pagination .page-numbers.current {
	color: var(--wp--preset--color--primary);
	font-weight: 700;
}

/* ---------- Mobile ---------- */
@media (max-width: 781px) {
	.header-bottom .header-btm-boxes {
		flex-wrap: nowrap !important;
		align-items: center;
	}

	.header-bottom .header-btm-boxes > .wp-block-column {
		flex-basis: auto !important;
	}

	.header-bottom .informer-logo-col {
		flex-grow: 1 !important;
	}

	.header-bottom .wp-block-site-title {
		font-size: 24px;
	}

	.banner-section-coupon .wp-block-heading {
		font-size: 30px !important;
	}

	.informer-topbar p {
		font-size: 13px !important;
		text-align: center;
	}

	.footer-section .footer-boxes {
		text-align: right;
	}
}

/* ---------- Fixes after first render (1.0.1) ---------- */
/* Parent overlays the header on the home banner; keep it in normal flow */
.home .header-bottom {
	position: relative;
}

.smart-by-category-section .informer-cat-icon {
	font-size: 40px !important;
	line-height: 1;
	margin-bottom: 10px;
}

@media (max-width: 781px) {
	.header-bottom .header-btm-left {
		flex-grow: 0 !important;
		width: auto !important;
	}

	.header-bottom .header-btm-left nav {
		width: auto !important;
	}

	.footer-section .footer-boxes .wp-block-navigation-item,
	.footer-section .footer-box2 ul li,
	.footer-section .footer-box3 ul li {
		justify-content: flex-start !important;
		text-align: right;
	}

	.footer-section .footer-boxes .wp-block-navigation__container {
		align-items: flex-start !important;
	}

	.informer-topbar p {
		font-size: 12px !important;
	}
}

/* ---------- RTL icon direction (1.0.2) ---------- */
/* Parent uses chevron-right (\f054) before category links; in RTL it must point left */
.wp-block-categories-list.wp-block-categories li::before,
.taxonomy-category a::before {
	content: "\f053";
	font-family: "Font Awesome 7 Free", "Font Awesome 5 Free";
}

.informer-card .taxonomy-category a::before {
	display: none;
}

/* AIOSEO breadcrumb separator: icon that always points left (plain glyphs get mirrored or not, depending on context) */
.aioseo-breadcrumb-separator {
	font-size: 0;
	margin: 0 8px;
}

.aioseo-breadcrumb-separator::before {
	content: "\f104";
	font-family: "Font Awesome 7 Free", "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 12px;
	color: #999;
}

/* Comments box renders empty when comments are closed */
.comment-box:empty {
	display: none;
}

/* Mobile menu overlay: the current item must stay readable on the orange background */
.wp-block-navigation__responsive-container.is-menu-open .current-menu-item > a,
.wp-block-navigation__responsive-container.is-menu-open a:hover {
	color: var(--wp--preset--color--base-2) !important;
	text-decoration: underline;
	text-underline-offset: 6px;
}