/* Geofishing V22 — pastel approved icons, 5-card desktop row and on-page documents. */
@import url('./v21-viimistlus.css?v=21');
@media (min-width:1090px) {
  .vjp .vjp-feature-section {grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
}
@media (min-width:1090px) and (max-width:1320px) {
  .vjp .vjp-feature-section {gap:9px;}
}
@media (min-width:750px) and (max-width:1089px) {
  .vjp .vjp-feature-section {grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
}
@media (min-width:530px) and (max-width:749px) {
  .vjp .vjp-feature-section {grid-template-columns:repeat(2,minmax(0,1fr));}
}
.vjp .vjp-feature-intro {grid-column:1/-1;}
.vjp .vjp-feature-card {min-width:0;min-height:355px;max-height:none;display:flex;flex-direction:column;background:#fff;border:1px solid #dbeaf0;border-radius:17px;box-shadow:0 7px 18px rgba(23,70,101,.06);}
.vjp .vjp-feature-photo {width:100%;height:185px;min-height:185px;display:flex;justify-content:center;align-items:center;background:linear-gradient(155deg,#f7fcfd,#eff7f8);padding:5px;}
.vjp .vjp-feature-photo img,.vjp .vjp-feature-card:nth-child(2) .vjp-feature-photo img,.vjp .vjp-feature-card:nth-child(4) .vjp-feature-photo img {width:177px;height:177px;max-width:100%;max-height:100%;object-fit:contain;background:transparent;}
.vjp .vjp-feature-copy {flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:14px 14px 16px;min-height:0;align-items:stretch;}
.vjp .vjp-feature-heading h3 {font-size:15px;line-height:1.28;margin:0;color:#123954;}
.vjp .vjp-feature-card p {font-size:12.5px;line-height:1.5;color:#45667b;margin:8px 0 12px;}
.vjp .vjp-feature-link {margin-top:auto;border:0;background:#e7f3f2;border-radius:30px;padding:9px 12px;color:#14566a;font-size:12px;text-align:center;align-self:stretch;cursor:pointer;}
.vjp .vjp-feature-link:hover,.vjp .vjp-feature-link:focus-visible {background:#d6eae5;outline:2px solid #adcfc8;outline-offset:1px;text-decoration:none;}
.vjp .vjp-docs-grid {grid-template-columns:repeat(4,minmax(0,1fr));}
.vjp .vjp-doc {text-align:left;}
/* Instead of a PDF iframe the document opens in the same typography as the city support letter. */
.vjp .vjp-document-reader[hidden] {display:none!important;}
.vjp .vjp-modal-text-block[hidden] {display:none!important;}
.vjp .vjp-document-page {background:linear-gradient(#fff,#f8fbfd);padding:10px 4px 0;border-top:1px solid #e2edf0;}
.vjp .vjp-document-page h3 {font-size:20px;line-height:1.32;color:#0b3958;margin:14px 0 13px;}
.vjp .vjp-document-page p {font-size:15.5px;color:#34576d;line-height:1.66;margin:0 0 15px;white-space:normal;overflow-wrap:break-word;}
.vjp .vjp-document-page .vjp-doc-bullet {padding-left:18px;text-indent:-11px;margin-bottom:8px;}
.vjp .vjp-document-page figure {margin:12px 0 18px;}
.vjp .vjp-document-page figure img {display:block;width:100%;max-height:430px;object-fit:contain;border-radius:10px;}
.vjp .vjp-document-nav {display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:17px;padding-top:15px;border-top:1px solid #dbe9ee;}
.vjp .vjp-document-nav button {cursor:pointer;border:1px solid #bfdfe5;border-radius:9px;padding:9px 14px;background:#eaf5f6;color:#1a5672;font-size:13px;font-weight:700;}
.vjp .vjp-document-nav button:hover:not(:disabled){background:#d8edef;}
.vjp .vjp-document-nav button:disabled{opacity:.35;cursor:default;}
.vjp .vjp-document-count {color:#5a7789;font-size:13px;font-weight:700;text-align:center;}
@media(max-width:1089px) and (min-width:530px) {
  .vjp .vjp-feature-card {min-height:340px;}
}
@media(max-width:529px){
  .vjp .vjp-feature-section {grid-template-columns:1fr;}
  .vjp .vjp-feature-card {flex-direction:row;min-height:160px;}
  .vjp .vjp-feature-photo {flex:0 0 35%;width:35%;height:auto;min-height:160px;}
  .vjp .vjp-feature-photo img,.vjp .vjp-feature-card:nth-child(2) .vjp-feature-photo img,.vjp .vjp-feature-card:nth-child(4) .vjp-feature-photo img {width:120px;height:120px;}
  .vjp .vjp-feature-copy {padding:12px;}
  .vjp .vjp-feature-heading h3 {font-size:15px;}
  .vjp .vjp-docs-grid {grid-template-columns:1fr;}
  .vjp .vjp-document-page h3{font-size:17px;}
  .vjp .vjp-document-page p{font-size:14px;}
  .vjp .vjp-document-nav{gap:6px;}
  .vjp .vjp-document-nav button{font-size:11px;padding:8px;}
  .vjp .vjp-document-count{font-size:11px;}
}

/* V24 – MOBIILI AJATELG: 19 staatilist, alati loetavat kronoloogiaartiklit.
   Lauaarvuti (laius >730px): V22 nupud ja hõljumise infokastid jäävad samaks. */
.vjp11-mobile-story,.vjp11-note-mobile{display:none;}
@media (max-width:730px) {
  .vjp .vjp-timeline-panel {padding:12px 10px 18px;overflow:visible!important;}
  .vjp .vjp-timeline-panel>.vjp-panel-head{padding:10px 7px 12px;margin:0 3px 8px;}
  .vjp .vjp11{width:100%;max-width:100%;min-width:0;}
  .vjp .vjp11-list{list-style:none;padding:10px 0 4px;margin:0;}
  .vjp .vjp11-list::before{left:15px;top:10px;bottom:35px;transform:none;}
  .vjp .vjp11-item{
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-template-rows:43px auto;gap:0;align-items:start;
    min-height:0;margin:0;padding:0 0 18px;
  }
  .vjp .vjp11-item>.vjp11-axis{
    display:block;position:relative;grid-column:1;grid-row:1;
    justify-self:stretch;align-self:start;width:100%;height:43px;min-height:43px;
  }
  .vjp .vjp11-point{left:15px;top:20px;transform:translate(-50%,-50%);width:14px;height:14px;}
  .vjp .vjp11-date,.vjp .vjp11-right .vjp11-date{
    left:39px;top:20px;transform:translateY(-50%);
    display:inline-flex;width:auto;max-width:calc(100% - 48px);min-width:112px;
    height:30px;padding:5px 14px;font-size:12.5px;line-height:1;
    white-space:nowrap;letter-spacing:0;border-radius:999px;
  }
  .vjp .vjp11-left .vjp11-axis::after,.vjp .vjp11-right .vjp11-axis::after{display:none!important;}
  /* Peida mobiilis klikitav lühiteksti kaart ja hüpikaknad TÄIELIKULT. */
  .vjp .vjp11-item>.vjp11-activity,
  .vjp .vjp11-item>.vjp11-inline-preview,
  .vjp .vjp11-item>.vjp11-inline-preview.is-visible{display:none!important;}
  .vjp .vjp11-item>.vjp11-mobile-story{
    display:block;grid-column:1;grid-row:2;min-width:0;
    margin:0 1px 0 39px;padding:12px 13px 16px;
    border:1px solid #d4e5ed;border-top:3px solid var(--vjp11-accent,#8ac3d0);
    border-radius:15px;background:rgba(255,255,255,.95);
    box-shadow:0 4px 14px rgba(25,78,102,.055);
    color:#183a50;overflow-wrap:break-word;
  }
  .vjp .vjp11-mobile-figure{display:flex;align-items:center;justify-content:center;
    width:100%;min-width:0;margin:0 0 13px;}
  .vjp .vjp11-mobile-figure img{
    display:block;width:100%;height:auto;max-height:215px;aspect-ratio:2 / 1;
    object-fit:contain;object-position:center;background:transparent;
  }
  .vjp .vjp11-mobile-content{min-width:0;padding:0 2px;}
  .vjp .vjp11-mobile-content h3{
    margin:0 0 9px;font-size:17px;line-height:1.35;font-weight:800;
    letter-spacing:-.01em;color:#0c3655;overflow-wrap:break-word;
    hyphens:auto;
  }
  .vjp .vjp11-mobile-content p{
    margin:0;font-size:14.5px;line-height:1.65;font-weight:400;
    color:#3d6075;overflow-wrap:break-word;white-space:pre-line;
  }
  .vjp .vjp11-note-desktop{display:none;}
  .vjp .vjp11-note-mobile{display:block;padding:0 13px 0 39px;margin:3px 0 5px;
    text-align:left;font-size:12.5px;line-height:1.5;color:#628395;}
  /* Kitsal ekraanil: ka projektilehe ülejäänud sisu ei tohi laiust välja venitada. */
  .vjp .vjp-feature-section,.vjp .vjp-docs-grid{min-width:0;}
  .vjp .vjp-feature-card,.vjp .vjp-doc{min-width:0;}
  .vjp .vjp-feature-copy,.vjp .vjp-document-page{overflow-wrap:break-word;}
}
@media (max-width:350px) {
  .vjp .vjp-timeline-panel{padding-left:7px;padding-right:7px;}
  .vjp .vjp11-item>.vjp11-mobile-story{padding:10px 11px 13px;margin-left:36px;}
  .vjp .vjp11-date,.vjp .vjp11-right .vjp11-date{left:36px;}
  .vjp .vjp11-mobile-content h3{font-size:16px;}
  .vjp .vjp11-mobile-content p{font-size:14px;line-height:1.62;}
  .vjp .vjp11-mobile-figure img{max-height:185px;}
}


/* V26 – mobiili infoaknad: alati nähtav X, sisemine kerimine ja eraldi pealiskihi konteiner. */
@media (max-width:730px) {
  .vjp.vjp-modal-portal {
    position:fixed!important;inset:0!important;z-index:2147483000!important;
    display:block!important;margin:0!important;padding:0!important;
    border:0!important;background:transparent!important;
    pointer-events:none!important;overflow:visible!important;
  }
  .vjp.vjp-modal-portal > .vjp-modal {
    position:fixed!important;inset:0!important;z-index:1!important;
    display:flex;align-items:center;justify-content:center;
    box-sizing:border-box;width:100%;height:100vh;height:100dvh;
    max-width:100vw;max-height:100vh;max-height:100dvh;
    padding:12px 9px;padding:
       max(12px,env(safe-area-inset-top))
       max(9px,env(safe-area-inset-right))
       max(12px,env(safe-area-inset-bottom))
       max(9px,env(safe-area-inset-left));
    pointer-events:auto;overflow:hidden;
  }
  .vjp.vjp-modal-portal .vjp-modal-backdrop {position:absolute;inset:0;}
  .vjp.vjp-modal-portal .vjp-modal-dialog {
    position:relative;display:flex;flex-direction:column;
    width:100%;max-width:560px;min-width:0;min-height:0;
    max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);
    border-radius:16px;overflow:hidden;
  }
  .vjp.vjp-modal-portal .vjp-modal-close {
    position:absolute!important;top:9px!important;right:9px!important;
    z-index:30!important;float:none!important;margin:0!important;
    width:44px;height:44px;min-width:44px;min-height:44px;
    padding:0;border:1px solid #bbdce8;background:#edf8fc;
    color:#123f5a;border-radius:50%;font-size:30px;line-height:1;
    box-shadow:0 3px 12px rgba(11,62,92,.2);
    display:flex;align-items:center;justify-content:center;
    touch-action:manipulation;
  }
  .vjp.vjp-modal-portal .vjp-modal-close:focus-visible {
    outline:3px solid #168ab8;outline-offset:2px;
  }
  .vjp.vjp-modal-portal .vjp-modal-content {
    flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:59px 17px 23px;
    overflow-wrap:anywhere;
  }
  .vjp.vjp-modal-portal .vjp-modal-heading {
    margin:3px 8px 13px 0!important;font-size:clamp(19px,5.4vw,24px);
    line-height:1.27;overflow-wrap:anywhere;
  }
  .vjp.vjp-modal-portal .vjp-modal-description {
    font-size:14.5px;line-height:1.68;white-space:pre-line;
  }
  .vjp.vjp-modal-portal .vjp-modal-text-block {
    margin:12px 0 0;padding:14px 14px;border-left-width:3px;
  }
  .vjp.vjp-modal-portal .vjp-modal-picture {max-height:36vh;max-height:36dvh;}
  .vjp.vjp-modal-portal .vjp-document-page p {font-size:14px;line-height:1.62;}
  .vjp.vjp-modal-portal .vjp-document-nav {flex-wrap:wrap;gap:7px;}
}
@media (max-width:350px) {
  .vjp.vjp-modal-portal .vjp-modal-content {padding:58px 12px 18px;}
  .vjp.vjp-modal-portal .vjp-modal-text-block {padding:12px;}
}