/*
Theme Name:   Karuna – Monastère de Rixensart
Description:  Thème enfant de Karuna reproduisant l'apparence du site monastererixensart.be (WordPress.com) : polices Gentium Book Basic / Quattrocento Sans et palette orange, brique et bleu.
Template:     karuna
Version:      1.0.0
Text Domain:  karuna-rixensart
*/

/* ---------- Palette (relevée sur le site d'origine) ---------- */
:root {
	--mr-text:        #333333;
	--mr-headings:    #222222;
	--mr-meta:        #6D6D6D;
	--mr-bg:          #ffffff;
	--mr-orange:      #f38148; /* barre du haut, pied de page, sous-menus */
	--mr-brique:      #C0470B; /* liens, contours de boutons */
	--mr-bleu:        #06408d; /* zone de widgets d'en-tête, survol des boutons */
	--mr-bouton:      #e97733; /* boutons pleins dans le contenu */
	--mr-border:      #dddddd;
}

/* ---------- Polices ---------- */
body,
button,
input,
select,
textarea {
	font-family: "Quattrocento Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6,
.site-title,
.entry-title,
.widget-title,
.recent-posts .recent-posts-title,
.recent-posts .entry-title,
.front-testimonials .hentry .entry-title,
.comment-reply-title,
.comments-title,
.site-content .full-width-widget-area .widget-title {
	font-family: "Gentium Book Basic", serif;
	font-weight: 400;
	font-style: normal;
}

/* ---------- Couleurs de base ---------- */
body,
.main-navigation a,
.main-navigation a:visited,
.main-navigation a:hover {
	color: var(--mr-text);
}

body,
.sticky-wrapper,
.site-info {
	background-color: var(--mr-bg);
}

h1, h2, h3, h4 {
	color: var(--mr-headings);
}

.entry-meta,
.entry-footer,
.entry-meta a,
.entry-footer a {
	color: var(--mr-meta);
}

.comment-navigation,
.posts-navigation,
.post-navigation {
	border-color: rgba(221, 221, 221, 0.25);
}

/* ---------- Bandeaux orange ---------- */
.main-navigation ul ul,
.footer-widgets-wrapper,
.site-footer,
.top-bar {
	background-color: var(--mr-orange);
}

.main-navigation ul ul a,
.main-navigation ul ul a:focus,
.main-navigation ul ul a:hover,
.main-navigation ul ul a:visited,
.footer-widgets-wrapper,
.footer-widgets-wrapper a,
.footer-widgets-wrapper a:visited,
.footer-widgets-wrapper a:hover,
.footer-widgets-wrapper a:focus,
.footer-widgets-wrapper .widget-title,
.footer-widgets-wrapper .widget-title a,
.footer-widgets-wrapper button,
.footer-widgets-wrapper input[type="button"],
.footer-widgets-wrapper input[type="reset"],
.footer-widgets-wrapper input[type="submit"],
.footer-widgets-wrapper .button,
.site-footer,
.site-footer a,
.top-bar,
.top-bar a,
.top-bar a:visited,
.top-bar a:hover,
.top-bar a:focus {
	color: #ffffff;
}

.footer-widgets-wrapper button,
.footer-widgets-wrapper input[type="button"],
.footer-widgets-wrapper input[type="reset"],
.footer-widgets-wrapper input[type="submit"],
.footer-widgets-wrapper .button {
	border-color: #ffffff;
}

/* Le pied de page d'origine a un fond blanc sous la barre orange */
.site-info {
	color: #ffffff;
}

/* ---------- Zone de widgets d'en-tête (bleu) ---------- */
.header-widget-area {
	background-color: var(--mr-bleu);
}

.header-widget-area,
.header-widget-area a,
.header-widget-area a:visited,
.header-widget-area a:hover,
.header-widget-area a:focus,
.header-widget-area .widget-title,
.header-widget-area .widget-title a,
.header-widget-area .button,
.header-widget-area button,
.header-widget-area input[type="button"],
.header-widget-area input[type="reset"],
.header-widget-area input[type="submit"] {
	color: #ffffff;
}

.header-widget-area .button,
.header-widget-area button,
.header-widget-area input[type="button"],
.header-widget-area input[type="reset"],
.header-widget-area input[type="submit"] {
	border-color: #ffffff;
}

/* ---------- Liens et boutons ---------- */
a,
a:visited,
.comment-navigation a,
.posts-navigation a,
.post-navigation a {
	color: var(--mr-brique);
}

#infinite-handle span,
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-color: var(--mr-brique);
	color: var(--mr-brique);
}

#infinite-handle span:hover,
#infinite-handle span:focus,
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: var(--mr-bleu);
	color: var(--mr-bleu);
}

/* Boutons pleins du contenu (« Horaires de la communauté ») */
.wp-block-button__link:not(.has-background) {
	background-color: var(--mr-bouton);
}

.wp-block-button__link,
.wp-block-button__link:visited {
	color: #ffffff;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* ---------- Mobile ---------- */
@media screen and (max-width: 767px) {
	.main-navigation ul ul {
		background-color: transparent !important;
	}
	.main-navigation ul ul a {
		color: inherit !important;
	}
}