/* Kategoriju SEO turinio blokas - petbaze.lt
   Tikslas: svarus, skaitomas tekstas po prekiu sarasu.
   Naudojamos temos spalvos, be inline stiliu. UAB SERVERA 2026. */

.seoc-cat {
  max-width: 1000px;
  margin: 8px auto 0;
  color: #3f4550;
  font-size: 15px;
  line-height: 1.75;
}

.seoc-cat p { margin: 0 0 14px; }

.seoc-cat-intro {
  font-size: 16.5px;
  line-height: 1.7;
  color: #2f343d;
}

.seoc-cat-block { margin-top: 34px; }

.seoc-cat h2 {
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  color: #1f242c;
  margin: 0 0 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid #eceef1;
}

.seoc-cat h3 {
  font-size: 16px;
  font-weight: 700;
  color: #1f242c;
  margin: 0 0 6px;
}

/* Poskyriai kortelemis - lengviau perskaityti nei istisinis tekstas */
.seoc-cat-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px;
  margin-top: 16px;
}

.seoc-cat-card {
  background: #fff;
  border: 1px solid #e4e8ec;
  border-radius: 10px;
  padding: 16px 18px;
}

.seoc-cat-card p { margin: 0; font-size: 14.5px; line-height: 1.65; }

/* Vidines nuorodos i pakategores */
.seoc-cat-links {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.seoc-cat-links li { margin: 0; }

.seoc-cat-links a {
  display: inline-block;
  padding: 7px 14px;
  border: 1px solid #dfe3e8;
  border-radius: 999px;
  background: #fff;
  color: #2f343d;
  font-size: 14px;
  text-decoration: none;
  transition: border-color .15s, color .15s;
}

.seoc-cat-links a:hover { border-color: #7ab648; color: #5f9134; }

/* DUK */
.seoc-cat-q {
  border-bottom: 1px solid #eceef1;
  padding: 0;
}

.seoc-cat-q summary {
  list-style: none;
  cursor: pointer;
  padding: 14px 34px 14px 0;
  position: relative;
}

.seoc-cat-q summary::-webkit-details-marker { display: none; }

.seoc-cat-q summary h3 { display: inline; margin: 0; font-size: 15.5px; }

.seoc-cat-q summary::after {
  content: "+";
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  line-height: 1;
  color: #7ab648;
  font-weight: 400;
}

.seoc-cat-q[open] summary::after { content: "\2212"; }

.seoc-cat-q p {
  margin: 0 0 16px;
  color: #545a66;
  font-size: 14.5px;
}

@media (max-width: 600px) {
  .seoc-cat { font-size: 14.5px; }
  .seoc-cat h2 { font-size: 19px; }
  .seoc-cat-cards { grid-template-columns: 1fr; }
}

/* ---- Temos stiliu neutralizavimas ----
   Journal3 turi INLINE taisykle `.category-description .category-text p`
   su balta fona, seseliu ir 40px parastemis - del jos musu korteles
   atrode kaip deze dezeje. Reikia didesnio svorio, todel prefiksas `body`. */
body .category-description .category-text .seoc-cat p,
body .category-description .category-text .seoc-cat h2,
body .category-description .category-text .seoc-cat h3,
body .category-description .category-text .seoc-cat ul,
body .category-description .category-text .seoc-cat li,
body .category-description .category-text .seoc-cat details,
body .category-description .category-text .seoc-cat summary,
body .category-description .category-text .seoc-cat section,
body .category-description .category-text .seoc-cat div {
  background: none;
  background-color: transparent;
  padding: 0;
  border: 0;
  box-shadow: none;
  text-indent: 0;
  font-size: inherit;
}
body .category-description .category-text .seoc-cat p { margin: 0 0 14px; font-size: 15px; line-height: 1.75; }
body .category-description .category-text .seoc-cat .seoc-cat-intro { font-size: 16.5px; margin-bottom: 4px; }
body .category-description .category-text .seoc-cat .seoc-cat-card {
  background-color: #fff; border: 1px solid #e4e8ec; border-radius: 10px; padding: 16px 18px;
}
body .category-description .category-text .seoc-cat .seoc-cat-card p { margin: 0; font-size: 14.5px; }
body .category-description .category-text .seoc-cat h2 { font-size: 22px; padding-bottom: 10px; border-bottom: 2px solid #eceef1; }
body .category-description .category-text .seoc-cat h3 { font-size: 16px; }
body .category-description .category-text .seoc-cat .seoc-cat-links a {
  padding: 7px 14px; border: 1px solid #dfe3e8; background-color: #fff; border-radius: 999px; font-size: 14px;
}
body .category-description .category-text .seoc-cat .seoc-cat-q { border-bottom: 1px solid #eceef1; }
body .category-description .category-text .seoc-cat .seoc-cat-q summary { padding: 14px 34px 14px 0; }
body .category-description .category-text .seoc-cat .seoc-cat-q summary h3 { font-size: 15.5px; }
body .category-description .category-text .seoc-cat .seoc-cat-q p { margin: 0 0 16px; font-size: 14.5px; color: #545a66; }

/* ---------------------------------------------------------------
   Tinklarascio straipsnio kunas (.seoc-article).
   Irasai buvo iklijuoti is Google Docs su inline stiliais - juos
   isvalius reikia normaliu taisykliu sarasams, lentelems ir nuotraukoms.
   UAB SERVERA 2026-07-30.
   --------------------------------------------------------------- */

.seoc-article { margin-top: 0; }

.seoc-article h2 { margin-top: 34px; }
.seoc-article h2:first-child { margin-top: 0; }

.seoc-article h3 {
  font-size: 17px;
  margin: 22px 0 6px;
}

.seoc-article ul,
.seoc-article ol {
  margin: 0 0 16px;
  padding-left: 22px;
}

.seoc-article li { margin-bottom: 6px; }

.seoc-article ul li::marker { color: #9aa2ae; }

.seoc-article a {
  color: #1f6feb;
  text-decoration: none;
  border-bottom: 1px solid rgba(31, 111, 235, .25);
}

.seoc-article a:hover {
  color: #1a5fd0;
  border-bottom-color: #1a5fd0;
}

.seoc-article img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 18px auto;
  border-radius: 10px;
}

.seoc-article hr {
  border: 0;
  border-top: 1px solid #eceef1;
  margin: 28px 0;
}

.seoc-article strong { color: #1f242c; }

/* Lenteles - ilgi sarasai (pvz. sunu vardai) buvo lentelese be jokiu remeliu */
.seoc-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 18px;
  font-size: 14.5px;
}

.seoc-article table td,
.seoc-article table th {
  border: 1px solid #eceef1;
  padding: 8px 12px;
  vertical-align: top;
}

.seoc-article table th { background: #f7f8fa; font-weight: 700; color: #1f242c; }
.seoc-article table tr:nth-child(even) td { background: #fafbfc; }

/* Siauresniame ekrane lentele turi slinktis pati, o ne tempti puslapi */
@media (max-width: 600px) {
  .seoc-article table { display: block; overflow-x: auto; white-space: nowrap; }
  .seoc-article h3 { font-size: 16px; }
}

/* ---------------------------------------------------------------
   Tinklarascio zymos. Buvo: nuorodos, atskirtos <b>,</b>, su kabancia
   kableliu pabaigoje. Dabar - tokie patys "chip" mygtukai kaip
   "Susijusios prekes" blokuose, kad puslapis atrodytu vientisai.
   UAB SERVERA 2026-07-30.
   --------------------------------------------------------------- */

.seoc-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  max-width: 1000px;
  margin: 28px auto 0;
  padding-top: 20px;
  border-top: 1px solid #eceef1;
}

.seoc-tags .tags-title {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #6b7280;
  margin: 0;
}

.seoc-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.seoc-tag-list li { margin: 0; }

.seoc-tag-list a {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #e3e6ea;
  border-radius: 999px;
  background: #fff;
  color: #3f4550;
  font-size: 13.5px;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color .15s, color .15s, background .15s;
}

.seoc-tag-list a:hover {
  border-color: #2fae60;
  background: #f3fbf6;
  color: #1f7a44;
}

@media (max-width: 600px) {
  .seoc-tags { gap: 8px; }
  .seoc-tag-list a { padding: 5px 12px; font-size: 13px; }
}

/* Journal3 turi savo .tags a taisykles (tamsios piliules, centruotas blokas),
   kurios specifiskumu nugali .seoc-tag-list a. Todel prirasom body prefiksa -
   tas pats budas naudotas ir kategoriju turiniui. */
body .tags.seoc-tags {
  justify-content: flex-start;
  text-align: left;
}

body .tags.seoc-tags .seoc-tag-list a,
body .tags.seoc-tags .seoc-tag-list a:link,
body .tags.seoc-tags .seoc-tag-list a:visited {
  display: inline-block;
  padding: 6px 14px;
  border: 1px solid #e3e6ea;
  border-radius: 999px;
  background: #fff;
  background-image: none;
  color: #3f4550;
  font-size: 13.5px;
  font-weight: 400;
  line-height: 1.4;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  box-shadow: none;
  margin: 0;
}

body .tags.seoc-tags .seoc-tag-list a:hover {
  border-color: #2fae60;
  background: #f3fbf6;
  color: #1f7a44;
}

body .tags.seoc-tags .seoc-tag-list { justify-content: flex-start; }

/* Tinklarascio irasu pavadinimai sarase yra H2 (kad butu teisinga H1->H2 hierarchija),
   bet turi atrodyti lygiai taip pat kaip anksciau buves DIV - nuliuojam narsykles h2 numatytasias. */
body .post-layout h2.name {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}