/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/
  .content-checkout-pay{
    background: #F8F8F8 0% 0% no-repeat padding-box;
    border: 1px solid #004c97;
    border-radius: 5px;
    opacity: 1;
    margin-bottom: 5px;
  }
  #hook-address-schedule .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
  }
  #hook-address-schedule input, #hook-address-schedule select {
    height: 30px;
    vertical-align: top;
  }
  #hook-address-schedule input, #hook-address-schedule select, #hook-address-schedule textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #hook-address-schedule section {
    font-family: 'Gotham Book', sans-serif !important;
    font-family: 'Roboto';
    font-size: .875rem;
  }
  #hook-address-schedule {
    font-family: 'Gotham Book', sans-serif !important;
    font-family: 'Roboto';
    font-size: .9375rem;
    line-height: 1.2em;
  }
  #hook-address-schedule .radio {
    margin: 0.7rem 0.1rem;
  }

@media (min-width: 992px) {
  /*.complete-data{
    transform: translate(0%, 90%);
  }*/
  #delivery-addresses #showAllAddresses{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 40px;
  }
  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .edit-delete {
      display: flex;
      align-items: center;
  }

  .edit-delete i {
      margin-right: 10px;
      cursor: pointer;
  }  
  #checkout-address section .btn-address-edit {
    border: medium none!important;
    width: 28px;
    height: 28px;
  }
  #checkout-address section .ctn-edit-address {
    /*position: absolute;
    right: 10%;*/
  }
  #checkout-address section.selected .ctn-edit-address {
    right: 0;
  }

  #checkout-address section .btn-address-edit-checkout{
    border: medium none !important;
  }

  .btn-address-delete-checkout {
    position: absolute;
    bottom: -93px;
    right: 10px;
    font-size: 1.2rem;
    color: #999;
  }

  .sectionBlockAddresses {
    position: relative !important;
    border: 1px solid #e3e3e3 !important;
    padding: 20px !important;
    border-radius: 20px !important;
    background-color: #f9f9f9 !important;
    margin-bottom: 20px !important;
  }
  
  /* Ícono de editar (parte superior derecha) */
  .btn-address-edit-checkout {
    position: absolute;
    top: 20px;
    right: 50px;
    font-size: 1.2rem;
    color: #999;
  }
  
  /* Ícono de eliminar (parte inferior derecha) */
  .btn-address-delete-checkout {
    position: absolute;
    top: 20px;
    right: 15px;
    font-size: 1.2rem;
    color: #999;
  }
  
  .btn-address-edit-checkout svg,
  .btn-address-delete-checkout svg {
    width: 20px;
    height: 20px;
  }
  
  /* Ajuste para evitar que el contenido de la dirección se superponga con los íconos */
  .address-content {
    padding-right: 40px; /* Espacio para los íconos */
  }
  
  .font-color-alias-address{
    color: #337AB7;
    font-size: 18px;
    font-weight: bold;
  }
  .mgb{
    margin-bottom: 10px;
  }
  #content_hook_order_scheduling{
    background-color: #ffeee3;
    margin-bottom: 20px;
    /*height: 120px;*/
    font-weight: bold;
  }
}

/* Estilos para pantallas pequeñas (móviles) */
@media (max-width: 768px) {
  /*.complete-data{
    transform: translate(100%, -15%);
  }*/
  #checkout-address section .ctn-edit-address-checkout {
    position: unset;
    right: 10%;
  }

  #delivery-addresses #showAllAddresses{
    display: flex;
    align-items: center;
    justify-content: center;

  }

  #content_hook_order_scheduling{
    background-color: #ffeee3;
    margin-bottom: 20px;
    height: 200px;
    text-align: center;
    font-weight: bold;
  }

  #horario_select{
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  
  #checkout-address section.selected .ctn-edit-address-checkout {
    right: 0;
  }
  #checkout-address section .btn-address-edit-checkout {
    border: medium none!important;
    width: 37px;
    height: 28px;
  }


  .btn-address-delete-checkout {
    position: absolute;
    bottom: -93px;
    right: 10px;
    font-size: 1.2rem;
    color: #999;
  }

  .sectionBlockAddresses {
    position: relative !important;
    border: 1px solid #e3e3e3 !important;
    padding: 20px !important;
    border-radius: 10px !important;
    background-color: #f9f9f9 !important;
    margin-bottom: 20px !important;
  }
  
  /* Ícono de editar (parte superior derecha) */
  .btn-address-edit-checkout {
    position: absolute;
    top: 10px;
    right: 40px;
    font-size: 1.2rem;
    color: #999;
  }
  
  /* Ícono de eliminar (parte inferior derecha) */
  .btn-address-delete-checkout {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2rem;
    color: #999;
  }
  
  .btn-address-edit-checkout svg,
  .btn-address-delete-checkout svg {
    width: 20px;
    height: 20px;
  }
  
  /* Ajuste para evitar que el contenido de la dirección se superponga con los íconos */
  .address-content {
    padding-right: 40px; /* Espacio para los íconos */
  }
  
  .font-color-alias-address{
    color: #337AB7;
    font-size: 18px;
    font-weight: bold;
  }
  .mgb{
    margin-bottom: 10px;
  }
}

.btn-cafam-delete-address {
  width: 100%;
  font-size: 10px;
  text-transform: capitalize;
  font-family: 'Gotham Book', sans-serif !important;
  cursor: pointer;
  border-radius: 50px;
  display: inline-block;
  transition-duration: 0.2s;
  padding: 8px;
  font-weight: bold;
  text-transform: capitalize !important;
}

.btn-cafam-green-dalete-address {
  background-color: #00bfb3;
  border: 1px solid #ffffff;
  color: #ffffff !important;
  text-transform: uppercase;
}
.btn-cafam-green-dalete-address:hover {
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  background-color:#1ba198;
  color: #ffffff !important;
}
.btn-cafam-green-dalete-address:active {
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  background-color:#1ba198;
  color: #ffffff !important;
}

.btn-cafam-gray-delete-address {
  background-color: #827D7D;
  border: 1px solid #ffffff;
  color: #ffffff !important;
  text-transform: uppercase;
}

.btn-cafam-gray-delete-address:hover {
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  background-color:rgb(137, 128, 128);
  color: #ffffff !important;
}
.btn-cafam-gray-delete-address:active {
  box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
  background-color:rgb(137, 128, 128);
  color: #ffffff !important;
}

.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mt-5{margin-top:3rem!important}
.mt-auto{margin-top:auto!important}

.mb-0{margin-bottom;:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.mb-4{margin-bottom:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.mb-auto{margin-bottom:auto!important}