/*
 * Lowest Price Tracker (Lite) – Frontend styles
 * Loaded on single product pages only.
 */

.lpt-hidden{display:none !important;}

.lpt-lowest-price{display:block;clear:both;margin-top:12px;font-size:14px;}

.lpt-chart{display:block;clear:both;max-width:560px;margin-top:10px;}
.lpt-chart__row{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.lpt-chart__title{font-weight:600;}

/* Range buttons */
.lpt-chart__ranges{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;opacity:.85;justify-content:center;margin-top:14px;}
.lpt-chart__ranges button{background:#fff;border:1px solid #cbd5e1;padding:8px 16px;border-radius:10px;cursor:pointer;font-weight:700;}
.lpt-chart__ranges button:hover{background:#f8fafc;}
.lpt-chart__ranges button[aria-pressed="true"]{border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.15);}

.lpt-chart__preview{margin-top:10px;}
.lpt-chart__preview svg{width:100%;height:64px;}

.lpt-chart__link{display:inline-flex;gap:6px;align-items:center;margin-top:8px;font-size:13px;font-weight:600;}

/* Modal */
.lpt-modal{position:fixed;inset:0;display:none;z-index:9999;}
.lpt-modal[aria-hidden="false"]{display:block;}

.lpt-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:saturate(140%) blur(4px);}

.lpt-modal__panel{
  width:min(1100px, calc(100vw - 28px));
  margin:60px auto;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  padding:22px 26px 18px;
  box-shadow:0 30px 90px rgba(0,0,0,.35);
  max-height:calc(100vh - 120px);
  overflow:auto;
  position:relative;
}

.lpt-modal__head{position:relative;display:flex;align-items:flex-start;justify-content:center;gap:12px;}
.lpt-modal__title{font-size:18px;font-weight:800;text-align:center;line-height:1.2;padding:2px 54px 0;}

.lpt-modal__close{
  position:absolute;
  top:-4px;
  right:-6px;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  background:#f1f5f9;
  border:1px solid #e2e8f0;
  border-radius:12px;
  cursor:pointer;
}
.lpt-modal__close:hover{background:#e2e8f0;}

.lpt-modal__chartwrap{position:relative;margin-top:14px;}
.lpt-modal__chartwrap svg{width:100%;height:auto;display:block;}

.lpt-tooltip{position:absolute;pointer-events:none;display:none;background:#111;color:#fff;font-size:12px;padding:6px 8px;border-radius:8px;white-space:nowrap;transform:translate(-50%,-120%);}
.lpt-tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border:6px solid transparent;border-top-color:#111;}

/* Stats */
.lpt-stats{margin-top:18px;padding-top:14px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;font-size:14px;opacity:1;}
.lpt-stats b{font-weight:800;}
.lpt-stats span{display:flex;justify-content:space-between;gap:14px;}

@media (max-width: 520px){
  .lpt-modal__panel{padding:18px 16px 14px;margin:20px auto;}
  .lpt-modal__title{font-size:16px;}
  .lpt-chart__ranges button{padding:8px 12px;}
}