/*
Theme Name: WSI2026
Theme URI: https://wsi.lv
Author: WSI
Author URI: https://wsi.lv
Description: WSI Custom Theme for 2026
Version: 1.0
Text Domain: wsi2026
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ==========================
   Global (scoped, class-based)
   ========================== */
.site {
  /* Palette */
  --navy:#0B132B;           /* primary dark */
  --navy-900:#0B132B;
  --navy-800:#14213D;
  --text:#1C2333;           /* default text */
  --muted:#55607A;          /* secondary text */
  --bg:#FFFFFF;             /* page background */
  --light:#F5F7FB;          /* light section */
  --line:#E6EAF2;           /* dividers */
  --accent:#2F80ED;         /* blue accent */
  --accent-600:#2B74D3;
  --accent-50:#EEF5FF;

  /* Type scale */
  /*--fs-900:44px;*/   /* h1 */
  /*--fs-800:28px;*/   /* h2 */
  /*--fs-700:20px;*/   /* h3 */

  --fs-900:54px;   /* h1 */
  --fs-800:32px;   /* h2 */
  --fs-700:22px;   /* h3 */


  --fs-600:18px;   /* lead */
  --fs-500:16px;   /* body */

  font-family:'Inter', 'Roboto', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body { margin:0; }

:focus { outline: 1px solid #005fcc; }

.site * { box-sizing:border-box; margin:0; padding:0; }
.site .container { max-width:1160px; padding:0 20px; margin:0 auto; }

.txt_link { color:var(--text); text-decoration:underline; }

/* ==========================
   Typography (class-based)
   ========================== */
.site .h1 { font-size:var(--fs-900); line-height:1.2; font-weight:700; letter-spacing:-0.02em; color:#fff; }
.site .h2 { font-size:var(--fs-800); line-height:1.25; font-weight:600; letter-spacing:-0.01em; color:var(--text); }
.site .h3 { font-size:var(--fs-700); line-height:1.3; font-weight:600; color:var(--text); }
.site .p { font-size:var(--fs-500); line-height:1.7; color:var(--text); }
.site .lead { font-size:var(--fs-600); color:#D9E2FF; }

/* ==========================
   Sections & layout
   ========================== */
.site .section { padding:72px 0; }

.site .section_content_first { padding: 40px 0 20px 0; }
.site .section_content { padding: 20px 0 20px 0; }
.site .section_last { padding: 20px 0 56px 0; }


.site .section__title { margin-bottom:22px; }
.site .section_title_bottom_txt { margin-bottom:10px; }
.site .bg--navy { background:linear-gradient(180deg, var(--navy) 0%, #0E1733 100%); }
.site .bg--light { background:var(--light); }

.site .cols { display:grid; gap:14px; }
.site .cols--2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
.site .cols_ol { margin-left:20px; display: grid; gap: 14px; }

.site .grid { display:grid; gap:18px; }
.site .grid--cards > .card { height:100%; }
.site .grid--4 { grid-template-columns:repeat(2, minmax(0,1fr)) }
.site .grid--3 { grid-template-columns:repeat(3, minmax(0,1fr)); }

.site .actions { display:flex; gap:12px; flex-wrap:wrap; }

/* ========================== Hero ========================== */
.site .section--hero { padding:84px 0 72px; }
.site .hero__container { text-align:center; }
.site .hero__title { max-width:980px; margin:0 auto 12px; }
.site .hero__subtitle { max-width:880px; margin:0 auto 20px; }
.site .hero__actions { justify-content:center; }

.section_content_row { margin-bottom:40px; }
.s_c_row_last { margin-bottom:0px; }

/* ========================== Lists ========================== */
.site .list { list-style:none; }
.site .list--check .list__item { position:relative; padding-left:28px; color:var(--text); }
.site .list--check .list__item::before {
    content:""; position:absolute; left:0;
    /*top:8px;*/
    top:3px;
    width:16px; height:16px; border-radius:4px;
    background:var(--accent); mask: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"white\" d=\"M20.285 6.708a1 1 0 0 1 .007 1.414l-9.193 9.257a1 1 0 0 1-1.427-.01L3.7 12.3a1 1 0 0 1 1.414-1.414l4.133 4.133 8.486-8.526a1 1 0 0 1 1.552.215Z\"/></svg>') center/contain no-repeat; }

/* ==========================
   Cards
   ========================== */
.site .card { border:1px solid var(--line); border-radius:10px; background:#fff; padding:20px; display:flex; flex-direction:column; justify-content:flex-start; }
.site .card__title { margin-bottom:8px; }
.site .card__text { color:var(--muted); }
.site .card_text_top_title { margin-bottom:22px; }
.site .card_text_top_title_bottom_title { margin-bottom:8px; }
.site .card__meta { color:var(--muted); font-size:14px; margin-bottom:6px; }

/* ==========================
   CTA
   ========================== */
.site .section--cta { background:var(--accent-50); text-align:center; }
.site .cta__title { margin-bottom:14px; }

/* ==========================
   Footer
   ========================== */
.site .site-footer { border-top:1px solid var(--line); }
.site .footer__container { display:grid; gap:10px; justify-items:center; text-align:center; }
.site .footer__brand { color:var(--muted); font-weight:600; }
.site .footer__nav {
    display:flex; gap:16px; flex-wrap:wrap;
    justify-content: center;
}
.site .footer__link { color:var(--muted); text-decoration:none; }
.site .footer__link:hover { color:var(--text); text-decoration:underline; }
.site .footer__copy { color:var(--muted); font-size:14px; }

/* ==========================
   Buttons
   ========================== */
.site .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:12px 18px; border-radius:10px; text-decoration:none; font-weight:600; border:1px solid transparent; transition:all .18s ease; cursor:pointer; }
.site .btn--primary { background:var(--accent); color:#fff; border-color:var(--accent); }
.site .btn--primary:hover { background:var(--accent-600); border-color:var(--accent-600); }
.site .btn--secondary { background:#fff; color:var(--accent); border-color:var(--accent); }
.site .btn--secondary:hover { background:#f7fbff; }
.site .btn--lg { padding:14px 22px; font-size:17px; }
.site .btn:focus-visible { outline:none; box-shadow:0 0 0 3px rgba(47,128,237,.25); }

.site .btn_cta_bottom { margin-top:14px; }

/* ==========================
   Utilities
   ========================== */
.site .hidden { display:none !important; }
.site .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* ========================== Header (unscoped for global use)  ========================== */
.header { background:#FFFFFF; border-bottom:1px solid #E6EAF2; }
.header__container { max-width:1160px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.header__brand { display:flex; align-items:center; }
.header__logo { font-weight:700; font-size:18px; letter-spacing:0.02em; color:#0B132B; text-decoration:none; }

.header__nav { display:flex; align-items:center; gap:16px; }
.header__menu { list-style:none; display:flex; align-items:center; gap:16px; margin:0; padding:0; }
.header__item { }

.header__link { color:#1C2333; text-decoration:none; font-weight:500; font-size:15px; }
.header__link:hover { text-decoration:underline; }
.header__link.current-menu-item, .footer__link.current-menu-item { font-weight:600; text-decoration:underline; }

.header__cta { margin-left:8px; }

.header__checkbox { display:none; }
.header__toggle { display:none; width:36px; height:28px; cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:6px; }
.header__bar { display:block; width:24px; height:2px; background:#1C2333; }

/* Language dropdown */
/* Language dropdown – hidden by default */
.header__item > .header_menu_lang {
    display: none;
    position: absolute;
    /*top: 100%;
    left: 0;*/
    top: 20px;
    min-width: 60px;
    background: #fff;
    box-shadow: 0px 1px 5px #ccc;
    z-index: 1000;
    list-style:none;
}

/* Show dropdown when parent is active */
.header__item.is-open > .header_menu_lang {
    display: block;
}

/* Dropdown items */
.header_menu_lang .header__link {
    display: block;
    padding: 8px 12px;
    white-space: nowrap;
}

/* Active language highlight */
.header_menu_lang .header__link.is-active {
    font-weight: 600;
}

/* End Language dropdown */


/* ==========================
   Skip links (visible on focus)
   ========================== */
.site .skip-links { position:absolute; top:0; left:0; z-index:10000; }
.site .skip-links .skip-link {
  position:absolute;
  left:-9999px;
  top:0;
  background:#fff;
  color:#000;
  padding:10px 14px;
  border:2px solid #000;
  border-radius:4px;
  box-shadow:0 1px 3px rgba(0,0,0,.25);
}
.site .skip-links .skip-link:focus,
.site .skip-links .skip-link:active {
  left:10px;
  top:10px;
}

#main-content:focus { outline: 2px solid #005fcc; outline-offset: 2px; }

/* ========================== Responsive ========================== */
/*
@media (min-width: 768px) {
  .site .section { padding:72px 0; }
  .site .cols--2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .site .grid--4 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .site .grid--3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
}

  @media (min-width: 1024px) {
  .site { --fs-900:54px; --fs-800:32px; --fs-700:22px; }
}
*/
@media (max-width: 1056px) {

    .site .grid--3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 960px) {
  .header__toggle { display:inline-flex; }
  .header__nav { display:none; position:fixed; top:56px; left:0; right:0; background:#FFFFFF; border-top:1px solid #E6EAF2; padding:16px 20px; z-index:1000; flex-direction:column; align-items:flex-start; gap:14px; }
  .header__menu { flex-direction:column; align-items:flex-start; gap:10px; width:100%; }
  .header__cta { align-self:stretch; display:inline-flex; justify-content:center; }
  .header__checkbox:checked ~ .header__nav { display:flex; }
}

@media (max-width: 768px) {

    .section_content_first { padding: 48px 0; }
    .section_content { padding: 48px 0; }
    .section_last { padding: 48px 0; }

    .site .h1 { font-size: 32px; }
    .site .cols--2 { grid-template-columns: repeat(1, minmax(0,1fr)); }
    .site .grid--4 { grid-template-columns: repeat(1, minmax(0,1fr)); }
    .site .grid--3 { grid-template-columns: repeat(1, minmax(0,1fr)); }

}

@media (max-width: 439px) {

    .site .section { padding: 48px 0; }
    .site .section--hero { padding: 48px 0; }
    .section.section--cta { padding: 48px 0; }

    .site .h1 { font-size: 24px; }

    .h2.section__title, .h2.cta__title, .h2.card_text_top_title_bottom_title { font-size: 24px; }
}

@media (max-width: 320px) {

    .site .footer__nav { flex-direction: column; }

}