/* Plone 3 "NuPlone" look on top of Barceloneta (both migrated sites).
   Palette = NuPlone base_properties used by the Plone 3 sites. */
:root {
  --np-font: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  --np-text: #000;
  --np-link: #436976;
  --np-border: #8cacbb;
  --np-tint: #dee7ec;
  --np-even: #eef3f5;
  --np-discreet: #76797c;
  --np-small: 0.85em;
}

body {
  font-family: var(--np-font);
  font-size: 14px;
  color: var(--np-text);
}

a,
a:visited { color: var(--np-link); }

#content a { text-decoration: none; border-bottom: 1px solid #ccc; }
#content a:hover { border-bottom-color: var(--np-link); }

/* Full width like the old fluid layout */
.container,
.container-lg,
.container-xl,
.container-xxl { max-width: none; }

/* Header: logo left, site actions/login top right */
#portal-top { padding-top: 0.5rem; }
#portal-logo img { max-height: 100px; width: auto; }

/* Section tabs: bordered boxes on a thin line instead of the blue bar */
#mainnavigation-wrapper {
  background: transparent;
  border-bottom: 1px solid var(--np-border);
}
.navbar-barceloneta { background: transparent; padding: 0; }
#portal-globalnav .nav-item { margin: 0 0.4em 0 0; }
#portal-globalnav .nav-link {
  color: var(--np-link);
  background: #fff;
  border: 1px solid var(--np-border);
  border-bottom: none;
  padding: 0.05em 1.1em;
  font-size: var(--np-small);
  line-height: 1.5;
}
#portal-globalnav .nav-item.current > .nav-link,
#portal-globalnav .nav-item.inPath > .nav-link,
#portal-globalnav .nav-link:hover {
  background: var(--np-tint);
  color: var(--np-link);
}
#portal-searchbox .form-control,
#portal-searchbox .btn { font-size: var(--np-small); padding: 0.15em 0.5em; }
#portal-searchbox .btn {
  background: #fff;
  color: var(--np-link);
  border: 1px solid var(--np-border);
}

/* Breadcrumbs line */
#portal-breadcrumbs {
  background: #fff;
  border-bottom: 1px solid var(--np-border);
  font-size: var(--np-small);
}
#portal-breadcrumbs .breadcrumb { padding: 0.2em 0; margin: 0; }

/* Portlets: light-blue header bar, thin border, small text */
.portlet.card {
  border: 1px solid var(--np-border);
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 1em;
}
.portlet .card-header {
  background: var(--np-tint);
  border-bottom: 1px solid var(--np-border);
  border-radius: 0;
  padding: 0.1em 0.8em;
  font-size: var(--np-small);
  font-weight: normal;
  text-align: left;
}
.portlet .card-header a { color: var(--np-text); text-decoration: none; }
body .portlet a,
#portal-breadcrumbs a { text-decoration: none; }
body .portlet ul { padding-left: 0; margin: 0; }
body .portlet li { list-style: none; padding: 0.3em 0.8em; border-bottom: none; }
body .portlet li a.tile { display: block; }
.portlet .card-body,
.portlet .card-footer,
.portlet .list-group-item { font-size: var(--np-small); padding: 0.3em 0.8em; }
.portlet .list-group-item:nth-child(even) { background: var(--np-even); }
.portlet .card-footer { background: #fff; border-top: 1px dotted var(--np-border); }

/* Page title and description as in Plone 3 */
body #content h1,
body #content .documentFirstHeading {
  font-family: var(--np-font);
  font-weight: normal;
  font-size: 1.6em;
  border-bottom: 1px solid var(--np-border);
  padding-bottom: 0.1em;
  margin-bottom: 0.4em;
}
body #content .documentDescription,
body #content .lead {
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5;
}

/* Footer */
#portal-footer-wrapper {
  background: #fff;
  color: var(--np-discreet);
  border-top: 1px solid var(--np-border);
  font-size: var(--np-small);
}
#portal-footer-wrapper a { color: var(--np-link); }

/* Desktop: narrow side columns like Plone 3 (mobile keeps Barceloneta's stacking) */
@media (min-width: 992px) {
  #portal-column-one,
  #portal-column-two { flex: 0 0 15rem; max-width: 15rem; }
  #portal-column-content { flex: 1 1 0; max-width: none; }
}

/* Plain small buttons as in Plone 3 instead of Barceloneta's blue ones */
body .portlet .btn,
body .portlet input[type="submit"],
body .portlet button {
  background: #fff;
  color: var(--np-text);
  border: 1px solid var(--np-border);
  border-radius: 0;
  font-size: var(--np-small);
  padding: 0.05em 0.6em;
}

/* Personal tools (Zaloguj) small in the top right corner */
#portal-personaltools a,
#portal-anontools a,
.personaltools-wrapper a {
  font-size: var(--np-small);
  text-decoration: none;
  color: var(--np-link);
}