/* =========================================================
   PODEM HOME ORIGIN BADGE V1.0.3
   Transparent / Large / Responsive
   ========================================================= */

.podem-home-v4{
  --pdh-origin-logo-width:170px;
  --pdh-origin-logo-width-tablet:140px;
  --pdh-origin-logo-width-mobile:118px;
}


/* ---------------------------------------------------------
   BADGE WRAPPER
   --------------------------------------------------------- */

.podem-home-v4
.pdh4-origin-badge{
  display:inline-flex;
  align-items:center;
  gap:16px;

  width:max-content;
  max-width:100%;

  margin:
    15px 0 20px;

  padding:0;

  background:transparent;
  border:0;
  box-shadow:none;

  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}


/* old decorative layers disabled */

.podem-home-v4
.pdh4-origin-badge::before,
.podem-home-v4
.pdh4-origin-badge::after{
  content:none;
  display:none;
}


/* ---------------------------------------------------------
   LOGO
   --------------------------------------------------------- */

.podem-home-v4
.pdh4-origin-badge__logo{
  flex:
    0 0
    var(--pdh-origin-logo-width);

  width:
    var(--pdh-origin-logo-width);

  min-width:
    var(--pdh-origin-logo-width);

  height:auto;

  display:flex;
  align-items:center;
  justify-content:center;

  padding:0;

  background:transparent;
  border:0;
  box-shadow:none;

  overflow:visible;
}


.podem-home-v4
.pdh4-origin-badge__logo img{
  display:block;

  width:
    var(--pdh-origin-logo-width);

  height:auto;

  max-width:none;
  max-height:none;

  object-fit:contain;
  object-position:center;

  background:transparent;

  filter:none;
}


/* ---------------------------------------------------------
   META
   --------------------------------------------------------- */

.podem-home-v4
.pdh4-origin-badge__meta{
  min-width:0;

  display:flex;
  flex-direction:column;
  align-items:flex-start;

  row-gap:3px;

  direction:ltr;
  text-align:left;
}


.podem-home-v4
.pdh4-origin-badge__meta span{
  color:#ffdd00;

  font-size:8px;
  line-height:1.4;

  font-weight:950;
  letter-spacing:.18em;

  white-space:nowrap;
}


.podem-home-v4
.pdh4-origin-badge__meta strong{
  color:#fff;

  font-size:14px;
  line-height:1.4;

  font-weight:950;
  letter-spacing:.08em;

  white-space:nowrap;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media(max-width:900px){

  .podem-home-v4
  .pdh4-origin-badge{
    gap:13px;

    margin:
      13px 0 18px;
  }

  .podem-home-v4
  .pdh4-origin-badge__logo{
    flex:
      0 0
      var(--pdh-origin-logo-width-tablet);

    width:
      var(--pdh-origin-logo-width-tablet);

    min-width:
      var(--pdh-origin-logo-width-tablet);
  }

  .podem-home-v4
  .pdh4-origin-badge__logo img{
    width:
      var(--pdh-origin-logo-width-tablet);
  }

}


/* ---------------------------------------------------------
   MOBILE
   --------------------------------------------------------- */

@media(max-width:560px){

  .podem-home-v4
  .pdh4-origin-badge{
    gap:10px;

    margin:
      11px 0 16px;
  }

  .podem-home-v4
  .pdh4-origin-badge__logo{
    flex:
      0 0
      var(--pdh-origin-logo-width-mobile);

    width:
      var(--pdh-origin-logo-width-mobile);

    min-width:
      var(--pdh-origin-logo-width-mobile);
  }

  .podem-home-v4
  .pdh4-origin-badge__logo img{
    width:
      var(--pdh-origin-logo-width-mobile);
  }

  .podem-home-v4
  .pdh4-origin-badge__meta span{
    font-size:7px;
  }

  .podem-home-v4
  .pdh4-origin-badge__meta strong{
    font-size:11px;
  }

}