/*
Theme Name: 4plus1
Theme URI: https://www.4plus1.ba
Description: Child theme of Blocksy for 4plus1.ba — a Bosnian futsal news portal. Brand styling that echoes the previous "The League" design (firebrick-red accent, condensed headlines).
Author: 4plus1.ba
Template: blocksy
Version: 0.1.0
Text Domain: 4plus1
*/

/* Headline face — the old site used Roboto Condensed for headlines */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .widget-title,
.ct-widget-title {
  font-family: "Roboto Condensed", "Titillium Web", Arial, sans-serif;
  letter-spacing: .2px;
}

/* Section / widget titles get a red rule, like the old theme */
.widget-title, .ct-widget-title,
[data-prefix="archive"] .page-title {
  border-bottom: 2px solid var(--theme-palette-color-1);
  padding-bottom: .35rem;
}

/* Logo already contains the wordmark — hide the duplicated text site title */
.site-title-container,
.site-branding .site-title {
  display: none !important;
}

/* ---------- footer ---------- */
.ct-footer { background-color: #16181d !important; }
.ct-footer [data-row="bottom"] { background-color: transparent !important; }

.fp-footer { background: #16181d; color: #aeb6c0; padding: 2.6rem 0 2rem; }
.fp-footer__inner {
	display: grid; grid-template-columns: 1.6fr 1fr 1fr; gap: 2.5rem;
}
.fp-footer__logo img { max-width: 190px; height: auto; margin-bottom: .9rem; }
.fp-footer__brand p { margin: 0; font-size: .9rem; line-height: 1.6; max-width: 42ch; }
.fp-footer h3 {
	margin: 0 0 .9rem; color: #fff; font: 700 .95rem/1 "Roboto Condensed", Arial, sans-serif;
	text-transform: uppercase; letter-spacing: .5px;
	border-bottom: 2px solid var(--theme-palette-color-1, #b22222); padding-bottom: .35rem; display: inline-block;
}
.fp-footer ul { list-style: none; margin: 0; padding: 0; }
.fp-footer li { padding: .28rem 0; }
.fp-footer a { color: #c3cad3; font-size: .9rem; }
.fp-footer a:hover { color: var(--theme-palette-color-1, #b22222); }
.fp-footer__social ul { display: flex; flex-wrap: wrap; gap: .5rem; }
.fp-footer__social a {
	display: inline-block; padding: .4rem .8rem; border: 1px solid #2c3038; border-radius: 3px;
	font-weight: 600; color: #d6dbe1;
}
.fp-footer__social a:hover { background: var(--theme-palette-color-1, #b22222); border-color: var(--theme-palette-color-1, #b22222); color: #fff; }

.ct-footer-copyright { color: #8b939d !important; font-size: .84rem; }
.ct-footer-copyright a { color: #b9c0c8; }

@media (max-width: 860px) {
	.fp-footer__inner { grid-template-columns: 1fr 1fr; }
	.fp-footer__brand { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
	.fp-footer__inner { grid-template-columns: 1fr; }
}

/* Category labels as red uppercase pills */
.entry-meta [class*="categories"] a,
.ct-meta-categories a {
  color: #fff !important;
  background: var(--theme-palette-color-1);
  padding: 1px 7px;
  border-radius: 2px;
  text-transform: uppercase;
  font: 700 11px/1.7 "Roboto Condensed", Arial, sans-serif;
}