/*
Theme Name:   TWGPack
Template:     twentytwentyfive
Theme URI:    https://twgpack.com
Author:       TWGPack
Description:  Child theme of Twenty Twenty-Five for TWGPack (TECHWEGO GROUP SDN. BHD.) — see docs/adr for design decisions.
Version:      0.1.1
Text Domain:  twgpack-child
Requires PHP: 8.1
*/

/* Homepage (1a "Editorial") — hero photo background with a dark tint so the
   light-on-photo text stays readable. Layered as two background-image values
   (gradient over photo) rather than a separate overlay element, since
   front-page.html is a static block template with no block support for
   stacking an absolutely-positioned tint div behind the content. */
.twg-hero {
	background-image: linear-gradient(rgba(20, 18, 16, 0.55), rgba(20, 18, 16, 0.55)), url('assets/images/hero-food-packaging.webp');
	background-size: cover;
	background-position: center;
}

.twg-trust-item .twg-trust-rule,
.twg-trust-rule {
	width: 36px;
	height: 3px;
	background: #D6B98A;
	margin: 0 auto 14px;
}

/* Compact "EN ▾" language dropdown pill (header.html) — a second, standalone
   core/navigation block (ref: the "Language Switcher" wp_navigation post)
   wrapping polylang/navigation-language-switcher. It has to stay a real
   Navigation block (not a plain wp:group) so WordPress's Interactivity API
   attaches and the dropdown toggle actually works; core/navigation doesn't
   support border/background, so the pill chrome is done here in CSS. */
.twg-lang-pill {
	border: 1px solid #dddddd;
	border-radius: 20px;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 600;
}

.twg-lang-pill .wp-block-navigation__container {
	gap: 4px;
}

.twg-lang-pill .wp-block-navigation-item__content {
	padding: 0;
}

/* Footer nav (parts/footer.html) — real Primary menu re-styled for the dark
   footer band; core/navigation has no hover-color support, hence the CSS. */
.twg-footer-nav .wp-block-navigation-item__content {
	font-size: 13px;
}

.twg-footer-nav .wp-block-navigation-item__content:hover {
	color: #F4805A;
}