/* =========================================================
 * Morocco Tourism Travel - Article Background
 * ---------------------------------------------------------
 * Warm magazine-style reading surface for article pages:
 *   background  #F7F3EC  (warm cream sand)
 *   headings    #142C3D  (navy)
 *   links       #A84F2B  (terracotta)
 *   body copy   #29333A  (dark slate)
 *
 * Scoped to article pages only (body.single-post for blog
 * articles, body.single-mt_guide for travel guides). The
 * home page, the blog index, category archives and the
 * product grids keep their original white surfaces.
 *
 * This theme does not use the generic .entry-content /
 * .entry-title / .site-main / .content-area wrappers, so
 * the article body and card are addressed through the
 * theme's own .ms-prose / .ms-art classes.
 *
 * Every rule is qualified with the body class so it
 * outranks the base .ms-* rules without !important.
 * ========================================================= */

/* Background for single blog posts */
body.single-post,
body.single-mt_guide {
	background-color: #F7F3EC;
	color: #29333A;
}

/* Main article area */
body.single-post article,
body.single-mt_guide article,
body.single-post .ms-art,
body.single-mt_guide .ms-art {
	background-color: #F7F3EC;
	border-color: #DED6C9;
}

/* Article titles */
body.single-post .ms-prose h1,
body.single-post .ms-prose h2,
body.single-post .ms-prose h3,
body.single-post .ms-prose h4,
body.single-mt_guide .ms-prose h1,
body.single-mt_guide .ms-prose h2,
body.single-mt_guide .ms-prose h3,
body.single-mt_guide .ms-prose h4 {
	color: #142C3D;
}

/* Paragraphs and lists */
body.single-post .ms-prose p,
body.single-post .ms-prose li,
body.single-mt_guide .ms-prose p,
body.single-mt_guide .ms-prose li {
	color: #29333A;
}

/* Links inside articles.
   Gutenberg block buttons are excluded: WordPress renders them
   as a white pill on a dark fill, so they must keep their own
   colour instead of becoming a terracotta underlined link. */
body.single-post .ms-prose a:not(.wp-block-button__link),
body.single-mt_guide .ms-prose a:not(.wp-block-button__link) {
	color: #A84F2B;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.single-post .ms-prose a:not(.wp-block-button__link):hover,
body.single-post .ms-prose a:not(.wp-block-button__link):focus,
body.single-mt_guide .ms-prose a:not(.wp-block-button__link):hover,
body.single-mt_guide .ms-prose a:not(.wp-block-button__link):focus {
	color: #142C3D;
}

/* Tables */
body.single-post .ms-prose table,
body.single-mt_guide .ms-prose table {
	border-collapse: collapse;
	background-color: #FFFFFF;
}

body.single-post .ms-prose th,
body.single-post .ms-prose td,
body.single-mt_guide .ms-prose th,
body.single-mt_guide .ms-prose td {
	border: 1px solid #DED6C9;
	padding: 10px 12px;
	vertical-align: top;
}

body.single-post .ms-prose th,
body.single-mt_guide .ms-prose th {
	background-color: #142C3D;
	color: #FFFFFF;
	font-weight: 700;
	text-align: left;
}

body.single-post .ms-prose td,
body.single-mt_guide .ms-prose td {
	background-color: #FFFFFF;
	color: #29333A;
}

/* Keep images looking natural */
body.single-post .ms-prose img,
body.single-mt_guide .ms-prose img {
	max-width: 100%;
	height: auto;
}