/**
 * LAVDER Box Free Shipping - Frontend styles.
 *
 * Extracted from inline <style> in frontend_footer_output().
 */

.lavder-bfs-box {
  display: block;
  margin: 16px 0;
  padding: 20px;
  background: var(--lavder-bfs-bg, #fff);
  border: 1px solid var(--lavder-bfs-border, #e0e0e0);
  border-radius: 10px;
  box-shadow: var(--lavder-bfs-shadow, 0 2px 6px rgba(0, 0, 0, 0.06));
}

.lavder-bfs-box.lavder-state-hidden {
  display: none !important;
}

/* --- Theme presets --- */
.lavder-bfs-box[data-theme="classic"] {
  --lavder-bfs-bg: #ffffff;
  --lavder-bfs-border: #e0e0e0;
  --lavder-bfs-title: #222;
  --lavder-bfs-text: #444;
  --lavder-bfs-meta: #666;
  --lavder-bfs-bar-bg: #f0f0f0;
}

.lavder-bfs-box[data-theme="minimal"] {
  --lavder-bfs-bg: #f7f7f2;
  --lavder-bfs-border: #deded2;
  --lavder-bfs-title: #1f1f1f;
  --lavder-bfs-text: #3d3d3d;
  --lavder-bfs-meta: #6b6b6b;
  --lavder-bfs-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  --lavder-bfs-bar-bg: #e9e9e0;
}

.lavder-bfs-box[data-theme="wine"] {
  --lavder-bfs-bg: #fff7f2;
  --lavder-bfs-border: #f0d4c8;
  --lavder-bfs-title: #3b1612;
  --lavder-bfs-text: #5b2b22;
  --lavder-bfs-meta: #7a4b40;
  --lavder-bfs-shadow: 0 4px 10px rgba(75, 22, 18, 0.08);
  --lavder-bfs-bar-bg: #f6e2d7;
}

.lavder-bfs-box[data-theme="modern"] {
  --lavder-bfs-bg: #f4f8ff;
  --lavder-bfs-border: #d6e2f3;
  --lavder-bfs-title: #102a43;
  --lavder-bfs-text: #334e68;
  --lavder-bfs-meta: #627d98;
  --lavder-bfs-shadow: 0 6px 16px rgba(16, 42, 67, 0.08);
  --lavder-bfs-bar-bg: #e6eef9;
}

/* --- Compact layout --- */
.lavder-layout-compact {
  padding: 14px;
}

.lavder-layout-compact .lavder-bfs__head {
  gap: 10px;
  margin-bottom: 10px;
}

.lavder-layout-compact .lavder-bfs__title {
  font-size: 16px;
}

.lavder-layout-compact .lavder-bfs__text {
  font-size: 13px;
  margin-bottom: 10px;
}

/* --- IP info --- */
.lavder-bfs-ip-wrap {
  text-align: left;
  margin: 1rem 0;
  color: var(--lavder-bfs-meta, #666);
}

/* --- Box summary banner (completed boxes) --- */
.lavder-bfs__summary {
  margin-bottom: 14px;
  padding: 10px 14px;
  background: linear-gradient(90deg, var(--lavder-bfs-bar-success-start, #2e7d32) 0%, var(--lavder-bfs-bar-success-end, #4caf50) 100%);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  border-radius: 6px;
}

/* --- Head / icon / title --- */
.lavder-bfs__head {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}

.lavder-bfs__icon {
  font-size: 28px;
  line-height: 1;
  flex-shrink: 0;
}

.lavder-bfs-icon--success {
  color: #2e7d32;
}

.lavder-bfs-icon--warning {
  color: #f57c00;
}

.lavder-bfs__titles {
  flex: 1;
  min-width: 0;
}

.lavder-bfs__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: var(--lavder-bfs-title, #222);
  margin-bottom: 4px;
}

.lavder-bfs__meta {
  font-size: 13px;
  color: var(--lavder-bfs-meta, #666);
  opacity: 0.85;
}

/* --- Text --- */
.lavder-bfs__text {
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--lavder-bfs-text, #444);
  white-space: pre-wrap;
}

/* --- Progress bar --- */
.lavder-bfs__bar {
  width: 100%;
  height: var(--lavder-bfs-bar-height, 10px);
  background: var(--lavder-bfs-bar-bg, #f0f0f0);
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}

.lavder-bfs__barfill {
  height: 100%;
  background: linear-gradient(90deg, var(--lavder-bfs-bar-start) 0%, var(--lavder-bfs-bar-end) 100%);
  border-radius: 5px;
}

.lavder-bar-animate .lavder-bfs__barfill {
  transition: width 0.4s ease;
}

.lavder-bar-static .lavder-bfs__barfill {
  transition: none;
}

.lavder-state-reached .lavder-bfs__barfill,
.lavder-state-gift .lavder-bfs__barfill {
  background: linear-gradient(90deg, var(--lavder-bfs-bar-success-start) 0%, var(--lavder-bfs-bar-success-end) 100%);
}

.lavder-state-blocked .lavder-bfs__text {
  font-weight: 600;
}