/**
 * Module wp_shipping — WebPoint
 */

/* ===== INLINE BAR (cart) ===== */
.wp-sh-bar-wrapper { margin: 15px 0; padding: 14px 18px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,.06); box-sizing: border-box; }
.wp-sh-bar-wrapper * { box-sizing: border-box; }
.wp-sh-inner { width: 100%; }

/* Text row */
.wp-sh-text { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; font-size: 14px; color: #2c3e50; }
.wp-sh-icon { font-size: 18px; flex-shrink: 0; }
.wp-sh-message { font-weight: 600; }
.wp-sh-amounts { font-size: 13px; color: #666; }
.wp-sh-amounts strong { color: #2c3e50; }

/* Success state */
.wp-sh-success .wp-sh-text { color: #27ae60; }
.wp-sh-success .wp-sh-message { color: #27ae60; }
.wp-sh-success .wp-sh-icon { color: #27ae60; }

/* Progress bar */
.wp-sh-progress { height: 10px; border-radius: 5px; overflow: hidden; width: 100%; }
.wp-sh-fill { height: 100%; border-radius: 5px; transition: width .6s ease; }
@keyframes wp-sh-grow { from { width: 0; } }
.wp-sh-fill.wp-sh-animate { animation: wp-sh-grow .8s ease-out; }

/* ===== STICKY BAR (injected into body) ===== */
#wp-sh-sticky-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    z-index: 999999 !important;
    padding: 10px 20px !important;
    background: #fff !important;
    width: 100% !important;
}
#wp-sh-sticky-bar .wp-sh-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; gap: 16px; }
#wp-sh-sticky-bar .wp-sh-text { margin-bottom: 0; flex: 1; }
#wp-sh-sticky-bar .wp-sh-progress { flex: 0 0 250px; max-width: 250px; }

/* Sticky positions */
#wp-sh-sticky-bar.wp-sh-sticky-bottom { bottom: 0 !important; top: auto !important; box-shadow: 0 -3px 12px rgba(0,0,0,.15) !important; }
#wp-sh-sticky-bar.wp-sh-sticky-top { top: 0 !important; bottom: auto !important; box-shadow: 0 3px 12px rgba(0,0,0,.15) !important; }

/* Sticky success */
#wp-sh-sticky-bar.wp-sh-success { background: #d4edda !important; }

/* Responsive */
@media (max-width: 767px) {
    #wp-sh-sticky-bar .wp-sh-inner { flex-direction: column; gap: 6px; }
    #wp-sh-sticky-bar .wp-sh-progress { flex: none; max-width: 100%; width: 100%; }
    #wp-sh-sticky-bar .wp-sh-text { font-size: 12px; }
}