/* okei.lv socialo tiklu ikonas.
   Kadence "brand" krasas ir novecojusas (FB #3B5998, X vecais Twitter zils, IG #517FA4) -> lietojam oficialas.
   GALVENE: klusas ikonas, zimola krasa tikai uz hover. Headera uzdevums ir zimols + navigacija,
   ne 7 krasu josla, kas parspej logo. Ari stratégiski: neaicini pamest lapu, pirms cilveks ko izlasijis.
   FOOTERIS + RAKSTA BEIGAS: pilna zimola krasa - tur nodoms sekot ir augsts. */

.social-button{ border-radius:50% !important; transition: background .15s ease, color .15s ease, transform .15s ease, box-shadow .15s ease; }

/* ---------- GALVENE (klusa, 32px; pakartota meklesanai 40px) ---------- */
.header-social-inner-wrap .social-button{
  width:32px; height:32px; padding:0;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent !important; color:#64748B !important;
  border:1px solid #E2E8F0;
}
.header-social-inner-wrap .social-button svg{ width:16px; height:16px; }
.header-social-inner-wrap .social-button:hover{ color:#fff !important; border-color:transparent; transform:translateY(-1px); }
.header-social-inner-wrap .social-link-youtube:hover{ background:#FF0000 !important; }
.header-social-inner-wrap .social-link-facebook:hover{ background:#1877F2 !important; }
.header-social-inner-wrap .social-link-tiktok:hover{ background:#000 !important; }
.header-social-inner-wrap .social-link-instagram:hover{ background:linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 70%,#515BD4 100%) !important; }
.header-social-inner-wrap .social-link-twitter:hover{ background:#000 !important; }
.header-social-inner-wrap .social-link-threads:hover{ background:#000 !important; }
.header-social-inner-wrap .social-link-bluesky:hover{ background:#0285FF !important; }

/* ---------- KRASAINAS: footeris + raksta beigas ---------- */
.okei-social-brand .social-button{ color:#fff !important; width:56px; height:56px; display:inline-flex; align-items:center; justify-content:center; }
.okei-social-brand .social-button svg{ width:26px; height:26px; }
.okei-social-brand .social-link-youtube{ background:#FF0000 !important; }
.okei-social-brand .social-link-facebook{ background:#1877F2 !important; }
.okei-social-brand .social-link-tiktok{ background:#000 !important; }
.okei-social-brand .social-link-instagram{ background:linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 70%,#515BD4 100%) !important; }
.okei-social-brand .social-link-twitter{ background:#000 !important; }
.okei-social-brand .social-link-threads{ background:#000 !important; }
.okei-social-brand .social-link-bluesky{ background:#0285FF !important; }
.okei-social-brand .social-button:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.25); }

/* Kadence footer-social aiznem visu platumu (flex:1 1 0%) -> ierobezojam un centrejam */
.okei-footer-social, .okei-follow{ box-sizing:border-box; }
.okei-footer-social{ max-width:1200px; margin-left:auto; margin-right:auto; padding-left:24px; padding-right:24px; }
.okei-footer-social > .footer-widget-area,
.okei-follow .footer-widget-area{ flex:0 0 auto; width:auto; }
.okei-footer-social .footer-widget-area-inner, .okei-footer-social .footer-social-wrap,
.okei-follow .footer-widget-area-inner, .okei-follow .footer-social-wrap{ width:auto; }
.okei-footer-social .footer-social-inner-wrap,
.okei-follow .footer-social-inner-wrap{ display:flex; justify-content:center; flex-wrap:wrap; gap:14px; }
/* melnie zimoli (X, Threads, TikTok) uz tumsa footera nesaplust */
.okei-footer-social .social-button{ border:1px solid rgba(255,255,255,.20); }

/* ---------- RAKSTA BEIGAS ---------- */
.okei-follow{
  margin:48px auto 0; max-width:780px;
  background:#E0F7FB; border-radius:16px; padding:28px 24px;
  display:flex; flex-direction:column; align-items:center; gap:14px; text-align:center;
}
.okei-follow-title{ font-weight:800; font-size:22px; color:#0F172A; margin:0; }
.okei-follow-sub{ color:#64748B; font-size:15px; margin:0; }

@media (max-width:600px){ .okei-footer-social{ flex-direction:column; gap:14px; } }