/* GENERAL SETTINGS */

#category input, textarea, select, .form-control {
     border-radius: none !important;
     border: none !important;
     padding: 0px !important;
}

@media (min-width: 1200px) {

  .col-lg,
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-md,
  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-sm,
  .col-sm-1,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-xl,
  .col-xl-1,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xs,
  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    padding: 0 !important;
  }
}

footer.page-footer a {
  background-color: var(--cleassic-btn-primary-hover) !important;
  color: white;
  border-color: var(--cleassic-btn-primary-hover) !important;
  padding: 10px 20px;
  border-radius: var(--cleassic-btn-primary-radius) !important;
  color: var(--cleassic-btn-primary-text-hover) !important;
  

}

@media (max-width: 768px) {
  footer.page-footer {
    display: flex !important;
    justify-content: center;

}
}



.card-block.cart-summary-totals .cart-summary-line.cart-total {
  margin: 0px !important;
}


.cleassic-ui-menu-item {
  font-size: 14px;
}

ul.account-menu-list {
  display: flex;
  flex-flow: column nowrap;
}


/* Dashboard Styles */
#my-account .breadcrumb,
#module-psgdpr-gdpr .breadcrumb{
  display: none;
}

.account-menu-list li:not(:last-child) {
  border-bottom: 1px solid #ccc;
  /* Aquí puedes cambiar el estilo del separador */
  padding-bottom: 10px;
}

.account-dashboard {
  padding: 0px 0px 0px 30px;
}

.need-help-icons i {
  font-size: 16px;
}

.need-help-icons {
  font-size: 12px !important;
}

.need-help-text {
  width: 60%;
  font-size: 16px;
  line-height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.row.my-account-layout,
.row {
  margin: 0px !important;
}


.middle-card {
  margin: 0px 5px;
}




.dashboard-welcome-header {
  align-items: center;
}

.dashboard-welcome.card.mb-4 {
  background: none;
}

.welcome-message {
  font-size: 1.8rem;
  color: #333;
  margin-bottom: 0.5rem;
}

.welcome-message .customer-name {
  color: black;
  font-weight: 700;
}

.last-access {
  color: #6c757d;
  font-size: 0.9rem;
  margin-bottom: 0px !important;
}

/* Stat Cards */

.row.quick-stats {
  display: flex;
  margin: 0px !important;
}




.stat-card .card-body {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 10px;
}

.stat-icon {
  font-size: 2.5rem;
  color: black;
  margin-bottom: 15px;
}

.stat-value {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #333;
}

.stat-label {
  color: #6c757d;
  font-size: 0.9rem;
  margin-bottom: 0px;
}

/* Recent Activity */

.order-item-last {
  display: flex;
  flex-flow: row nowrap !important;
}

.dashboard-order-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.dashboard-order-item {
  display: flex;
  align-items: center;
  width: 100%;
}

.order-product-image img {
  max-width: 120px;
  width: 100%;
  border-radius: 5px;
}

.order-info {
  flex: 1;
  padding: 0 15px;
  display: flex;
  flex-direction: column;
}

.order-actions {
  text-align: right;
}

.btn-primary {
  padding: 5px 10px;
  font-size: 14px;
}

.recent-activity {
  border-radius: var(--cleassic-global-radius);
}

.activity-title {
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  margin: 0px;

}

.activity-title .material-icons {
  margin-right: 10px;
  color: black;
}

span.order-reference {
  font-size: 14px;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 10px;
}

span.order-total {
  font-weight: bold;
  margin-bottom: 10px;
}

.order-list-footer {
  padding: 20px;
  text-align: center;
}

.dashboard-welcome.card.mb-4, .contact-banner-wrapper.dashboard-welcome-contact {
  width: 50% !important;
}


span.order-date {
  font-size: 14px;
  display: flex;
  justify-content: end;
  width: 30%;
}

span.order-status.badge {
  width: 70% !important;
}

.dashboard-welcome-header {
  display: flex !important;
  flex-flow: row nowrap !important;
  margin-bottom: 10px !important;
}



.cleassic-banner {
  width: 100% !important;
  margin-bottom: 50px !important;
  height: 200px;
  display: block !important;
  align-items: center;
  justify-content: center;
  color: white;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  background: var(--cleassic-banner-image) center/cover no-repeat !important;
}

.cleassic-banner:not([style*="background-image"]) {
  display: none;
  margin-bottom: 0;
  height: 0;
}

.cleassic-ui-menu {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: var(--cleassic-global-radius);
}

.cleassic-ui-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background-color: white;
  border-radius: var(--cleassic-global-radius);
  /* Usando tu variable */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
}

.cleassic-ui-menu-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.cleassic-ui-menu-item::before {
  font-family: "Material Icons";
  /* Usando Material Icons como ejemplo */
  font-size: 32px;
  margin-bottom: 10px;
}

.item-my-account::before {
  content: "person";
}

.item-my-adresses::before {
  content: "location_on";
}

.item-my-vouchers::before {
  content: "card_giftcard";
}

.item-my-wishlist::before {
  content: "favorite";
}

.cleassic-ui-menu-item span {
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

@media (max-width: 768px) {
  .cleassic-ui-menu {
    grid-template-columns: repeat(2, 1fr);
    /* 2 columnas en móvil */
  }
}

h1.step-title.js-step-title.h3 {
  font-size: 20px !important;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: var(--cleassic-btn-primary-hover);
}
.done {
  color: var(--cleassic-btn-primary-hover);
}
a.js-show-details {
  text-transform: capitalize;
}

#checkout .product-price {
  color: black;
}

.custom-radio input[type=radio]:checked+span {
  width: 12px;
  height: 12px;
  background-color: var(--cleassic-btn-primary-hover);
}

body#checkout section.checkout-step .delivery-options>.row {
  border-right: none;
}

.form-control:focus {
  color: #232323;
  background-color: #fff;
  outline: none !important;
  border: 1px solid var(--cleassic-btn-primary-hover);
}


#module-blockwishlist-lists section#main a, .wishlist-list-item:hover .wishlist-list-item-title {
  color: var(--cleassic-btn-primary-hover) !important;
}

.wishlist-products-container .sort-by-row {
  min-width: 35% !important;
}

.wishlist-products-list {
  display: flex
;
  flex-wrap: wrap;
   margin: 0px !important; 
   padding: 0px !important;
  margin-top: 0;
}

button.btn.wishlist-product-addtocart.btn-primary {
  padding: 10px;
}

p.wishlist-product-title {
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}

.wishlist-product i.material-icons {
  font-size: 15px;
}

.modal-content .wishlist-list .wishlist-list-item:hover {
  background: var(--cleassic-btn-primary-hover) !important;
  
}

.modal-content .wishlist-list-item:hover p {
  color: var(--cleassic-btn-primary-text) !important;
}

.modal-footer a, .modal-footer i {
  color: var(--cleassic-btn-primary-hover) !important;
}

#module-psgdpr-gdpr .page_content {
  color: #333;
}

.psgdprinfo17 {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  padding: 30px !important;
  margin-bottom: 30px;
}

/* Títulos */
.psgdprinfo17 h2 {
  color: #2c3e50;
  font-size: 22px;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

/* Texto descriptivo */
.psgdprinfo17 p {
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 25px;
  color: #555;
}

/* Enlaces de contacto */
.psgdprinfo17 a:not(.btn) {
  color: #25b9d7;
  text-decoration: none;
  transition: color 0.3s;
}

.psgdprinfo17 a:not(.btn):hover {
  color: #1a9bb8;
  text-decoration: underline;
}

#contact input[type=file]
{ border: none !important; }

/* Botones de descarga */
.psgdprgetdatabtn17 {
  background-color: #25b9d7;
  border: none;
  border-radius: 4px;
  padding: 12px 24px;
  font-size: 15px;
  font-weight: 500;
  margin-right: 15px;
  margin-bottom: 10px;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
}

.psgdprgetdatabtn17:hover {
  background-color: #1a9bb8;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.psgdprgetdatabtn17 i {
  margin-right: 8px;
  font-size: 18px;
}

/* Responsive */
@media (max-width: 767px) {
  /*#module-psgdpr-gdpr .page_content {
    padding: 20px 10px; 
  }*/

  #module-psgdpr-gdpr .container {
    padding: 0; 
  }
  
  .psgdprinfo17 {
    padding: 20px;
  }
  
  .psgdprgetdatabtn17 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    justify-content: center;
  }
  
  .psgdprinfo17 h2 {
    font-size: 20px;
  }
}

#authentication .form-group.row {
  display: flex
;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

#authentication label.col-md-3.form-control-label.required {
  width: 100%;
  text-align: left;
}

.login-form .form-control:focus {
  box-shadow: none !important;;
}

.input-group.focus {
  outline: none !important;
}

#history .recent-orders .card-body {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  border-radius: var(--cleassic-global-radius);
}

#history footer.page-footer {
  text-align: center;
}

#my-account a#wishlist-link, #my-account a#psgdpr-link, #my-account a#emailsalerts {
  width: 100%;
}

#checkout footer.form-footer {
  margin-bottom: 50px;
}

#checkout button.continue.btn.btn-primary.float-xs-right {
  width: 100%;
  padding: 10px;
}

/*BLOG*/
body#module-ph_simpleblog-single img
{ max-width: 1000px; }
body#module-ph_simpleblog-single .btn.btn-blog-social
{ border-radius: 20px; }

body#module-ph_simpleblog-list .card.h-100,
body#module-ph_simpleblog-category .card.h-100
{ border: 1px solid #c3c3c3; }

body#module-ph_simpleblog-list .row,
body#module-ph_simpleblog-category .row
{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
body#module-ph_simpleblog-list .card-custom-div,
body#module-ph_simpleblog-category .card-custom-div
{width:33.33%;}
@media only screen and (max-width: 815px)
{
    body#module-ph_simpleblog-list .card-custom-div,
    body#module-ph_simpleblog-category .card-custom-div
    {
        width:100% !important;
        margin: 15px 0 !important;
    }
    body#module-ph_simpleblog-list .card-custom-div img,
    body#module-ph_simpleblog-category .card-custom-div img
    { width:100% !important; }
}

/*AMAZZING FILTER*/
#amazzing_filter a,
#amazzing_filter a span
{ color: #000 !important; }
.icon-filter.compact-toggle-icon
{ transform: translate(-9px, 10px); }
#amazzing_filter .btn-primary.compact-toggle.type-1.ready
{
  border-radius: 0 !important;
  width: 32px;
  border-bottom-left-radius: 20px !important;
}
#amazzing_filter .compact-toggle
{ top: 40% !important; }

/*MODAL*/
#blockcart-modal .product-name
{ color: #25b9d7; }

/*FORMULARIO BÚSQUEDA MATRÍCULA*/
@media only screen and (max-width: 576px) {
  #matricula.input-matricula-icono
  { width: 90%; }
}
#vehicleModelSelect
{ border-radius: 20px !important; }

/*GARAJE*/
@media only screen and (max-width: 768px) {
  .neon-title
  { font-size: 1.5rem; }
  #activateHologram
  {
    font-size: 15px;
    padding-top: 10px;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 20px;
  }
}

/*MODAL CAMBIAR VEHÍCULO*/
#changeVehicleModal
{ z-index: 100000 !important; }

/*THUNDER*/
#header-buscador .elementor-search__container
{ padding: 15px 20px; }