/* Vialietuva × Elementor bridge styles for custom MU-plugin widgets */

/* Tabs */
.vlt-tabs { margin: 1.5rem 0; }
.vlt-tabs .vlt-tabs-nav { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
.vlt-tabs .vlt-tab-nav { 
  appearance: none; border: 1px solid var(--vlt-border-color); background: #fff; color: var(--vlt-color-text);
  padding: .5rem .75rem; border-radius: 4px; cursor: pointer; font: inherit;
}
.vlt-tabs .vlt-tab-nav.active { background: var(--vlt-color-primary); color: #fff; border-color: var(--vlt-color-primary); }
.vlt-tabs .vlt-tabs-panels { border-top: 1px solid var(--vlt-border-color); padding-top: .75rem; }
.vlt-tabs .vlt-tab-panel { display: none; }
.vlt-tabs .vlt-tab-panel.active { display: block; }

/* Links list */
.vlt-links-list { list-style: none; margin: 0; padding: 0; }
.vlt-links-list .vlt-links-item { margin: .5rem 0; }
.vlt-links-list .vlt-link { color: var(--vlt-color-primary); text-decoration: none; }
.vlt-links-list .vlt-link:hover { text-decoration: underline; }

/* Files list */
.vlt-files-list { list-style: none; margin: 0; padding: 0; }
.vlt-files-list .vlt-files-item { margin: .5rem 0; }
.vlt-files-list .vlt-file { color: var(--vlt-color-primary); text-decoration: none; }
.vlt-files-list .vlt-file:hover { text-decoration: underline; }
.vlt-files-list .vlt-file-size { color: var(--vlt-color-muted); font-size: .875em; }

/* Featured cards grid (Top Projects) */
.vlt-cards-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
.vlt-card { background: #fff; border: 1px solid var(--vlt-border-color); border-radius: 6px; overflow: hidden; }
.vlt-card-link { display: flex; flex-direction: column; color: inherit; text-decoration: none; height: 100%; }
.vlt-card-img { width: 100%; height: 160px; object-fit: cover; background: var(--vlt-bg-soft); }
.vlt-card-title { display: block; padding: .75rem .85rem; font-weight: 600; color: var(--vlt-color-text); }
.vlt-card-link:hover .vlt-card-title { color: var(--vlt-color-primary); }

/* Accessibility trigger button (Readabler stub) */
.mdp-readabler-trigger-button-box {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
}

#mdp-readabler-trigger-button {
  width: 64px;
  height: 64px;
  border-radius: 50px;
  border: none;
  padding: 20px;
  background-color: rgba(33, 150, 243, 1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

#mdp-readabler-trigger-button:hover {
  background-color: #fff;
  color: rgba(33, 150, 243, 1);
}

#mdp-readabler-trigger-button svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}


/* Elementor defaults mapped to VLT tokens */
:root {
  /* Ensure tokens exist in CSS cascade even if theme.json is bypassed */
  --vlt-color-primary: #005eb8;
  --vlt-color-text: #111111;
  --vlt-color-muted: #666666;
  --vlt-border-color: #e5e7eb;
  --vlt-bg-soft: #f8fafc;
}

/* Links */
.elementor a,
.elementor a:visited,
.entry-content a,
.entry-content a:visited {
  color: var(--vlt-color-primary);
}
.elementor a:hover,
.entry-content a:hover { text-decoration: underline; }

/* Buttons */
.elementor-button,
.elementor-button:visited,
.elementor-button--link {
  background-color: var(--vlt-color-primary);
  border-color: var(--vlt-color-primary);
  color: #fff;
}
.elementor-button:hover,
.elementor-button:focus {
  filter: brightness(0.92);
  color: #fff;
}

@media screen and (max-width: 1023px) {
    header .menu-main {
        display: none;
    }

    body.mob-menu-open header .menu-main {
        display: none;
    }
}