/*
Theme Name: COD Kadence Child
Template: kadence
Description: Child theme for the COD store: the Cozia look.
Version: 0.3.1
Text Domain: cod-kadence-child
*/

/* Fonts: Tajawal (Latin + Arabic) and Fraunces (Latin titles), self-hosted, SIL OFL (fonts/README.md). */
@font-face { font-family: Tajawal; font-weight: 400; font-display: swap; src: url(fonts/tajawal-latin-400.woff2) format("woff2"); unicode-range: U+0000-02FF, U+2000-206F, U+20AC; }
@font-face { font-family: Tajawal; font-weight: 700; font-display: swap; src: url(fonts/tajawal-latin-700.woff2) format("woff2"); unicode-range: U+0000-02FF, U+2000-206F, U+20AC; }
@font-face { font-family: Tajawal; font-weight: 400; font-display: swap; src: url(fonts/tajawal-arabic-400.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: Tajawal; font-weight: 700; font-display: swap; src: url(fonts/tajawal-arabic-700.woff2) format("woff2"); unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF; }
@font-face { font-family: Fraunces; font-weight: 700; font-display: swap; src: url(fonts/fraunces-latin-700.woff2) format("woff2"); unicode-range: U+0000-02FF, U+2000-206F, U+20AC; }

/* Palette: terracotta on cream, mapped onto Kadence's global palette. */
html:root {
	--global-palette1: #a8481f;
	--global-palette2: #8c3a17;
	--global-palette3: #2c2118;
	--global-palette4: #2c2118;
	--global-palette5: #5e4d3e;
	--global-palette6: #8a7a66;
	--global-palette7: #f2e6d3;
	--global-palette8: #faf4ea;
	--global-palette9: #faf4ea;
	--global-body-font-family: Tajawal, system-ui, sans-serif;
	--global-heading-font-family: Fraunces, Tajawal, serif;
}
body, button, input, select, textarea { font-family: Tajawal, system-ui, sans-serif; }
h1, h2, h3, .site-title { font-family: Fraunces, Tajawal, serif; letter-spacing: -.01em; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { font-family: Tajawal, sans-serif; letter-spacing: 0; }

/* Page: no boxed content, the cream runs edge to edge. */
.content-bg, .site-main .entry, .entry.content-bg, .single-content { background: transparent; box-shadow: none; }
.content-area { margin-block: 1rem; }
.entry-content-wrap { padding: 0; }
.site-container { padding-inline: 1rem; }

/* Header: the name in both scripts. */
#masthead, .site-header-row-container-inner { background: var(--global-palette8); }
.site-title { font-size: 1.6rem; font-weight: 700; line-height: 1; }
/* Logo: logo.svg (cozia + كوزيا, zellige star on the i), the name stays in the HTML for screen readers. */
#masthead .site-title { width: 4.4rem; height: 3.5rem; background: url(logo.svg) no-repeat center / contain; color: transparent; font-size: 0; overflow: hidden; }
.site-title::after { content: none; display: block; font-family: Tajawal, sans-serif; font-size: .75rem; line-height: 1.2; color: var(--global-palette1); letter-spacing: 0; }

/* Footer. */
.site-footer, .site-footer-row-container-inner { background: var(--global-palette3); color: var(--global-palette8); }
.site-footer a { color: inherit; }
.home .entry-content-wrap { padding-inline: 1rem; }

/* Header menu. */
.main-navigation .menu > li > a, .mobile-navigation a { font-weight: 700; color: var(--global-palette3); }
.main-navigation .menu > li > a:hover, .mobile-navigation a:hover { color: var(--global-palette1); }

/* Footer (cod-core prints .cod-footer above Kadence's copyright row). */
.cod-footer {
	display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr)); box-sizing: border-box;
	max-width: 72rem; margin-inline: auto; padding: 2.5rem 1rem 1rem;
	background: var(--global-palette3); color: var(--global-palette8); font-size: .95rem;
}
.cod-footer p { margin: 0 0 .4rem; }
.cod-footer ul { list-style: none; margin: 0; padding: 0; }
.cod-footer li { margin-block-end: .5rem; }
.cod-footer a { color: inherit; text-decoration: underline; text-underline-offset: .2em; display: inline-block; min-height: 1.75rem; }
.cod-footer__name { font-family: Fraunces, Tajawal, serif; font-size: 1.6rem; font-weight: 700; }
.cod-footer__name span { font-family: Tajawal, sans-serif; font-size: 1rem; color: #e9a27f; margin-inline-start: .4rem; }
.cod-footer__title { font-weight: 700; text-transform: uppercase; letter-spacing: .06em; font-size: .8rem; color: #e9a27f; }
body:has(.cod-footer) .site-footer { background: var(--global-palette3); }