/* JobLik 0.33.90 — global automotive gallery identity card polish.
   Fixes visual hierarchy after 0.33.89 without increasing the desktop header height.
   Desktop: QR | shared link+code box | actions | gallery identity.
   Mobile: QR + identity, shared link+code box, actions visually below the card. */

@media (min-width:768px){
  .automotive-gallery-only .agi-card.agi-public{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:215px minmax(470px,1fr) 240px minmax(340px,.95fr)!important;
    grid-template-areas:"qr fields actions title"!important;
    gap:0!important;
    align-items:stretch!important;
    min-height:124px!important;
    height:124px!important;
    padding:10px 12px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .automotive-gallery-only .agi-card.agi-public:before{display:none!important}

  /* QR: clean white section, with one orange separator only. */
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap{
    grid-area:qr!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 14px 0 8px!important;
    background:transparent!important;
    color:#10293d!important;
    border:0!important;
    border-right:3px solid #ff7900!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>a{
    display:block!important;
    margin:0!important;
    padding:2px!important;
    line-height:0!important;
    background:#fff!important;
    border:0!important;
    border-radius:7px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap img{
    display:block!important;
    width:92px!important;
    height:92px!important;
    object-fit:contain!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>span{
    display:flex!important;
    flex-direction:column!important;
    gap:3px!important;
    min-width:72px!important;
    text-align:right!important;
    color:#10293d!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>span b{font-size:11px!important}
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>span small{font-size:9px!important;color:#718395!important}

  /* Link + code are visually ONE compact two-row box. */
  .automotive-gallery-only .agi-card.agi-public .agi-fields{
    grid-area:fields!important;
    direction:ltr!important;
    align-self:center!important;
    display:grid!important;
    grid-template-rows:1fr 1fr!important;
    gap:0!important;
    min-width:0!important;
    width:calc(100% - 22px)!important;
    height:96px!important;
    margin:0 11px!important;
    padding:0!important;
    background:#f7fafc!important;
    border:1px solid #dce6ee!important;
    border-radius:12px!important;
    box-shadow:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) 72px!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0 12px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field+.agi-field{
    border-top:1px solid #dfe8ef!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field>span{
    grid-column:3!important;
    grid-row:1!important;
    direction:rtl!important;
    margin:0!important;
    color:#6d7f91!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.4!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field>div{
    display:contents!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field a,
  .automotive-gallery-only .agi-card.agi-public .agi-field b{
    grid-column:2!important;
    grid-row:1!important;
    direction:ltr!important;
    min-width:0!important;
    margin:0!important;
    color:#10293d!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1.4!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field button{
    grid-column:1!important;
    grid-row:1!important;
    width:52px!important;
    min-width:52px!important;
    height:32px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #cad8e4!important;
    border-radius:8px!important;
    color:#10293d!important;
    font:inherit!important;
    font-size:10px!important;
    font-weight:900!important;
    box-shadow:none!important;
    cursor:pointer!important;
  }

  /* Actions remain compact and centered, no floating whitespace. */
  .automotive-gallery-only .agi-card.agi-public .agi-global-actions{
    grid-area:actions!important;
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:0 10px!important;
    border:0!important;
    border-right:1px solid #dce5ec!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-global-action{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:100px!important;
    height:40px!important;
    margin:0!important;
    padding:0 12px!important;
    background:#fff!important;
    border:1px solid #ff9a35!important;
    border-radius:10px!important;
    color:#e66f00!important;
    font-size:12px!important;
    font-weight:900!important;
    line-height:1!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  /* Identity: only one orange separator on its left; remove the previous double line. */
  .automotive-gallery-only .agi-card.agi-public .agi-title{
    grid-area:title!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:8px 18px!important;
    background:transparent!important;
    border:0!important;
    border-left:3px solid #ff7900!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-align:right!important;
    box-sizing:border-box!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-title>div{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:7px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-title strong{
    color:#10293d!important;
    font-size:16px!important;
    line-height:1.5!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-title em{
    font-size:9px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-title small{
    margin-top:3px!important;
    color:#718395!important;
    font-size:10px!important;
  }
}

@media (max-width:767px){
  .automotive-gallery-only .agi-card.agi-public{
    direction:ltr!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:8px 10px!important;
    align-items:center!important;
    width:100%!important;
    margin:10px 0 68px!important;
    padding:9px 10px 10px!important;
    overflow:visible!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap{
    grid-column:1!important;
    grid-row:1!important;
    direction:rtl!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:#10293d!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>a{
    display:block!important;
    margin:0!important;
    padding:2px!important;
    line-height:0!important;
    background:#fff!important;
    border:1px solid #d9e4ec!important;
    border-radius:7px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap img{
    display:block!important;
    width:90px!important;
    height:90px!important;
    object-fit:contain!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap>span{display:none!important}

  .automotive-gallery-only .agi-card.agi-public .agi-title{
    grid-column:2!important;
    grid-row:1!important;
    direction:rtl!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    margin:0!important;
    padding:4px 8px 4px 2px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    text-align:right!important;
  }

  .automotive-gallery-only .agi-card.agi-public .agi-fields{
    grid-column:1 / -1!important;
    grid-row:2!important;
    direction:ltr!important;
    display:grid!important;
    grid-template-rows:1fr 1fr!important;
    gap:0!important;
    width:100%!important;
    height:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:#f6f9fc!important;
    border:1px solid #dce7ef!important;
    border-radius:11px!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field{
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 54px!important;
    align-items:center!important;
    gap:7px!important;
    min-width:0!important;
    margin:0!important;
    padding:7px 8px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field+.agi-field{
    border-top:1px solid #dfe8ef!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field>span{
    grid-column:3!important;
    grid-row:1!important;
    direction:rtl!important;
    margin:0!important;
    color:#6d7f91!important;
    font-size:8px!important;
    font-weight:900!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field>div{display:contents!important}
  .automotive-gallery-only .agi-card.agi-public .agi-field a,
  .automotive-gallery-only .agi-card.agi-public .agi-field b{
    grid-column:2!important;
    grid-row:1!important;
    direction:ltr!important;
    min-width:0!important;
    color:#10293d!important;
    font-size:9px!important;
    font-weight:900!important;
    text-align:left!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-field button{
    grid-column:1!important;
    grid-row:1!important;
    width:44px!important;
    min-width:44px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    border:1px solid #cad8e4!important;
    border-radius:8px!important;
    color:#10293d!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  /* Visually keep CTA buttons OUTSIDE the identity card, as in the approved mobile reference. */
  .automotive-gallery-only .agi-card.agi-public .agi-global-actions{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-global-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    height:36px!important;
    padding:0 7px!important;
    background:#fff!important;
    border:1px solid #ff9a35!important;
    border-radius:9px!important;
    color:#e66f00!important;
    font-size:10px!important;
    font-weight:900!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
}

@media (max-width:390px){
  .automotive-gallery-only .agi-card.agi-public{
    grid-template-columns:84px minmax(0,1fr)!important;
    gap:7px!important;
    padding-inline:8px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-qr-wrap img{
    width:78px!important;
    height:78px!important;
  }
  .automotive-gallery-only .agi-card.agi-public .agi-title strong{font-size:13px!important}
}