/* MB-TEH V3.47.14 TEST — ločeni tehnični ozadji za dobavitelje in kataloge */

:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#dobavitelji > .overview-section--soft,
  .overview-page main#katalogi > .catalogs-v32
){
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-top:1px solid #dbe7ef;
  border-bottom:1px solid #dbe7ef;
  background:
    radial-gradient(circle at 14% 18%,rgba(73,188,255,.11),transparent 31%),
    radial-gradient(circle at 87% 82%,rgba(8,119,201,.08),transparent 29%),
    linear-gradient(135deg,#f5f9fc 0%,#edf5fa 52%,#f7fafc 100%);
}

:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#dobavitelji > .overview-section--soft,
  .overview-page main#katalogi > .catalogs-v32
)::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-repeat:no-repeat;
  background-size:cover;
  opacity:.24;
  filter:saturate(.78) contrast(.94);
  pointer-events:none;
}

/* Dobavitelji: povezave, komponente in avtomatizacija. */
:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .overview-page main#dobavitelji > .overview-section--soft
)::before{
  background-image:url("../assets/images/dobavitelji-network-blueprint.svg");
  background-position:center 48%;
}

/* Katalogi: tehnični listi, prerezi in merilne črte. */
:where(
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#katalogi > .catalogs-v32
)::before{
  background-image:url("../assets/images/katalogi-technical-blueprint.svg");
  background-position:center 45%;
}

:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#dobavitelji > .overview-section--soft,
  .overview-page main#katalogi > .catalogs-v32
)::after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  background:
    linear-gradient(90deg,rgba(246,250,253,.64) 0%,rgba(246,250,253,.25) 24%,rgba(246,250,253,.12) 52%,rgba(246,250,253,.28) 78%,rgba(246,250,253,.68) 100%),
    repeating-linear-gradient(0deg,rgba(8,119,201,.035) 0 1px,transparent 1px 72px),
    repeating-linear-gradient(90deg,rgba(8,119,201,.035) 0 1px,transparent 1px 72px);
  pointer-events:none;
}

:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#dobavitelji > .overview-section--soft,
  .overview-page main#katalogi > .catalogs-v32
) > *{
  position:relative;
  z-index:2;
}

/* Bele kartice dobijo več globine in jasnejšo ločitev od ozadja. */
:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .overview-page main#dobavitelji > .overview-section--soft
) .supplier,
:where(
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#katalogi > .catalogs-v32
) .catalog-card{
  border-color:#cbdce7;
  background:rgba(255,255,255,.975);
  box-shadow:0 15px 38px rgba(6,36,60,.10),0 2px 7px rgba(6,36,60,.045);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .overview-page main#dobavitelji > .overview-section--soft
) .supplier:hover,
:where(
  .v3-master:not(.overview-page) #dobavitelji.section-soft,
  .overview-page main#dobavitelji > .overview-section--soft
) .supplier:focus-within,
:where(
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#katalogi > .catalogs-v32
) .catalog-card:hover,
:where(
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#katalogi > .catalogs-v32
) .catalog-card:focus-within{
  transform:translateY(-5px);
  border-color:rgba(8,119,201,.55);
  box-shadow:0 22px 48px rgba(6,36,60,.15),0 0 0 1px rgba(8,119,201,.07);
}

:where(
  .v3-master:not(.overview-page) #katalogi.catalogs-v32,
  .overview-page main#katalogi > .catalogs-v32
) .catalog-brand{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,253,.98));
}

@media(max-width:760px){
  :where(
    .v3-master:not(.overview-page) #dobavitelji.section-soft,
    .v3-master:not(.overview-page) #katalogi.catalogs-v32,
    .overview-page main#dobavitelji > .overview-section--soft,
    .overview-page main#katalogi > .catalogs-v32
  )::before{
    inset:0;
    background-size:auto 760px;
    background-repeat:repeat-y;
    opacity:.17;
  }

  :where(
    .v3-master:not(.overview-page) #dobavitelji.section-soft,
    .overview-page main#dobavitelji > .overview-section--soft
  )::before{
    background-position:42% top;
  }

  :where(
    .v3-master:not(.overview-page) #katalogi.catalogs-v32,
    .overview-page main#katalogi > .catalogs-v32
  )::before{
    background-position:17% top;
  }

  :where(
    .v3-master:not(.overview-page) #dobavitelji.section-soft,
    .v3-master:not(.overview-page) #katalogi.catalogs-v32,
    .overview-page main#dobavitelji > .overview-section--soft,
    .overview-page main#katalogi > .catalogs-v32
  )::after{
    background:
      linear-gradient(90deg,rgba(246,250,253,.70),rgba(246,250,253,.40),rgba(246,250,253,.70)),
      repeating-linear-gradient(0deg,rgba(8,119,201,.03) 0 1px,transparent 1px 52px),
      repeating-linear-gradient(90deg,rgba(8,119,201,.03) 0 1px,transparent 1px 52px);
  }

  :where(
    .v3-master:not(.overview-page) #dobavitelji.section-soft,
    .overview-page main#dobavitelji > .overview-section--soft
  ) .supplier,
  :where(
    .v3-master:not(.overview-page) #katalogi.catalogs-v32,
    .overview-page main#katalogi > .catalogs-v32
  ) .catalog-card{
    box-shadow:0 11px 28px rgba(6,36,60,.10);
  }
}

@media(prefers-reduced-motion:reduce){
  :where(
    .v3-master:not(.overview-page) #dobavitelji.section-soft,
    .overview-page main#dobavitelji > .overview-section--soft
  ) .supplier,
  :where(
    .v3-master:not(.overview-page) #katalogi.catalogs-v32,
    .overview-page main#katalogi > .catalogs-v32
  ) .catalog-card{
    transition:none;
  }
}