/* VIK RENT COMPONENT */
.vrc-cdetails-cmainimg {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
    padding: 16px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #d7d8d8;
    border-bottom: 6px solid #fc0;
    box-sizing: border-box;
}
.vrccaldivcont {
    border-top: 2px solid #fcd100;
}


.vrcmodit_changeit span {
    background: none repeat scroll 0 0 #fddf00;
    border: 1px solid #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
}

.vrcconfnumbinp input {
    border: 1px solid #fddf00;
    border-radius: 4px;
    padding: 5px 5px;
    margin: 0 10px 0 0;
    height: 50px;
    font-size: 20px;
}

img,{
    border-radius: 15px;
}


.vrcmodcarsgridboxdiv {
    border-radius: 15px;
    border: 1px solid #fcd100;
}
.vrc-reqinfo-opener {
    display: inline-block;
    padding: 10px 30px;
    background: #212529;
    color: #fddf00;
    font-weight: 400;
    transition: all 400ms ease-in-out;
}

.vrc-searchmod-wrap-horizontal .vrcsfentrycont > div > label, .vrc-searchmod-wrap-horizontal .vrcsfentrycont > label {
    display: block;
    float: none;
    width: auto;
    font-weight: normal;
    font-size: 17px;
}


.vrc-reqinfo-opener:hover {
    background: #fddf00;
    transition: all 400ms ease-in-out;
    color: #111;
}

.vrc-searchmod-wrap-vertical .vrc-searchmod-section-sbmt .vrcsearch {
    width: 100%;
    margin-top: 10px;
    background: #fcd100;
}

.vrcdivsearch .vrcsfentrysubmit input.vrcdetbooksubmit, .vrcdivsearch .button {
    background: none repeat scroll 0 0 #fcd100;
    cursor: pointer;
    font-weight: 400;
    color: #000000;
}

.vrcmodcarsgridview a {
    display: inline-block;
    padding: 0px 55px;
    border-radius: 3px;
    background: #fcd100;
    text-transform: uppercase;
    font-size: 0.9em;
}



.vrc-cdetails-cost {
    border-top: 3px solid #fcd100;
    background: var(--vrc-light-grey-bg-color);
}

.vrc-showprc-prices-inner .vrc-showprc-price-row:hover, .vrc-showprc-prices-inner .vrc-showprc-price-row.vrc-showprc-price-selected {
    border-color: #fcd100;
    cursor: pointer;
}

.vrc-goback-block a {
    display: inline-block;
    text-transform: uppercase;
    font-size: .9em;
    color: #000;
    padding: 0px 20px; 
    text-decoration: none !important;
}



.car_buttons_box .booknow {
    float: right;
    padding: 10px 30px;
    background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
}

.vrclistgoon a, .vrclistgoon a:visited, .vrclistgoon a:link, .vrclistgoon a:active, .vrcconfnumbsubm input {
    background: none repeat scroll 0 0 #fcd100;
}

.vrc-promotion-car-book-block a {
    background: #fc0;
}





/* O layout responde à largura real do componente. */
.vrc-promotions-container {
  container: promotions / inline-size;
}

@container promotions (max-width: 767px) {

  .vrc-promotion-details,
  .vrc-promotion-head,
  .vrc-promotion-bottom-block,
  .vrc-promotion-cars-list {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .vrc-promotion-details {
    margin: 0 !important;
  }

  .vrc-promotion-name {
    margin: 0 0 14px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere;
  }

  /* Datas e desconto */

  .vrc-promotion-dates {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .vrc-promotion-dates-left,
  .vrc-promotion-dates-right {
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .vrc-promotion-dates-left {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .vrc-promotion-dates-left > div {
    box-sizing: border-box !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 10px !important;
  }

  .vrc-promotion-dates-right {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  .vrc-promotion-discount,
  .vrc-promotion-date-validuntil {
    margin: 0 !important;
  }

  .vrc-promotion-description {
    margin: 16px 0 !important;
    line-height: 1.5;
  }

  /* Um carro por linha */

  .vrc-promotion-cars-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    margin: 0 !important;
  }

  .vrc-promotion-cars-list > .vrc-promotion-car-block {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 105px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 8px 12px !important;

    flex: none !important;
    flex-basis: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 10px !important;
  }

  .vrc-promotion-car-block > * {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    flex-basis: auto !important;
  }

  .vrc-promotion-car-img {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .vrc-promotion-car-img img {
    display: block !important;
    width: 100% !important;
    max-width: 105px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .vrc-promotion-car-name-wrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .vrc-promotion-car-name {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
    overflow-wrap: anywhere !important;
  }

  .vrc-promotion-car-book-block {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: end !important;
    margin: 0 !important;
  }

  .vrc-promotion-car-book-block a {
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 10px 8px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-align: center !important;
  }
}