/*!
Theme Name: Hello Elementor Child
Theme URI: https://crocoblock.com/
Author: Crocoblock
Author URI: https://crocoblock.com/
Description: Child theme for Hello Elementor with all CrocoBlock features compatibility.
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-elementor-child
*/


/* Khi Elementor Popup mở */
body.elementor-popup-modal .atp-call.pc.mb,
body.elementor-popup-modal .zalo-container.left{
  display: none !important;
}


/* ============================================
   Peugeot quick actions - tư vấn, Zalo, ưu đãi, lái thử
   ============================================ */
.elementor-element-f8192ce,
.elementor-element-3793ef8,
.elementor-element-6f3b726,
.elementor-element-af9e59a {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(135deg,#06152b 0%,#092b55 62%,#075eaa 140%) !important;
  border-radius: 16px !important;
  border: 1px solid rgba(104,186,255,.28) !important;
  box-shadow: 0 12px 30px rgba(0,20,60,.16) !important;
  opacity: 0;
  transform: translateY(18px);
  animation: peugeotQuickActionIn .55s cubic-bezier(.22,.75,.25,1) forwards;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
.elementor-element-f8192ce{animation-delay:.05s}
.elementor-element-6f3b726{animation-delay:.12s}
.elementor-element-3793ef8{animation-delay:.19s}
.elementor-element-af9e59a{animation-delay:.26s}
.elementor-element-f8192ce:before,
.elementor-element-3793ef8:before,
.elementor-element-6f3b726:before,
.elementor-element-af9e59a:before{
  content:"";position:absolute;z-index:-1;width:130px;height:130px;right:-72px;bottom:-82px;
  border:1px solid rgba(255,255,255,.18);border-radius:50%;transition:transform .35s ease;
}
.elementor-element-f8192ce:after,
.elementor-element-3793ef8:after,
.elementor-element-6f3b726:after,
.elementor-element-af9e59a:after{
  content:"›";position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#66bdff;
  font:300 27px/1 Arial,sans-serif;transition:transform .28s ease,color .28s ease;
}
.elementor-element-f8192ce:hover,
.elementor-element-3793ef8:hover,
.elementor-element-6f3b726:hover,
.elementor-element-af9e59a:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(104,186,255,.68) !important;
  box-shadow: 0 18px 42px rgba(0,41,102,.3) !important;
}
.elementor-element-f8192ce:hover:before,
.elementor-element-3793ef8:hover:before,
.elementor-element-6f3b726:hover:before,
.elementor-element-af9e59a:hover:before{transform:scale(1.28)}
.elementor-element-f8192ce:hover:after,
.elementor-element-3793ef8:hover:after,
.elementor-element-6f3b726:hover:after,
.elementor-element-af9e59a:hover:after{transform:translate(4px,-50%);color:#fff}
.elementor-element-f8192ce .elementor-image-box-wrapper,
.elementor-element-3793ef8 .elementor-image-box-wrapper,
.elementor-element-6f3b726 .elementor-image-box-wrapper,
.elementor-element-af9e59a .elementor-image-box-wrapper{
  display:grid!important;grid-template-columns:52px minmax(0,1fr);gap:15px;align-items:center;text-align:left!important;
}
.elementor-element-f8192ce .elementor-widget-container,
.elementor-element-3793ef8 .elementor-widget-container,
.elementor-element-6f3b726 .elementor-widget-container,
.elementor-element-af9e59a .elementor-widget-container {
  padding: 18px 50px 18px 18px !important;
}
.elementor-element-f8192ce .elementor-image-box-img,
.elementor-element-3793ef8 .elementor-image-box-img,
.elementor-element-6f3b726 .elementor-image-box-img,
.elementor-element-af9e59a .elementor-image-box-img{
  width:52px!important;height:52px!important;margin:0!important;padding:9px;border-radius:15px;
  background:rgba(255,255,255,.96);box-shadow:0 7px 18px rgba(0,0,0,.2);transition:transform .28s ease;
}
.elementor-element-f8192ce:hover .elementor-image-box-img,
.elementor-element-3793ef8:hover .elementor-image-box-img,
.elementor-element-6f3b726:hover .elementor-image-box-img,
.elementor-element-af9e59a:hover .elementor-image-box-img{transform:scale(1.07) rotate(-2deg)}
.elementor-element-f8192ce .elementor-image-box-title,
.elementor-element-3793ef8 .elementor-image-box-title,
.elementor-element-6f3b726 .elementor-image-box-title,
.elementor-element-af9e59a .elementor-image-box-title{
  margin:0 0 4px!important;color:#fff!important;font-size:15px!important;line-height:1.2!important;font-weight:700!important;
}
.elementor-element-f8192ce .elementor-image-box-description,
.elementor-element-3793ef8 .elementor-image-box-description,
.elementor-element-6f3b726 .elementor-image-box-description,
.elementor-element-af9e59a .elementor-image-box-description{
  margin:0!important;color:#c9d9ec!important;font-size:11px!important;line-height:1.35!important;
}
@keyframes peugeotQuickActionIn{to{opacity:1;transform:translateY(0)}}
@media (max-width: 767px) {
  .elementor-element-f8192ce,
  .elementor-element-3793ef8,
  .elementor-element-6f3b726,
  .elementor-element-af9e59a {
    margin-bottom: 10px !important;border-radius: 13px !important;
  }
  .elementor-element-f8192ce .elementor-widget-container,
  .elementor-element-3793ef8 .elementor-widget-container,
  .elementor-element-6f3b726 .elementor-widget-container,
  .elementor-element-af9e59a .elementor-widget-container{padding:14px 42px 14px 14px!important}
  .elementor-element-f8192ce .elementor-image-box-wrapper,
  .elementor-element-3793ef8 .elementor-image-box-wrapper,
  .elementor-element-6f3b726 .elementor-image-box-wrapper,
  .elementor-element-af9e59a .elementor-image-box-wrapper{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .elementor-element-f8192ce .elementor-image-box-img,
  .elementor-element-3793ef8 .elementor-image-box-img,
  .elementor-element-6f3b726 .elementor-image-box-img,
  .elementor-element-af9e59a .elementor-image-box-img{width:44px!important;height:44px!important;padding:8px;border-radius:12px}
  .elementor-element-f8192ce .elementor-image-box-title,
  .elementor-element-3793ef8 .elementor-image-box-title,
  .elementor-element-6f3b726 .elementor-image-box-title,
  .elementor-element-af9e59a .elementor-image-box-title{font-size:14px!important}
}
@media (prefers-reduced-motion:reduce){
  .elementor-element-f8192ce,.elementor-element-3793ef8,.elementor-element-6f3b726,.elementor-element-af9e59a{opacity:1;transform:none;animation:none;transition:none!important}
}

/* Peugeot detail content tabs */
.plb-spec-tabs{display:flex;align-items:center;gap:8px;margin:0 0 26px;padding:6px;background:#eef3f8;border:1px solid #dbe4ee;border-radius:14px;box-shadow:0 8px 28px rgba(0,29,76,.08);overflow-x:auto;scrollbar-width:none}
.plb-spec-tabs::-webkit-scrollbar{display:none}
.plb-spec-tab{position:relative;flex:1 0 auto;min-height:48px;padding:0 18px;border:0;border-radius:10px;background:transparent;color:#526070;font:700 12px/1.2 "Custom Peugeot",Arial,sans-serif;letter-spacing:.025em;white-space:nowrap;cursor:pointer;transition:background .25s ease,color .25s ease,box-shadow .25s ease,transform .25s ease}
.plb-spec-tab:hover{color:#001489;background:rgba(255,255,255,.72);transform:translateY(-1px)}
.plb-spec-tab[aria-selected="true"]{background:linear-gradient(135deg,#001489,#087be7);color:#fff;box-shadow:0 8px 20px rgba(0,64,150,.24)}
.plb-spec-panel{transform-origin:top center}
.plb-spec-panel.is-active{animation:plbSpecPanelIn .38s cubic-bezier(.22,.75,.25,1)}
.plb-spec-marker{display:none!important}
@keyframes plbSpecPanelIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){.plb-spec-tabs{margin-inline:-4px;border-radius:12px;justify-content:flex-start}.plb-spec-tab{flex:0 0 auto;min-height:44px;padding:0 15px;font-size:11px}.plb-spec-panel{padding-top:2px}}
@media(prefers-reduced-motion:reduce){.plb-spec-panel.is-active{animation:none}.plb-spec-tab{transition:none}}

/* Detail-page action system: finance cards, listing CTAs and contact card */
.elementor-element-a82b2cf>.elementor-container{gap:24px;align-items:stretch}
.plb-finance-card,.elementor-element-656d2a4,.elementor-element-922bae6{width:calc(50% - 12px)!important}
.plb-finance-card>.elementor-widget-wrap,.elementor-element-656d2a4>.elementor-widget-wrap,.elementor-element-922bae6>.elementor-widget-wrap{
  position:relative;overflow:hidden;align-content:flex-start!important;padding:30px!important;
  background:linear-gradient(155deg,#fff 0%,#f7faff 100%)!important;
  border:1px solid #dce7f3!important;border-radius:20px!important;
  box-shadow:0 18px 45px rgba(5,35,78,.12)!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.plb-finance-card>.elementor-widget-wrap:before,.elementor-element-656d2a4>.elementor-widget-wrap:before,.elementor-element-922bae6>.elementor-widget-wrap:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#001489,#0783f3)}
.plb-finance-card:hover>.elementor-widget-wrap,.elementor-element-656d2a4:hover>.elementor-widget-wrap,.elementor-element-922bae6:hover>.elementor-widget-wrap{transform:translateY(-4px);border-color:#b9d6f4!important;box-shadow:0 24px 54px rgba(5,42,94,.17)!important}
#tinhlanbanh .elementor-widget-container,#tinhtragop .elementor-widget-container{border:0!important;margin:0 0 22px!important;padding:0!important}
#tinhlanbanh .elementor-button,#tinhtragop .elementor-button{
  min-height:46px;padding:13px 22px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:11px!important;
  background:linear-gradient(135deg,#061b4f,#001489 58%,#067ee8)!important;color:#fff!important;
  box-shadow:0 10px 24px rgba(0,34,112,.2)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.045em!important;
}
.plb-finance-card .elementor-text-editor,.plb-finance-card p,.plb-finance-card li{color:#566476!important;font-size:15px!important;line-height:1.55!important}
.plb-finance-card .fluentform .ff-el-input--label label{color:#122139!important;font:700 12px/1.3 "Custom Peugeot",Arial,sans-serif!important;letter-spacing:.02em}
.plb-finance-card .fluentform .ff-el-form-control{min-height:50px!important;border:1px solid #d5e0ed!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 7px rgba(7,36,76,.035)!important;font-family:"Custom Peugeot",Arial,sans-serif!important;transition:border-color .2s ease,box-shadow .2s ease}
.plb-finance-card .fluentform .ff-el-form-control:focus{border-color:#087ee8!important;box-shadow:0 0 0 4px rgba(8,126,232,.12)!important}
.plb-finance-card .fluentform .ff-btn-submit{
  min-height:50px!important;width:100%!important;border:0!important;border-radius:11px!important;
  background:linear-gradient(110deg,#001489,#087ee8)!important;box-shadow:0 10px 24px rgba(0,70,170,.2)!important;
  font:700 13px/1 "Custom Peugeot",Arial,sans-serif!important;letter-spacing:.04em!important;transition:transform .22s ease,box-shadow .22s ease!important;
}
.plb-finance-card .fluentform .ff-btn-submit:hover{transform:translateY(-2px);box-shadow:0 15px 30px rgba(0,70,170,.28)!important}

.plb-section-label,.elementor-element-aa4c3b0{display:flex!important;align-items:center;gap:14px;margin:28px 0 18px!important}
.plb-section-label:after,.elementor-element-aa4c3b0:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#aac9e9,transparent)}
.plb-section-label .elementor-widget-container,.elementor-element-aa4c3b0 .elementor-widget-container{border:0!important;padding:0!important;margin:0!important}
.plb-section-label .elementor-button,.elementor-element-aa4c3b0 .elementor-button{padding:10px 17px!important;border:1px solid #c9dff5!important;border-radius:999px!important;background:#eef6ff!important;color:#001489!important;box-shadow:none!important;font-size:11px!important;font-weight:700!important;letter-spacing:.055em!important}

.plb-detail-link,.elementor-element-b7b5d58 .jet-listing-dynamic-link__link{display:flex!important;align-items:center;justify-content:center;gap:9px;min-height:46px!important;padding:12px 18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:11px!important;background:linear-gradient(110deg,#001489,#087ee8)!important;box-shadow:0 9px 22px rgba(0,50,140,.17)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;letter-spacing:.075em!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important}
.plb-detail-link:after,.elementor-element-b7b5d58 .jet-listing-dynamic-link__link:after{content:"→";font:400 17px/1 Arial,sans-serif;transition:transform .22s ease}
.plb-detail-link:hover,.elementor-element-b7b5d58 .jet-listing-dynamic-link__link:hover{transform:translateY(-3px);box-shadow:0 14px 29px rgba(0,65,165,.27)!important;filter:saturate(1.08)}
.plb-detail-link:hover:after,.elementor-element-b7b5d58 .jet-listing-dynamic-link__link:hover:after{transform:translateX(4px)}

.plb-contact-card,.elementor-element-735676d{position:relative;overflow:hidden;padding:28px!important;border:1px solid rgba(85,174,255,.3)!important;border-radius:20px!important;background:linear-gradient(145deg,#06152d,#082e59 65%,#075ea9)!important;box-shadow:0 20px 48px rgba(1,27,64,.2)!important;color:#fff!important}
.plb-contact-card:after{content:"";position:absolute;right:-105px;bottom:-120px;width:260px;height:260px;border:1px solid rgba(255,255,255,.13);border-radius:50%;pointer-events:none}
.plb-contact-card .elementor-heading-title,.plb-contact-card .elementor-text-editor,.plb-contact-card p,.plb-contact-card li{color:#fff!important}
.plb-contact-card .elementor-widget-image{padding:14px!important;border-radius:12px;background:#fff!important}
.plb-contact-card .elementor-icon-list-icon{display:inline-flex!important;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#0a84ef;color:#fff!important}
.plb-contact-card .elementor-element-24c701d .elementor-button{min-height:52px;padding:14px 20px!important;border:1px solid rgba(255,255,255,.45)!important;border-radius:12px!important;background:#fff!important;color:#071c43!important;box-shadow:0 10px 24px rgba(0,0,0,.2)!important;font-size:15px!important;font-weight:700!important;transition:transform .22s ease,box-shadow .22s ease!important}
.plb-contact-card .elementor-element-24c701d .elementor-button:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 14px 30px rgba(0,0,0,.27)!important}

@media(max-width:767px){
  .elementor-element-a82b2cf>.elementor-container{gap:16px}.plb-finance-card,.elementor-element-656d2a4,.elementor-element-922bae6{width:100%!important}.plb-finance-card>.elementor-widget-wrap,.elementor-element-656d2a4>.elementor-widget-wrap,.elementor-element-922bae6>.elementor-widget-wrap{padding:20px!important;border-radius:15px!important}
  #tinhlanbanh .elementor-button,#tinhtragop .elementor-button{width:100%;font-size:12px!important}.plb-finance-card .elementor-text-editor,.plb-finance-card p,.plb-finance-card li{font-size:13px!important}
  .plb-section-label{margin:22px 0 14px!important}.plb-section-label .elementor-button{font-size:10px!important;padding:9px 14px!important}
  .plb-detail-link{min-height:44px!important;font-size:10px!important}.plb-contact-card{padding:20px!important;border-radius:15px!important}
}
@media(prefers-reduced-motion:reduce){.plb-finance-card>.elementor-widget-wrap,.plb-detail-link,.plb-contact-card .elementor-button{transition:none!important}.plb-finance-card:hover>.elementor-widget-wrap,.plb-detail-link:hover{transform:none!important}}