:root {
  --ccb-navy: #011E40;
  --ccb-blue: #08305E;
  --ccb-blue-light: #124B84;
  --ccb-gold: #C8A34A;
  --ccb-gold-light: #E5C46A;
  --ccb-white: #FFFFFF;
  --ccb-bg: #F8FAFC;
  --ccb-border: #D8C79C;

  --conf-theme-header-bg: var(--ccb-navy);
  --conf-theme-header-border-bottom: var(--ccb-gold);
  --conf-theme-header-text: #fff;

  --conf-theme-subtitle-bg: var(--ccb-bg);
  --conf-theme-subtitle-border: var(--ccb-border);
  --conf-theme-subtitle-text: var(--ccb-navy);

  --conf-theme-menu-bg: var(--ccb-navy);
  --conf-theme-menu-border: var(--ccb-gold);
  --conf-theme-menu-link: #fff;
  --conf-theme-menu-selected: var(--ccb-gold);
  --conf-theme-menu-selected-bg: var(--ccb-blue);
  --conf-theme-menu-selected-border: var(--ccb-gold);
  --conf-theme-hover-bg: var(--ccb-blue-light);
  --conf-theme-hover-color: #fff;

  --conf-theme-support-bg: #fff;
  --conf-theme-support-border: var(--ccb-border);
  --conf-theme-support-header-bg: var(--ccb-navy);
  --conf-theme-support-header-text: #fff;
  --conf-theme-support-text: #24425a;

  --conf-theme-announcement-bg: #F8FAFC;
  --conf-theme-announcement-border: var(--ccb-border);
  --conf-theme-announcement-text: var(--ccb-navy);

  --conf-theme-sprite-image: url('/images/conf/sprites_blue.png');
}

body {
  background:
    radial-gradient(circle at top right, rgba(200, 163, 74, 0.14), transparent 34rem),
    linear-gradient(180deg, #011E40 0%, #011E40 17rem, #F8FAFC 17rem);
}

.confHeader {
  background:
    linear-gradient(135deg, #011E40 0%, #08305E 55%, #011E40 100%);
  border-bottom: 4px solid #C8A34A;
  color: #fff;
}

.confTitle,
.confTitleBox {
  color: #fff;
  letter-spacing: 0.02em;
}

.confTitle {
  font-weight: 700;
  text-transform: uppercase;
}


.confSubTitleBox {
  background: rgba(255,255,255,0.96);
  border: 1px solid #D8C79C;
  color: #011E40;
}

.conf_leftMenu {
  background: #011E40;
  border: 1px solid #C8A34A;
  border-radius: 10px;
  overflow: hidden;
}

.conf_leftMenu a {
  color: #fff;
  font-weight: 500;
}

.conf_leftMenu a:hover {
  background: #124B84;
  color: #E5C46A;
}

.conf_leftMenu .selected,
.conf_leftMenu .selected a {
  background: #08305E;
  color: #C8A34A;
  font-weight: 700;
}

.confBodyBox,
.mainContent,
.event-page-content {
  background: #fff;
  border-radius: 14px;
}

h1, h2, h3,
.category-title,
.section-title {
  color: #011E40;
}

h1::after,
h2::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin-top: 0.4rem;
  background: linear-gradient(90deg, #C8A34A, transparent);
}

a {
  color: #08305E;
}

a:hover {
  color: #C8A34A;
}

button,
.i-button,
.action-button,
input[type="submit"] {
  background: #011E40;
  border-color: #C8A34A;
  color: #fff;
  border-radius: 6px;
}

button:hover,
.i-button:hover,
.action-button:hover,
input[type="submit"]:hover {
  background: #08305E;
  color: #E5C46A;
}

.announcement,
.conf_announcements {
  background: #F8FAFC;
  border-left: 5px solid #C8A34A;
  color: #011E40;
}

.support_box {
  border: 1px solid #D8C79C;
  border-radius: 10px;
}

.support_box .header {
  background: #011E40;
  color: #fff;
}

/* =====================================================
   UKRYCIE WYŁĄCZNIE TYTUŁU POD BANEREM
   ===================================================== */

/* Ukrycie wyłącznie nazwy konferencji */
.confTitle span[itemprop="title"] {
  display: none !important;
}

/* Wyśrodkowanie banera */
.confTitle .confLogoBannerBox {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;

  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.confTitle img.confLogo {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
}

/* Usunięcie dekoracji pod h1 */
.confTitle h1::before,
.confTitle h1::after {
  content: none !important;
  display: none !important;
}

/* =====================================================
   TŁO STRONY — USUNIĘCIE GRANATOWEGO PASA
   ===================================================== */

html,
body {
  background: #F8FAFC !important;
}

main,
#confSectionsBox {
  background: #F8FAFC !important;
}

.confBodyBox,
.mainContent,
.event-page-content {
  background: #FFFFFF !important;
}

/* Granat pozostaje wyłącznie w nagłówku */
.confHeader,
.confTitleBox,
.confSubTitleBox {
  background-color: #011E40 !important;
}

.confHeader {
  background:
    radial-gradient(
      circle at top right,
      rgba(200, 163, 74, 0.14),
      transparent 34rem
    ),
    linear-gradient(
      135deg,
      #011E40 0%,
      #08305E 55%,
      #011E40 100%
    ) !important;

  border-bottom: 4px solid #C8A34A !important;
}