/* Fix double-border/blue focus outline on custom file control */
.custom-file {
  position: relative;
}

.custom-file input[type="file"].form-control {
  outline: none !important;
  box-shadow: none !important;
}

/* If your template uses .custom-file-input/.custom-file-label */
.custom-file-input:focus ~ .custom-file-label {
  border-color: #d9dee8;        /* match your normal border */
  box-shadow: none !important;  /* remove blue glow */
}

/* If your template wraps it in an input-group */
.input-group .form-control:focus {
  box-shadow: none !important;
}


/* Hide on mobile (Bootstrap-like breakpoint: < 768px) */
@media (max-width: 767.98px){
  .hide-mobile{ display:none !important; }
}





/* EDIT VIN PAGE CODE - BELOW */
.fc-edit-card{
            border-radius:16px;
            border:1px solid #e9eef5;
            box-shadow:0 10px 30px rgba(18,38,63,.06);
        }
        .fc-vin-badge{
            display:inline-flex;
            align-items:center;
            gap:8px;
            padding:8px 14px;
            border-radius:999px;
            background:#eef5ff;
            color:#0D72FF;
            font-weight:600;
            font-size:13px;
        }
        .fc-vin-text{
            color:#1f2937;
            font-weight:700;
            letter-spacing:.3px;
            word-break:break-all;
			font-size: 24px;
        }
        .fc-label{
            display:block;
            font-weight:600;
            color:#374151;
            margin-bottom:8px;
        }
        .fc-switch-wrap{
            background:#f8fafc;
            border:1px solid #e9eef5;
            border-radius:14px;
            padding:16px 18px;
            height:100%;
        }
        .fc-switch-title{
            font-weight:700;
            color:#1f2937;
            margin-bottom:4px;
        }
        .fc-switch-sub{
            color:#6b7280;
            font-size:13px;
            margin-bottom:12px;
        }
        .fc-actions{
            display:flex;
            flex-wrap:wrap;
            gap:12px;
            align-items:center;
        }
        .fc-btn-primary{
            background:#0D72FF;
            border-color:#0D72FF;
        }
        .fc-btn-primary:hover,
        .fc-btn-primary:focus{
            background:#0b63db;
            border-color:#0b63db;
        }
        .page-header .text-gray{
            display:block;
            margin-top:6px;
        }
        @media (max-width: 767.98px){
            .fc-actions .btn{
                width:100%;
            }
        }


/* ALIGN THE COUNTS */

.fc-dashboard-head{
    padding-bottom: 0;
}

.fc-welcome-top{
    padding-bottom: 18px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e6edf5;
}

.fc-welcome-sub{
    display: inline-block;
    max-width: 520px;
    line-height: 1.5;
    font-size: 15px;
}

.fc-stat-row{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    gap: 56px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.fc-stat-item{
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    min-width: 0;
}

.fc-stat-icon{
    font-size: 27px;
    line-height: 1;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fc-stat-content{
    display: flex;
    align-items: baseline;
    gap: 8px;
    white-space: nowrap;
}

.fc-stat-content h2{
    font-size: 20px;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
    line-height: 1;
    position: relative;
    top: 1px;
}

.fc-stat-content span{
    font-size: 15px;
    line-height: 1;
    margin: 0;
}

@media (max-width: 991.98px){
    .fc-stat-row{
        gap: 32px;
    }
}

@media (max-width: 767.98px){
    .fc-welcome-top .media{
        align-items: flex-start !important;
    }

    .fc-welcome-sub{
        max-width: 100%;
    }

    .fc-stat-row{
        gap: 24px;
    }

    .fc-stat-icon{
        font-size: 24px;
        margin-right: 10px;
    }

    .fc-stat-content h2{
        font-size: 18px;
        top: 1px;
    }

    .fc-stat-content span{
        font-size: 14px;
    }
}


.fc-vin-card-wrap .card-body{
    padding: 24px;
}

.fc-vin-head{
    padding-bottom: 18px;
    border-bottom: 1px solid #e9edf3;
}

.fc-vin-table td,
.fc-vin-table th{
    vertical-align: middle;
}

/* MOBILE CARD ITEMS */
.fc-vin-mobile-item{
    padding: 18px 16px;
    margin-bottom: 14px;
    border: 1px solid #efefef;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.fc-vin-mobile-item:last-child{
    margin-bottom: 0;
}

.fc-vin-mobile-top{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.fc-vin-mobile-main{
    flex: 1 1 auto;
    min-width: 0;
}

.fc-vin-mobile-actions{
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
}

.fc-mobile-icon-btn{
    color: #a7a7a7;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
}

.fc-mobile-icon-btn:hover{
    color: #0D72FF;
    text-decoration: none;
}

.fc-mobile-icon-btn-delete:hover{
    color: #ef4444;
}

.fc-vin-mobile-row{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.fc-vin-mobile-row:last-child{
    margin-bottom: 0;
}

.fc-vin-mobile-label{
    min-width: 70px;
    font-weight: 700;
    font-size: 15px;
    color: #2f343b;
    text-transform: uppercase;
}

.fc-vin-mobile-value{
    color: #3f4652;
    font-size: 15px;
}

.fc-vin-mobile-vin{
    font-weight: 700;
    color: #2f343b;
    word-break: break-word;
}

.fc-vin-mobile-status-row{
    align-items: center;
}

.fc-vin-mobile-status-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.fc-vin-mobile-status{
    font-size: 14px;
    font-weight: 700;
}

.fc-vin-mobile-search-row{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #eef2f7;
}

.fc-vin-mobile-badges{
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

@media (max-width: 767.98px){
    .fc-vin-card-wrap .card-body{
        padding: 18px 16px;
    }

    .fc-vin-head h5{
        font-size: 16px;
        line-height: 1.3;
    }

    .fc-vin-head .btn{
        padding: 8px 12px;
        font-size: 13px;
    }

    .fc-vin-mobile-item{
        padding: 16px 14px;
        border-radius: 16px;
        margin-bottom: 12px;
    }

    .fc-vin-mobile-label{
        min-width: 68px;
        font-size: 14px;
    }

    .fc-vin-mobile-value,
    .fc-vin-mobile-vin{
        font-size: 14px;
    }

    .fc-vin-mobile-badges .badge{
        font-size: 11px;
    }
}


/* =========================================================
      LOGO / MOBILE / FOLDED NAV
   ========================================================= */

.fc-logo-mobile-dark,
.fc-logo-mobile-white{
    display: none;
}

.fc-logo-full{
    display: inline-block;
	padding-left: 15px;
}

/* normal desktop */
.header .logo{
    padding-top: 0 !important;
}

.header .logo .fc-logo-link{
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    vertical-align: middle;
}

/* desktop wordmark alignment tweak */
.header .logo .fc-logo-full{
    position: relative;
    top: 18px;
}

/* hide folded icon by default */
.header .logo .logo-fold{
    display: none;
}

@media (max-width: 767.98px){

    /* hide full wordmark logos on mobile */
    .header .logo .fc-logo-full{
        display: none !important;
    }

    /* hide folded icon on mobile */
    .header .logo .logo-fold{
        display: none !important;
    }

    /* hide both mobile icons first */
    .header .logo .fc-logo-mobile-dark,
    .header .logo .fc-logo-mobile-white{
        display: none !important;
        width: 34px !important;
        height: 34px !important;
        max-width: 34px !important;
        margin: 0 !important;
    }

    /* show correct mobile icon for active theme */
    .header .logo.logo-dark .fc-logo-mobile-dark{
        display: inline-block !important;
    }

    .header .logo.logo-white .fc-logo-mobile-white{
        display: inline-block !important;
    }

    /* mobile logo positioning */
    .header .logo{
        width: 58px !important;
        min-width: 58px !important;
        max-width: 58px !important;
        padding-top: 18px !important;
        padding-left: 14px !important;
        padding-right: 0 !important;
        overflow: hidden !important;
    }

    .header .logo .fc-logo-link{
        display: block !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1 !important;
        vertical-align: top !important;
    }

    /* tighten left-side spacing */
    .header .nav-wrap{
        margin-left: 0 !important;
    }

    .header .nav-left{
        margin-left: 0 !important;
    }

    .header .nav-left .desktop-toggle a,
    .header .nav-left .mobile-toggle a{
        padding-left: 8px !important;
    }
}


.page-header .avatar{
  overflow: hidden;
  border-radius: 50%;
}

.page-header .avatar.avatar-image{
  width: 52px;
  height: 52px;
  min-width: 52px;
  flex: 0 0 52px;
}

.page-header .avatar.avatar-image img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
}




/* BREAD CRUMB ON PAGES */
.breadcrumb-wrap{
  margin: 18px 0 24px;
}

.breadcrumb{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.breadcrumb li{
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #6b7280;
}

.breadcrumb li:not(:last-child)::after{
  content: "/";
  margin-left: 8px;
  color: #9ca3af;
}

.breadcrumb a{
  color: #0D72FF;
  text-decoration: none;
  font-weight: 600;
}

.breadcrumb a:hover{
  text-decoration: underline;
}

.breadcrumb li[aria-current="page"]{
  color: #304469;
  font-weight: 700;
}


/* IMAGE FLOAT TO THE RIGHT */
.article-img-right{
  float: right;
  margin: 0 0 18px 24px;
  max-width: 650px;
  width: 100%;
}

.article-img-right img{
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}

@media (max-width: 767px){
  .article-img-right{
    float: none;
    margin: 0 auto 20px;
  }
}


/* CTA RESOURCES SECTION NEAR FOOTER AREA */

.resource-cta{
  margin: 34px 0 10px;
  padding: 28px;
  border-radius: 22px;
  background: linear-gradient(135deg, #0D72FF 0%, #304469 100%);
  color: #fff;
  box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
}

.resource-cta h3{
  margin: 0 0 10px;
  color: #fff;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 800;
}

.resource-cta p{
  margin: 0;
  color: rgba(255,255,255,0.92);
  font-size: 16px;
  line-height: 1.7;
}

.resource-cta__buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

.resource-cta .btn-main,
.resource-cta .btn-ghost{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s ease;
}

.resource-cta .btn-main{
  background: #fff;
  color: #0D72FF;
  border: 1px solid #fff;
}

.resource-cta .btn-main:hover{
  background: #f3f7ff;
  color: #0D72FF;
}

.resource-cta .btn-ghost{
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,0.45);
}

.resource-cta .btn-ghost:hover{
  background: rgba(255,255,255,0.10);
  color: #fff;
  border-color: rgba(255,255,255,0.70);
}

@media (max-width: 767px){
  .resource-cta{
    padding: 22px 18px;
    border-radius: 18px;
  }

  .resource-cta h3{
    font-size: 24px;
  }

  .resource-cta p{
    font-size: 15px;
  }

  .resource-cta__buttons{
    flex-direction: column;
  }

  .resource-cta .btn-main,
  .resource-cta .btn-ghost{
    width: 100%;
  }
}