/* =============================================================================
   EBF Boxing Italy — custom CSS per Black Hole (stile: Themer)
   Percorso da inserire nelle impostazioni tema:
       ../../sites/ebfboxing.it/custom.css
   Palette: rosso #cc0000 | oro #c9a84c | grigio nav #2e2e2e | scuro #1a1a1a
   ============================================================================= */

/* ── Header e blocchi evidenziati ──────────────────────────────────────────── */
#top_bg, .themed-block {
  background-color: #1a1a1a;
  background-image: linear-gradient(to top, #2a1a1a 0%, #1a1a1a 120px);
}

/* ── Pre-footer ─────────────────────────────────────────────────────────────── */
#section2 {
  background-color: #1a1a1a;
  background-image: linear-gradient(to top, #1a1a1a 0%, #222 120px);
}

/* ── Titoli ─────────────────────────────────────────────────────────────────── */
h1, h2, h3, .block-title { color: #e0e0e0; }

/* ── Link ───────────────────────────────────────────────────────────────────── */
a, a:link, #name-and-slogan a { color: #aaa; }
a:hover, a:active             { color: #fff; }
a.is-active, ul.menu a.is-active { color: #cc0000; }

/* ── Menu principale ────────────────────────────────────────────────────────── */
.pure-menu-link {
  color: #ddd !important;
  text-shadow: 1px 1px #000;
  background: #2e2e2e;
}
.pure-menu-link:hover, .pure-menu-link:focus {
  background: #cc0000 !important;
  color: #fff !important;
}
.pure-menu-selected > .pure-menu-link,
.pure-menu-selected > .pure-menu-link:visited {
  color: #fff !important;
  background: #cc0000 !important;
}
.pure-menu-children { background-color: #1e1e1e; }
.pure-menu-children .pure-menu-link {
  background: #242424;
  border-color: #333 #111 #111 #333;
}
.pure-menu-children a:hover,
.pure-menu-children a:focus { background: #cc0000 !important; }

/* Barra nav: niente bordo sopra, rosso sotto */
#menu { border-top: none; border-bottom: 2px solid #cc0000; }
.menuband { background: #2a2a2a; }
.menu-toggle .bars { background: #fff; }

/* ── Titolo blocco ──────────────────────────────────────────────────────────── */
h2.block-title, h3.block-title, .block-title {
  color: #e8e8e8;
  border-left: 4px solid #cc0000;
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: #252525;
  padding: 7px 10px 7px 14px;
  margin-bottom: 0;
}

/* ── Barra in alto (lingua / account) ──────────────────────────────────────── */
.region-topreg a       { color: #bbb; }
.region-topreg a:hover { color: #c9a84c; }

.region-topreg .language-switcher-language-url {
  list-style: none; margin: 0; padding: 0; display: flex; gap: 4px;
}
.region-topreg .language-switcher-language-url li a {
  padding: 1px 7px; border: 1px solid #444; border-radius: 3px;
  font-size: .82em; text-transform: uppercase; color: #aaa; text-decoration: none;
}
.region-topreg .language-switcher-language-url .is-active a,
.region-topreg .language-switcher-language-url li a:hover {
  background: #cc0000; border-color: #cc0000; color: #fff;
}
.region-topreg .menu--account,
.region-topreg .block-system-menu-block--account ul.menu {
  list-style: none; margin: 0; padding: 0; display: flex; flex-direction: row;
}
.region-topreg .block-system-menu-block--account ul.menu li + li::before,
.region-topreg .menu--account li + li::before { content: '|'; color: #444; margin: 0 5px; }
.region-topreg .block-system-menu-block--account a { color: #bbb; font-size: .82em; text-decoration: none; }
.region-topreg .block-system-menu-block--account a:hover { color: #c9a84c; }

/* ── Sezioni user1-4 ────────────────────────────────────────────────────────── */
#section1 { border-bottom: 2px solid #cc0000; }
.u1, .u2, .u3, .u4 { border-right: 1px solid #333; }

/* ── Pre-footer user5-7 ─────────────────────────────────────────────────────── */
#section2 .block-title { color: #c9a84c; background: transparent; border-left-color: #cc0000; }
#section2 a            { color: #bbb; }
#section2 a:hover      { color: #c9a84c; }

/* ── Footer ─────────────────────────────────────────────────────────────────── */
#bottom_bg { border-top: 3px solid #cc0000; }
.footer-below { border-top: 1px solid #222; color: #555; font-size: .82em; }
.footer-below a       { color: #666; }
.footer-below a:hover { color: #c9a84c; }
.social-links a       { background: #2e2e2e; border-radius: 50%; }
.social-links a:hover { background: #cc0000; }

/* ── Pulsanti ───────────────────────────────────────────────────────────────── */
.pure-button, input[type="submit"], button[type="submit"], .form-submit {
  background: #555 !important; color: #fff !important;
  border: none; text-transform: uppercase; font-size: .85em; letter-spacing: .05em;
}
.pure-button:hover, input[type="submit"]:hover,
button[type="submit"]:hover, .form-submit:hover {
  background: #cc0000 !important; color: #fff !important;
}

/* ── Views / form ───────────────────────────────────────────────────────────── */
.views-row      { border-bottom: 1px solid #2a2a2a; padding: 8px 0; }
.views-row:hover { border-left: 3px solid #cc0000; padding-left: 8px; }
input[type="text"]:focus, input[type="search"]:focus,
textarea:focus { border-color: #cc0000; outline: none; }

/* ── Nodi: titolo teaser, submitted, contenuto, immagine ───────────────────── */
.node__title a {
  color: #cc0000;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
}
.node__title a:hover { color: #e0e0e0; }

.node__submitted, .node__submitted a { font-size: 12px; color: #7f7f7f; }
.node__submitted { padding-bottom: 13px; }

.node { padding-bottom: 29px; }
.node__content p { padding-bottom: 14px; line-height: 17px; }
.node__content a { color: #cc0000; font-weight: bold; text-decoration: none; }
.node__content a:hover { text-decoration: underline; }
.node__content .field--type-image { float: left; margin: 0 21px 10px 0; }

/* ── Read more (nodi teaser) ────────────────────────────────────────────────── */
.node__readmore a,
ul.links li.node-readmore a {
  color: #fff; text-decoration: none; font-size: 12px;
  background: #555; float: left; padding: 2px 9px;
  border-radius: 2px;
}
.node__readmore a:hover,
ul.links li.node-readmore a:hover { background: #cc0000; }

/* ── Blocchi: lista link di default ────────────────────────────────────────── */
.block-content { padding-top: 12px; }
.block-content li { padding-left: 9px; padding-bottom: 11px; }
.block-content li a { color: #cc0000; font-size: 13px; line-height: 17px; text-decoration: none; }
.block-content li a:hover { text-decoration: underline; }

/* ── Breadcrumb ─────────────────────────────────────────────────────────────── */
.breadcrumb { color: #aaa; padding-bottom: 10px; }
.breadcrumb a { color: #cc0000; font-size: 14px; text-decoration: none; }
.breadcrumb a:hover { color: #e0e0e0; }

/* ── Pager ──────────────────────────────────────────────────────────────────── */
.pager__item { display: inline-block; }
.pager__item a {
  background: #242424; color: #fff; text-decoration: none;
  padding: 3px 12px; border-radius: 2px; display: inline-block;
}
.pager__item--current a,
.pager__item a:hover { background: #4f4f4f; }

/* ── Sports Experts block (adattato da theme538/css/style.css righe 205-213) ── */
#block-sports-experts-sidebar {
  background: #222121;
  border-radius: 2px;
  overflow: hidden;
  margin: 0 0 20px;
}
#block-sports-experts-sidebar .block-title {
  background: none;
  border-left: none;
  font-size: 13px;
  padding: 14px 0 7px 18px;
  color: #e8e8e8;
  text-transform: uppercase;
  letter-spacing: .06em;
}
#block-sports-experts-sidebar .field--name-field-image {
  float: left;
  margin: 0 10px 5px 0;
}
#block-sports-experts-sidebar .field--name-field-image img {
  width: 76px;
  height: 81px;
  object-fit: cover;
  display: block;
}
#block-sports-experts-sidebar .block-content {
  padding: 0 10px 20px 19px;
  color: #d1d1d1;
  line-height: 16px;
  font-size: 12px;
}
#block-sports-experts-sidebar .block-content a {
  font-weight: bold;
  text-decoration: none;
  color: #cc0000;
  font-size: 12px;
}
#block-sports-experts-sidebar .block-content a:hover { text-decoration: underline; }
#block-sports-experts-sidebar .more-link { clear: both; padding: 0 10px 0 19px; }
#block-sports-experts-sidebar .more-link a {
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
}
#block-sports-experts-sidebar .more-link a:hover { text-decoration: underline; }
/* annulla bordo generico views-row dentro questo blocco */
#block-sports-experts-sidebar .views-row,
#block-sports-experts-sidebar .views-row:hover {
  border: none;
  padding-left: 0;
}

/* ── Link "more / All events" nei blocchi sidebar (stile D7 theme538) ───────── */
.block-content a.more {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background: #cc0000;
  padding: 2px 10px 3px;
  border-radius: 2px;
  margin-top: 8px;
}
.block-content a.more:hover { background: #990000; color: #fff; }

/* ── Mobile ─────────────────────────────────────────────────────────────────── */
@media screen and (max-width: 48em) {
  .pure-menu-link, .pure-menu-children .pure-menu-link {
    background: none; border: none; color: #ccc !important;
  }
  .pure-menu-link:hover { background: #cc0000 !important; color: #fff !important; }
}