/*
Theme Name: Fotros
Theme URI: https://example.com/fotros
Author: Fotros Printing
Description: Custom RTL theme with CentralChap-style site header.
Version: 1.1.0
Text Domain: fotros
Requires at least: 6.0
Requires PHP: 7.4
*/

/* Design system — palette
   Green  #6A9C89
   Teal   #C1D8C2
   Cream  #FFF5E6
   Mango  #FFA725
*/

body#body {
	margin: 0;
	background-color: var(--color-cream);
	color: var(--color-ink);
}

.home-page-content {
	background-color: var(--color-cream);
}

.home-page-content h1,
.home-page-content h2,
.home-page-content h3 {
	color: var(--color-green-dark);
}

.home-page-content a {
	color: var(--color-green);
}

.intro-box,
.intro-grid .intro-box {
	background: var(--mainWhite);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	border: 1px solid var(--color-teal);
}

.faq-grid {
	background: var(--mainWhite);
	border-radius: var(--radius-md);
	padding: 2rem 1.25rem;
	box-shadow: var(--shadow-sm);
}

.containerfaq .question {
	color: var(--color-green-dark);
}

.logo-carousel-wrapper {
	background: var(--color-teal);
	border-radius: var(--radius-md);
	padding: 1.5rem 1rem 2rem;
}

.logo-carousel-wrapper h2,
.logo-carousel-wrapper p {
	color: var(--color-green-dark);
}

.logo-carousel-box {
	background: var(--mainWhite);
	border-radius: var(--radius-sm);
}

.products-sec__heading {
	padding: 2.5rem 0 5.5rem;
}

.products-sec__subtitle {
	display: block;
	font-size: 0.95rem;
	color: var(--color-mango);
	margin-bottom: 0.35rem;
	font-weight: 700;
}

.products-sec__title {
	font-size: 1.75rem;
	font-weight: 700;
	color: var(--color-green-dark);
	margin: 0 0 0.5rem;
}

.products-sec__desc {
	font-size: 1rem;
	color: var(--color-muted);
	margin: 0;
}

.bg__body__orange,
.products-sec.bg__body__orange {
	background-color: transparent !important;
}

.product__card,
.fotros-carousel--2 .product__card,
.fotros-carousel--3 .product__card {
	background-color: var(--mainWhite);
	box-shadow: var(--shadow-sm);
}

.footer .list__title,
.footer__content-about .about-us-text,
.footer__cpr {
	color: var(--color-green-dark);
}

.footer__cpr a span {
	color: var(--color-green-dark);
	font-weight: 700;
}
