/**
 * ATTS Bartik 11 — recreation of the Drupal 7 "attsbartik" Bartik subtheme look.
 * Design tokens ported from the original theme:
 *   header gradient  #0779bf -> #48a9e4
 *   body text        #3b3b3b
 *   links            #0071B3 (hover #018fe2, active #23aeff)
 *   sidebar block bg #f6f6f2
 *   footer bg        #292929
 *   page width       1170px, sidebar 300px, content (one sidebar) ~860px
 */

/* ---------- Base ---------- */
body {
  margin: 0;
  background: #ffffff;
  color: #3b3b3b;
  /* D7 base is 17.6px Helvetica/Arial (110% of 16px). */
  font: 110%/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a { color: #0071B3; text-decoration: none; }
a:hover, a:focus { color: #018fe2; text-decoration: underline; }
a:active { color: #23aeff; }

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, "Times New Roman", serif;
  color: #000;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0.5em 0 0.4em;
}
h1.page-title { font-size: 2em; }
p { margin: 0 0 1.2em; }
img { max-width: 100%; height: auto; }

/* ---------- Page frame ---------- */
/* D7: bands are full viewport width; only the inner column is centred at 1170px.
   The page area is white; only the footer band is dark. */
.page-wrapper {
  min-width: 980px;
  background: #ffffff;
}
.band-inner {
  max-width: 1170px;
  margin: 0 auto;
}

/* ---------- Header (matches D7 #header: full-width steel-navy gradient) ---------- */
header.site-header {
  background-color: #204d78;
  background-image: linear-gradient(to bottom, #334c93 0%, #204d78 100%);
  color: #fffeff;
}
.site-header .band-inner { overflow: hidden; padding: 0 20px; position: relative; }
header.site-header a { color: #fffeff; }
.site-header .site-logo {
  float: left;
  padding: 12px 15px;
}
.site-header .site-logo img { width: 220px; height: auto; display: block; }
.site-header .header-main {
  margin-left: 270px;
  text-align: center;
}
.site-header .site-name {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 2.55em;           /* ~44.9px like D7 */
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1.1;
  color: #fffeff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
  margin: 16px 0 6px;
}
.site-header .region-header { color: #fffeff; }
.header-banner { text-align: center; padding-bottom: 8px; }
.header-banner > img { max-width: 640px; width: 100%; height: auto; margin: 0 auto; }
/* slider sizing is owned by .atts-slider in the module CSS (fixed 700x180) */

/* ---------- Primary menu (D7 folder tabs at the header bottom) ---------- */
.primary-menu-wrapper {
  background: #204d78;          /* full-width band, continues the header bottom */
}
.primary-menu-wrapper .band-inner {
  padding: 8px 20px 0 290px;    /* tabs start after the logo, flush at bottom */
}
.primary-menu-wrapper ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: flex-end; }
.primary-menu-wrapper li { margin: 0 1px 0 0; }
.primary-menu-wrapper li a {
  display: block;
  padding: 4px 17px;
  color: #333;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px 8px 0 0;
  font-size: 1.2em;            /* ~21px like D7 */
  font-weight: normal;
  line-height: 1.5;
}
.primary-menu-wrapper li a:hover,
.primary-menu-wrapper li a.is-active {
  background: #ffffff;
  color: #000;
  text-decoration: none;
}

/* ---------- Highlighted / info strip (D7 "běganti eilutė") ---------- */
.region-highlighted { padding: 8px 0; }   /* full-width band */
.region-highlighted .band-inner {
  overflow: hidden;               /* clip the scrolling block to the 1170 column */
  white-space: nowrap;            /* keep the block on one "row" so it can slide */
}
#block-attsbartik11-nario-info {
  display: inline-block;
  width: 1130px;                  /* D7 li ≈ 1187px → the paragraph wraps to ~3 lines */
  white-space: normal;            /* text wraps inside that width (3 lines) */
  vertical-align: top;
  color: #1414ff;                 /* D7 address color:blue */
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 0.92em;              /* D7 inline 16px */
  font-style: italic;
  font-weight: bold;
  text-align: center;
  animation: atts-ticker 32s linear infinite;
}
#block-attsbartik11-nario-info:hover { animation-play-state: paused; }
#block-attsbartik11-nario-info p { margin: 0; }
@keyframes atts-ticker {
  from { transform: translateX(103%); }   /* whole 3-line block starts off the right */
  to   { transform: translateX(-100%); }  /* and slides fully off the left */
}
/* Respect users who prefer no motion: show the full paragraph, centred. */
@media (prefers-reduced-motion: reduce) {
  .region-highlighted { white-space: normal; }
  #block-attsbartik11-nario-info { animation: none; width: auto; transform: none; padding: 0 30px; }
}

/* ---------- Breadcrumb ---------- */
.breadcrumb { padding: 10px 30px 0; color: #777; font-size: 0.9em; }
.breadcrumb a { color: #0071B3; }
.breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.breadcrumb ol li {
  display: inline;
}
.breadcrumb ol li::after {
  content: " » ";
  padding: 0 0.3em;
  color: #777;
}
.breadcrumb ol li:last-child::after {
  content: "";
}

/* ---------- Local tasks (tabs) ---------- */
#block-attsbartik11-tabs {
  margin: 0 30px;
  border-bottom: 1px solid #bbb;
}
#block-attsbartik11-tabs h2 {
  display: none; /* Hide "Pirminės kortelės" heading */
}
#block-attsbartik11-tabs > ul:not(.contextual-links) {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 4px;
}
#block-attsbartik11-tabs > ul:not(.contextual-links) li {
  margin: 0;
  padding: 0;
}
#block-attsbartik11-tabs > ul:not(.contextual-links) a {
  display: block;
  padding: 8px 15px;
  background: #dedede;
  border: 1px solid #bbb;
  border-bottom: none;
  border-radius: 8px 8px 0 0;
  color: #333;
  text-decoration: none;
  font-size: 0.9em;
  position: relative;
  top: 1px; /* Pull tab down to overlap border */
}
#block-attsbartik11-tabs > ul:not(.contextual-links) a:hover {
  background: #e9e9e9;
  color: #000;
}
#block-attsbartik11-tabs > ul:not(.contextual-links) a.is-active,
#block-attsbartik11-tabs > ul:not(.contextual-links) a.is-active:hover {
  background: #fff;
  border-bottom: 1px solid #fff;
  color: #000;
  font-weight: bold;
  z-index: 1;
}

/* ---------- RSS Feed icon ---------- */
a.feed-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('/core/misc/feed.svg') no-repeat center center;
  background-size: 16px 16px;
  text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: middle;
}
a.feed-icon:hover {
  opacity: 0.8;
}

/* ---------- Grįžti atgal (Go back) button ---------- */
div#grizti-atgal {
  font-size: 1.4em;
  margin-top: 20px;
}
.back {
  box-shadow: inset 0px 0px 0px 0px #97c4fe;
  background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
  background-color: #3d94f6;
  border-radius: 33px;
  display: inline-block;
  color: #ffffff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: bold;
  padding: 7px 22px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #1570cd;
  cursor: pointer;
}
.back:hover {
  background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
  background-color: #1e62d0;
  color: #ffffff;
  text-decoration: none;
}

/* ---------- Main layout: sidebar + content ---------- */
.main-region {
  display: flex;
  align-items: flex-start;
  padding: 10px 20px 30px;
  gap: 24px;
}
.main-region .content-column { flex: 1 1 auto; min-width: 0; }
.main-region .sidebar { flex: 0 0 280px; }

/* one column when no sidebar */
.main-region.no-sidebar .content-column { width: 100%; }

/* ---------- Sidebar blocks (D7 #f6f6f2 rounded boxes) ---------- */
/* Stark omits the .block class, so style each direct child of the region. */
.sidebar-first > * {
  background-color: #f6f6f2;
  border: 1px solid #f1f1ea;
  border-radius: 6px;
  padding: 14px 18px;
  margin-bottom: 18px;
}
.sidebar h2 {
  font-size: 1.231em;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid #d6d6cf;
  padding-bottom: 6px;
  margin: 0 0 8px;
}
/* "Mūsų draugai" block title is centred in D7. */
.sidebar-first > .atts-friends h2,
#block-attsbartik11-friends h2 { text-align: center; }
.sidebar ul { list-style: none; margin: 0; padding: 0; }
.sidebar li a {
  display: block;
  padding: 9px 4px;
  border-bottom: 1px solid #e6e6df;
  color: #0071B3;
  font-size: 1.1em;
}
.sidebar li:last-child a { border-bottom: 0; }
.sidebar li a:hover { text-decoration: none; color: #018fe2; }
/* The poll/login/banner blocks already carry their own h2; align them. */
.sidebar-first > div[id*="poll"] > .poll-question { margin-top: 4px; }

/* ---------- Content ---------- */
.content-column article { border-bottom: 1px solid #d8d8d8; padding-bottom: 14px; margin-bottom: 20px; }
.content-column h2 a { color: #000; }
.content-column h2 a:hover { color: #0071B3; }

/* Teaser: two columns like the D7 news list — text on the left, the image in
   its own right column (~30%). Text stays in its column and never wraps under
   the thumbnail. */
.node-teaser { display: flex; align-items: flex-start; gap: 24px; }
.node-teaser .teaser-main { flex: 1 1 auto; min-width: 0; }
.node-teaser.has-image .teaser-image { flex: 0 0 30%; margin: 4px 0 8px; }
.node-teaser .teaser-image img { width: 100%; height: auto; border: 1px solid #ddd; }
.node-teaser .teaser-title { margin: 0 0 .3em; font-size: 1.33em; font-weight: bold; }
.node-teaser .teaser-title a { font-weight: bold; }
.node-teaser .teaser-body { text-align: justify; }
.node-teaser .teaser-links { clear: both; }
.node-teaser .teaser-links ul { margin: .2em 0; padding: 0; list-style: none; }
.node-teaser .teaser-links a { font-size: .95em; }

/* ---------- Pager (plain text links, like D7) ---------- */
.pager__items { display: flex; flex-wrap: wrap; gap: 0; justify-content: center; list-style: none; padding: 0; margin: 18px 0; }
.pager__item { margin: 0 6px; }
.pager__item a {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  border-radius: 0;
  color: #0071b3;
  text-decoration: none;
}
.pager__item a:hover { text-decoration: underline; }
/* current page: bold, dark, no box (D7 li.pager-current) */
.pager__item.is-active { font-weight: bold; color: #3b3b3b; }
.pager__item.is-active a { color: #3b3b3b; font-weight: bold; }

/* ---------- Footer ---------- */
.site-footer {
  background: #292929;
  color: #cfcfcf;
  padding: 30px 20px;
}
.site-footer a { color: #9bc9e8; }
.footer-columns { display: flex; gap: 30px; flex-wrap: wrap; }
.footer-columns > div { flex: 1 1 200px; }
.site-footer h2 { color: #fff; font-size: 1.1em; }
/* D7 has a thin rule above the centred copyright. */
.site-footer .footer-bottom {
  border-top: 1px solid #444;
  padding-top: 18px;
  text-align: center;
  font-size: 0.82em;
}

/* ---------- Tables / misc ---------- */
table { background: #fff; border-collapse: collapse; }
table td, table th { padding: 6px 10px; border: 1px solid #e0e0e0; }

/* ---------- Search ---------- */
input[type="search"], input[type="text"] {
  padding: 6px 8px; border: 1px solid #ccc; border-radius: 3px;
}
/* D7 search block: input + a round magnifier button on one row (no "Paieška"). */
.search-block-form { margin-bottom: 18px; }
.search-block-form form { display: flex; align-items: center; gap: 8px; }
.search-block-form .form-item { margin: 0; flex: 1 1 auto; min-width: 0; }
.search-block-form input[type="search"] {
  width: 100%;
  box-sizing: border-box;
  padding: 7px 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}
.search-block-form .form-actions { margin: 0; flex: 0 0 auto; }
.search-block-form input[type="submit"] {
  width: 42px;
  height: 34px;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 17px;
  background: #fcfcfc url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='%23777'%20stroke-width='1.6'%20stroke-linecap='round'%3E%3Ccircle%20cx='6.8'%20cy='6.8'%20r='4.6'/%3E%3Cline%20x1='10.4'%20y1='10.4'%20x2='14.2'%20y2='14.2'/%3E%3C/svg%3E") no-repeat center;
  /* hide the "Paieška" label text, keep it accessible */
  color: transparent;
  font-size: 0;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}
.search-block-form input[type="submit"]:hover { background-color: #f1f1f1; }