@charset "utf-8";
/* CSS sezione globale sito */
/* Diego Bosco 
---------------------------------
0) sezione globale*/
body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
/* ==========================================
   Testata sito NavBar 
========================================== */

.custom-navbar{min-height:70px;padding:0;}
.navbar{border-radius: 0 0 25px 25px;box-shadow:  0 8px 22px rgba(0,0,0,0.38); }
	.logo-video{height:60px;width:auto;display:block;margin-left:18px;object-fit:contain}
	.navbar-brand{margin:0!important;padding:0!important}
	.navbar-nav .nav-link{font-weight:600;transition:.2s}
	.navbar-nav .nav-link:hover{font-weight:800}
	.custom-navbar .container{align-items:center}
	@media (max-width:991px){
		.custom-menu{position:absolute;top:65px;left:50%;transform:translateX(-50%) translateY(-10px);width:100%;background:#000000;display:none;padding:15px 0;box-shadow:0 10px 20px rgba(0,0,0,.1)}
		.custom-menu.open{display:block}
		.custom-menu ul{padding:10px 20px}
		.custom-menu .nav-item{margin-bottom:10px}
		.custom-menu .nav-link{font-size:18px;font-weight:600;padding:12px 10px}}
	.custom-menu .nav-link:hover{transform:translateX(1px)}
	.custom-menu .nav-item:not(:last-child){border-bottom:1px solid #eee}
	.custom-menu{opacity:0;transform:translateY(-10px);transition:all .25s ease;}
	.custom-menu.open{display:block;opacity:1;transform:translateX(-50%) translateY(0)}#preferitiModal 
	.modal-content{max-height:90vh;display:flex;flex-direction:column}
	#backdroptestata{z-index:900}
	#preferitiModal 
	.modal-body{overflow-y:auto;flex:1}
	@media (min-width:992px){
		.custom-menu{display:block!important;opacity:1!important;transform:translateY(-10px);transition:all .25s ease}
		.custom-menu .nav-link{color:rgba(91,91,91,1)!important}}
	@media (max-width:576px){
		.navbar-brand{flex-shrink:1;min-width:0; margin-right: 30px;}
		.logo-video{height:45px;max-width:140px}}
	.admin-db-link{position:relative;display:inline-flex;align-items:center;text-decoration:none}
	.admin-db-badge{position:absolute;top:-6px;right:-10px;width:22px;height:22px;border-radius:50%;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid #fff}
	.circle-action{width:38px;height:36px;border-radius:50%;border:3px solid #dcdcdc;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;transition:.2s}
	.circle-action:hover,.user-account:hover{transform:scale(1.05)}
	.circle-action svg{width:18px;height:18px;display:block;fill:currentColor}
	.share-circle-btn{background:#5570AF;color:#fff;cursor:pointer}
	.share-circle-btn:hover{background:#324A80}
	.user-account.guest{color:#C7C7C7}
	.user-account.logged{background:#68B559;color:#fff}
	.user-account svg{width:20px;height:20px;fill:currentColor}
	.favorite-account{background:#fff;color:#666}
	.favorite-account.active{background:#dc3545;color:#fff}
	.circle-badge{width:22px;height:22px;top:-8px;right:-8px;position:absolute;padding:0 4px;border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;border:2px solid #fff;z-index:2}
	.logout-badge{background:#dc3545}
	.logout-badge:hover{background:#bb2d3b;color:#fff}
	.counter-badge{background:#0d6efd}
	
	.mobile-menu-btn{margin-right:-50px;width:34px;height:34px;border:0px solid #dcdcdc;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#666;padding:0}
	.navbar-collapse{
		flex-grow: 0;
	}
   /* ==========================================
   QUICK DRAWER
========================================== */

.quick-drawer{
    position:fixed;
    top:50px;
    padding-top: 20px !important;
    border-radius: 0 0 10px 10px; 
    left:0;
    right:0;
    z-index:999;

    background:rgba(255,255,255,.30);

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

/* ==========================================
   BARRA PRINCIPALE
========================================== */

.drawer-bar{
    display:flex;
    align-items:center;
    width:100%;
}
.drawer-wrapper{
    position:relative;
    margin-left:auto;
}



/* ==========================================
   TORNA INDIETRO
========================================== */

.drawer-back{
    display:flex;
    align-items:center;
    justify-content:left;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    transition:.2s;
}

/* ==========================================
   PULSANTE SOCIAL
========================================== */
.drawer-toggle-main{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    padding-right:15px;
    cursor:pointer;
    transition:.2s;
}

/* ==========================================
   ICONE
========================================== */

.drawer-social-icon{
    width:18px;
    height:18px;
    object-fit:contain;
    opacity:.45;
    transition:.2s;
}

.drawer-toggle-main:hover .drawer-social-icon{
    opacity:.9;
}

.drawer-arrow{
    color:#777;
    font-size:12px;
    font-weight:700;
}

/* ==========================================
   CONTENUTO APERTO
========================================== */

.drawer-content{

    position:absolute;

    top:118%;
    right:0;

    width:380px;
    max-width:95vw;

    max-height:0;
    overflow:hidden;

    transition:max-height .3s ease;

    text-align:right;

    border-radius:0 0 12px 12px;
}


.quick-drawer.open .drawer-content{

    max-height:550px;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(35px);
    -webkit-backdrop-filter:blur(35px);

    box-shadow:0 10px 25px rgba(0,0,0,.12);
}

/* ==========================================
   LINK INTERNI
========================================== */

.drawer-item{
    display:block;

    padding:14px 20px;

    text-decoration:none;
    color:#222;

    border-top:1px solid #eee;

    transition:.15s;
}

.drawer-item:hover{
    background:rgba(0,0,0,.03);
    color:#000;
}

/* ==========================================
   ICONE MENU APERTO
========================================== */

.menu-social-icon{
    width:22px;
    height:22px;

    object-fit:contain;
    opacity:.9;
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:576px){

    .drawer-back{
        width:40%;
        font-size:12px;
    }

    .drawer-toggle-main{
        width:60%;
        gap:8px;
    }

    .drawer-social-icon{
        width:16px;
        height:16px;
    }

}
   @media(max-width:576px){

    .drawer-bar{
        display:flex;
        align-items:center;
    }

    .drawer-back{
        flex:1;
        min-width:0;
    }

    .drawer-toggle-main{
        width:auto;
        flex-shrink:0;

        margin-left:auto;

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

        gap:4px;
    }

}
.minibanner-ticker{
    flex:1;
    text-align:center;
    font-weight:600;
    color:#000000;
    font-size:14px;
    letter-spacing:.2px;
    white-space:nowrap;
    overflow:hidden;
}
@media (max-width:991px){

.custom-navbar{
    background: linear-gradient(
        to bottom,
        #121212 0%,
        #181818 35%,
        #232323 100%
    );
    border:0;
    box-shadow:none;
}
.custom-menu{
    background: linear-gradient(
        to bottom,
        #232323 0%,
        #515151 35%,
        #878787 100%
    );
    border:0;
    box-shadow:none;
								}
								.circle-action{
									background:transparent;
									color:#fff;
									border-color:#444;
								}

								.mobile-menu-btn{
									background:transparent;
									color:#fff;
									border-color:#444;
								}

								.navbar{
									box-shadow:none;
								}
								.navbar-brand{
								   margin-right: -30px !important;     
									}
                                .navbar {border-radius: 0; }
								}	

/* **************************
1) sezione mylist
****************************/

#ListContainer {position: fixed;bottom: 100px;left: 20px;background-color:bisque;border-radius: 10px; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.5);padding-bottom: 15px; display: none;z-index: 1500;max-height: 630px; min-height: 410px;}
.listcontens {width: 320px;max-height: 570px;min-height: 410px;overflow-y: auto;padding: 5px;padding-bottom: 50px;}
.chat-header {background:#585858;color: white;padding: 6px;text-align: center; font-weight: bold; position: relative;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.close-btn { position: absolute; top: -15px; right: -15px; background:#C95A5C;color: white;border: none;width: 35px;height: 35px;border-radius: 50%;font-size: 18px;display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 1051;box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);}

/* fine sezione mylist
---------------------------------
2) sezione index home
*/
.cky-btn-revisit-wrapper.cky-revisit-bottom-left {right: 5px !important;left: auto !important;}
.logo-finanziaria {width: 100%; max-width: 220px; height: auto;}
@media (max-width: 768px) {.logo-finanziaria {max-width: 120px; }}
@media (max-width: 480px) {.logo-finanziaria {max-width: 100px;}}

/* fine sezione index home
---------------------------------

/* =========================
   BANNER / SLIDER
========================= */
#banner{margin-top:50px}#banner .carousel-item{position:relative}#banner .carousel-item img,.carousel-video{width:100%;height:93vh;object-fit:cover;object-position:center;display:block}.carousel-inner{overflow:hidden}#banner .carousel-caption{position:absolute;top:90px;left:60px;color:#fff;font-weight:700;font-size:clamp(24px,4vw,48px);z-index:10;text-shadow:2px 2px 6px rgba(0,0,0,.7)}.top-title{position:absolute;top:120px;left:60px;z-index:10;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.8)}#banner .carousel-item:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to top,rgba(0,0,0,.45),rgba(0,0,0,0));z-index:2}.hero-bottom{position:absolute;bottom:0;left:0;width:100%;padding:25px 20px;background:rgba(61,60,60,.25);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;border-top:1px solid rgba(255,255,255,.1);z-index:5}.hero-content{text-align:center;color:#fff;max-width:800px}.hero-content h4{margin-bottom:5px}.hero-content h5{margin-bottom:15px;font-weight:300}.img_size{width:5vw}.carousel-control-prev,.carousel-control-next{width:auto}.carousel-control-prev-icon,.carousel-control-next-icon{background-color:darkgrey;border-radius:50%;width:50px;height:50px;background-size:50% 50%;background-position:center;background-repeat:no-repeat;box-shadow:0 2px 8px rgba(0,0,0,.3)}@media(max-width:768px){#banner{margin-top:72px}#banner .carousel-caption{top:80px;left:20px;font-size:clamp(20px,8vw,32px)}.top-title{top:80px;left:20px}.img_size{width:12vw}.carousel-video{height:59vh}#banner .carousel-item img{height:50vh}.hero-bottom{position:relative;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:none;padding:20px 15px}.hero-content{color:#000}.hero-content h4,.hero-content h5{color:#000!important;text-shadow:none}.hero-content .btn{width:100%;padding:14px;font-size:18px;border-radius:8px}}
/* fine sezione slider

/* =========================
4) sezione categorie home
============================*/

.custom-button { background: transparent; border: none;padding: 10px; display: flex;flex-direction: column; align-items: center; width: 170px;  height: 120px; cursor: pointer; margin-top: 95px;}
.button-text {font-size: 16px;font-weight: bold; color: black; margin-bottom: 25px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.btn-glow:hover {box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);transition: box-shadow 0.3s ease-in-out; }
.uploadable-image {max-width: 100%; height: auto; }
.sfondo {background-color: #AAAAAA; background-image: url('images/skiline.webp'); background-position: top; display: flex;flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; margin-top: -50px; }
/* fine sezione categorie Home
---------------------------------

/* =========================
5) sezione blackroom
============================*/
.background-container-promo {position: relative; width: 100%; height: 740px; background-image: url("https://www.areamotors.it/webapp/_medialib/images/sfondi/blackroom.webp"); background-size: cover; background-position: left;}
.W_100img{ width: 100% !important;}
.carousel-promo {position: absolute; top: 108px; left: 33px; max-height: 580px; max-width: 450px; overflow: hidden;}
.carousel-promo img { width: auto; height: 100%; border-radius: 10px; }
.blocconotes { font-family: 'Rock Salt', cursive; color: black; position: absolute; left: 55px; top: 100px; width: 400px; font-size: clamp(18px, 2vw, 60px); z-index: 999; text-align: center;}
.appunti{ font-family: 'Rock Salt', cursive; color: black; font-size: 12px;	display: block;}	
.lavagna {font-family: 'Rock Salt', cursive; color: white; position: absolute; left: 850px; top: 50px; max-width: 800px;font-size: clamp(18px, 2vw, 60px); }
.social-icons img {width: 100px; height: auto; }
.auction-frame{background:#fff;border-radius:10px; overflow:hidden;}
.auction-photo{ width:100%;height:380px; object-fit:cover; display:block;}
.auction-sheet{ background:#ffffff; text-align:center; padding:15px 10px;}
.auction-title{font-family:Arial, sans-serif;font-size:22px;font-weight:bold;color:#000;line-height:1.2;
min-height:70px;}
.auction-price{ color:#46b000; font-size:18px;font-weight:bold; margin-top:-10px;}
.auction-end{color:#FE0004;font-size:16px;margin-top:-7px;}
.auction-badge-blackroom{background:#ff0000; color:#fff; padding:12px 35px; border-radius:14px;font-size:22px;font-weight:bold;margin-bottom:5px; animation:pulse 1.5s infinite;}
.auction-info-row{display:flex;justify-content:center;align-items:stretch;gap:25px;width:95%;margin-bottom:10px}.auction-box-label{font-size:10px;text-transform:uppercase;color:#666;margin-bottom:5px}.auction-info-box{flex:1}.auction-bids-badge{position:absolute;top:100px;right:15px;background:rgba(0,0,0,.75);color:#fff;padding:8px 14px;border-radius:30px;font-size:.8rem;font-weight:600;backdrop-filter:blur(5px)}
@media (max-width: 1200px) { .social-icons img {width: 80px;} }
@media (max-width: 1050px) {.lavagna {display: none;} .background-container-promo {width: 100%;	height: 520px;} .carousel-promo {top: 58px; max-height: 460px; max-width: 300px; overflow: hidden;} .blocconotes {left: 15px; top: 65px; width: 320px; } .W_100img{ margin-top: -30px; width: 100% !important;}.auction-price{font-size:18px;}.auction-end{font-size:14px;} .auction-title{font-size:14px;}
.auction-bids-badge { top: 60px; font-size: 0.5rem; font-weight: 400;}
}
@keyframes pulse{ 0%{transform:scale(1);} 50%{transform:scale(1.05);} 100%{transform:scale(1);}}
/* fine sezione blackroom
---------------------------------
6) sezione testimonial 
*/

.center-carusel { background: linear-gradient(to bottom, #cccccc, #777777); min-height: 60vh; display: flex; flex-direction: column;padding-top: 20px; align-items: center; text-align: center; color: white;}
.carousel-container { width: 90%; max-width: 1000px; background: white; padding: 20px; border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); }
#photoCarousel .carousel-item img { width: 100%; height: 400px; object-fit: cover; border: 10px solid white; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3); }

/*---------------------------------
7) sezione consensi GDPR 
---------------------------------*/
#cookieBanner { backdrop-filter: blur(10px);} .modal-content{animation: fadeInScale 0.2s ease;} @keyframes fadeInScale {from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }}



.modal {
  display: none; /* hidden di default */
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.5);
}

.modal-content {
  background-color: #fff;
  margin: 10% auto;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;*/
  position: relative;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  animation: fadeIn 0.3s ease;
}

.close-button {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.hidden {
  display: none;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

/*---------------------------------
8) Rotazione Testo in catalogo usato
---------------------------------*/
.text-rotator {
  min-width: 260px;
  text-align: center;
  font-weight: 600;
  color: #325487;
}

#dynamicText {
  display: inline-block;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.fade-out {
  opacity: 0;
  transform: translateY(8px);
}

.fade-in {
  opacity: 1;
  transform: translateY(0);
}

/*---------------------------------
8) Sezione outlet home
---------------------------------
*/
.outlet-page{background:#0f172a;color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding-top:50px;padding-bottom:50px}.outlet-page .outlet-hero{padding:70px 0 50px;text-align:center;color:#fff}.outlet-page .outlet-hero h1{font-size:2rem;font-weight:900}.outlet-page .outlet-hero p{color:#cbd5e1;font-size:1.2rem}.outlet-page .outlet-card{background:#1e293b;border-radius:20px;overflow:hidden;transition:.3s;height:100%}.outlet-page .outlet-card:hover{transform:translateY(-5px)}.outlet-page .outlet-image{width:100%;height:260px;object-fit:cover}.outlet-page .outlet-badge{position:absolute;top:15px;left:15px;background:#ef4444;padding:8px 15px;border-radius:30px;font-weight:700}.outlet-page .outlet-bids-badge{position:absolute;bottom:15px;right:15px;background:rgba(0,0,0,.75);color:#fff;padding:8px 14px;border-radius:30px;font-size:.9rem;font-weight:600;backdrop-filter:blur(5px)}.outlet-page .outlet-top-badge{position:absolute;top:15px;right:15px;background:#28a745;color:#fff;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:700;z-index:10;box-shadow:0 4px 10px rgba(0,0,0,.25)}.outlet-page .outlet-price{font-size:1.8rem;font-weight:700}.outlet-page .outlet-countdown{font-size:2rem;font-weight:700;color:#fbbf24}.outlet-page .outlet-media-wrapper{width:100%;height:350px;overflow:hidden;border-radius:10px}.outlet-page .media-cover{width:100%;height:100%;object-fit:cover}@media (max-width:768px){.outlet-page .outlet-content h3{font-size:1rem}.outlet-page .outlet-content .outlet-price{font-size:1.2rem}.outlet-page .outlet-content .outlet-countdown{font-size:1.1rem}.outlet-page .outlet-content .btn{font-size:.9rem;padding:10px}.outlet-page .outlet-slider{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:10px}.outlet-page .outlet-slider::-webkit-scrollbar{display:none}.outlet-page .outlet-slider>div{min-width:88%;flex:0 0 auto;scroll-snap-align:center}.outlet-page .outlet-image{height:220px}.outlet-page .outlet-swipe-helper{text-align:center;margin-top:5px;margin-bottom:25px;opacity:.85}.outlet-page .outlet-swipe-arrow{font-size:2rem;animation:outletSwipeMove 1.5s infinite}.outlet-page .outlet-swipe-text{color:#cbd5e1;font-size:.9rem}}@keyframes outletSwipeMove{0%{transform:translateX(0)}50%{transform:translateX(12px)}100%{transform:translateX(0)}}


/*---------------------------------
8) Sezione outlet dettaglio
---------------------------------
*/
.auction-detail-page{background:#0f172a;font-family:Arial}.auction-detail-page .card{background:#1e293b!important;border:none!important;color:#fff!important;border-radius:20px!important}.auction-detail-page .card-header{background:#111827!important;color:#fff!important;border:none!important}.auction-detail-page .card-footer{background:#111827!important;border:none!important;color:#cbd5e1!important}.auction-detail-page .text-muted{color:#cbd5e1!important}.auction-detail-page #carGallery,.auction-detail-page #carGallery .carousel-inner,.auction-detail-page #carGallery .carousel-item,.auction-detail-page #carGallery img{border-radius:20px 20px 0 0}.auction-detail-page #carGallery{box-shadow:0 10px 30px rgba(0,0,0,.35)}.auction-price-value{font-size:2rem;font-weight:700;line-height:1.1}.auction-timer-value{font-size:1.8rem;font-weight:700;line-height:1.1;text-align:center;color:#f59e0b}.auction-btn-icon{width:14px;height:14px;flex-shrink:0}#fullScreenCarouselModal .modal-content{background:#000;border:none}#fullScreenCarouselModal .modal-body{padding:0;overflow:hidden}#fullScreenCarouselModal img{width:100vw;height:100vh;object-fit:contain;background:#000}#fullScreenCarouselModal .carousel-item{text-align:center;background:#000}#rotateDeviceOverlay{display:none;position:absolute;inset:0;background:#000;z-index:999999;color:#fff;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px}@media (max-width:768px){.auction-price-value{font-size:1.35rem}.auction-timer-value{font-size:1rem}.countdown-box small{font-size:.75rem}#bidForm .form-control{font-size:.95rem;padding:10px 12px;height:48px}#bidForm .form-control::placeholder{font-size:.8rem}#bidForm .btn{font-size:.85rem;padding:10px 14px;white-space:nowrap}#bidForm .input-group{align-items:stretch}.auction-action-btn{font-size:.6rem!important;padding:5px 6px!important;line-height:1!important;min-height:auto!important;height:auto!important;border-radius:8px!important}.auction-btn-icon{width:11px;height:11px}}

/*---------------------------------
9) Sezione contatti
---------------------------------
*/
#contactModal .modal-body{position:relative;overflow:hidden}#contactModal .girl-overlay{position:absolute;bottom:0;right:0;width:140px;height:auto;z-index:2;pointer-events:none}#contactModal #step-1{padding-right:120px}

/*---------------------------------
9) Sezione User Pagine Profilo
---------------------------------
*/
.user-profilo .bg-image {
            background-size: cover;
            background-position: center;
            height: 100vh;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: -1; 
        }
		.user-profilo .fotoprofilo {
			margin-bottom: 7px;
			margin-top: -10px;
			width: 80px; 
			height: 80px;
			border: none; 
			border-radius: 50%; 
			overflow: hidden;
			box-shadow: 0 1px 6px #fff;
			object-fit: cover; 
		}
		 
    .user-profilo #overlay-loader .overlay-backdrop {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            backdrop-filter: blur(5px);
            background-color: rgba(0,0,0,0.50);
            z-index: 1040;
          }

  .user-profilo #overlay-loader .overlay-spinner {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1050;
          }

/*---------------------------------
10) Sezione toast message 
---------------------------------
*/
.am-toast{
	z-index: 11000;
    min-width:280px;
    max-width:420px;
    margin-top:10px;
    padding:16px 20px;
    border-radius:12px;
    color:#fff;
    opacity:0;
    transform:translateY(20px);
    transition:.3s;
    box-shadow:0 10px 30px rgba(0,0,0,.2);
}

.am-toast.show{
    opacity:1;
    transform:translateY(0);
}

.am-toast.success{
    background:#198754;
}

.am-toast.error{
    background:#dc3545;
}

.am-toast.warning{
    background:#ffc107;
    color:#222;
}

.am-toast.info{
    background:#0d6efd;
}
.action-menu{
    position:absolute;
    top:15px;
    right:15px;
    z-index:1000;
}
.action-popup{
    display:none;
    position:absolute;
    top:42px;
    right:0;

    width:220px;

    background:#fff;
    border:1px solid #dee2e6;
    border-radius:8px;

    box-shadow:0 .5rem 1rem rgba(0,0,0,.15);

    overflow:hidden;
}

.action-popup.show{
    display:block;
}

.action-item{
    display:flex;
    align-items:center;
    gap:10px;

    width:100%;

    padding:10px 15px;

    border:none;
    background:transparent;

    color:#212529;

    text-decoration:none;

    font-size:15px;

    cursor:pointer;
}

.action-item:hover{
    background:#f8f9fa;
}

.action-divider{
    height:1px;
    background:#dee2e6;
}


/*---------------------------------
10) Sezione favorite 
---------------------------------
*/
.offcanvas-body .favcanvas {
    background-color: #ABABAB;
}
.favorite-card{

    position:relative;

    display:flex;

    align-items:flex-start;

    gap:15px;

    padding:12px;

    margin-bottom:12px;

    border:1px solid #e6e6e6;

    border-radius:10px;

    background:#fff;

    transition:.25s;

}

.favorite-card:hover{

    box-shadow:0 5px 15px rgba(0,0,0,.08);

}

.favorite-card-link{

    display:flex;

    flex:1;

    gap:15px;

    text-decoration:none;

    color:inherit;

}

.favorite-card-image{

    flex:0 0 125px;

}

.favorite-card-image img{

    width:100%;

    height:95px;

    object-fit:cover;

    border-radius:8px;

}

.favorite-card-body{

    flex:1;

    min-width:0;

}

.favorite-card-title{

    font-size:.95rem;

    font-weight:600;

    line-height:1.25;

    margin-bottom:10px;

    color:#212529;

}

.favorite-card-prices{

    display:flex;

    gap:8px;

}

.favorite-price-finance,
.favorite-price-web{

    flex:1;

    padding:6px 8px;

    text-align:center;

    font-size:.90rem;

    font-weight:600;

}

.favorite-price-finance{

    background:#0d6efd;

    color:#fff;

}

.favorite-price-web{

    background:#f3f3f3;

    color:#212529;

}

.favorite-action-delete{

    position:absolute;

    top:8px;

    left:8px;

    width:34px;

    height:34px;

    border:none;

    border-radius:50%;

    background:#fff;

    box-shadow:0 2px 8px rgba(0,0,0,.25);

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.2s;

}

.favorite-action-delete:hover{

    background:#dc3545;

    color:#fff;

}

.favorite-action-delete i{

    font-size:1rem;

}
.vehicle-favorite{
    border:0;
    background:transparent;
    padding:0;
    cursor:pointer;
}

.vehicle-favorite svg{
    color:#adb5bd;
    transition:.25s;
}



@media(max-width:768px){

    .favorite-card-image{

        flex:0 0 110px;

    }

    .favorite-card-image img{

        height:82px;

    }

}