/*
 * WooCommerce Browser Push — front-end styles.
 * RTL-safe throughout (logical properties: inset-inline-*, margin-inline-*,
 * border-inline-*) since Persian/RTL is this plugin's primary audience.
 */
:root{
    --wcbp-accent:      #4F46E5;
    --wcbp-accent-ink:  #3730A3;
    --wcbp-accent-soft: #EEF2FF;
    --wcbp-ink:         #1F2430;
    --wcbp-muted:       #6B7280;
    --wcbp-border:      #E4E7F0;
    --wcbp-success:     #16A34A;
    --wcbp-success-bg:  #F0FDF4;
    --wcbp-warn:        #D97706;
    --wcbp-warn-bg:     #FFFBEB;
    --wcbp-danger:      #DC2626;
    --wcbp-danger-bg:   #FEF2F2;
    --wcbp-radius:      12px;
    --wcbp-radius-sm:   8px;
    --wcbp-shadow:      0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.07);
}

.wcbp-account{max-width:820px}
.wcbp-lead{color:var(--wcbp-muted);line-height:1.9}
.wcbp-muted{color:var(--wcbp-muted)}

.wcbp-account__header{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    background:#171E2E;border-radius:var(--wcbp-radius);padding:20px 24px;margin:0 0 18px;
}
.wcbp-account__title{margin:0;color:#fff;font-size:18px;font-weight:700}
.wcbp-account__subtitle{margin:4px 0 0;color:#9AA1B8;font-size:12.5px}
.wcbp-account__icon{
    width:44px;height:44px;border-radius:var(--wcbp-radius-sm);background:#F5A623;
    display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;
}

.wcbp-order-card{border:1px solid var(--wcbp-border);border-radius:var(--wcbp-radius);padding:16px 18px;margin:0 0 12px;background:#fff}
.wcbp-order-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:14px}
.wcbp-badge-pill{background:var(--wcbp-warn-bg);color:var(--wcbp-warn);border-radius:999px;padding:3px 12px;font-size:11.5px;font-weight:600}

.wcbp-mini-timeline{display:flex;align-items:flex-start}
.wcbp-mini-timeline__step{flex:1;text-align:center;position:relative}
.wcbp-mini-timeline__dot{width:12px;height:12px;border-radius:50%;background:var(--wcbp-border);margin:0 auto 6px;position:relative;z-index:1}
.wcbp-mini-timeline__step.is-done .wcbp-mini-timeline__dot,
.wcbp-mini-timeline__step.is-current .wcbp-mini-timeline__dot{background:var(--wcbp-success)}
.wcbp-mini-timeline__step.is-current .wcbp-mini-timeline__dot{box-shadow:0 0 0 4px var(--wcbp-success-bg)}
.wcbp-mini-timeline__step::before{content:"";position:absolute;top:5px;right:50%;width:100%;height:2px;background:var(--wcbp-border);z-index:0}
.wcbp-mini-timeline__step:first-child::before{display:none}
.wcbp-mini-timeline__step.is-done::before,.wcbp-mini-timeline__step.is-current::before{background:var(--wcbp-success)}
.wcbp-mini-timeline__label{font-size:10.5px;color:var(--wcbp-muted)}
.wcbp-mini-timeline__step.is-current .wcbp-mini-timeline__label{color:var(--wcbp-accent-ink);font-weight:700}

.wcbp-pref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0 0 20px}
.wcbp-pref-card{
    display:flex;flex-direction:column;gap:4px;padding:14px 16px;
    background:#fff;border:1px solid var(--wcbp-border);border-radius:var(--wcbp-radius-sm);
    cursor:pointer;position:relative;
}
.wcbp-pref-card input[type="checkbox"]{
    position:absolute;inset-inline-end:14px;inset-block-start:14px;
    appearance:none;-webkit-appearance:none;width:34px;height:19px;background:#D1D5DB;
    border-radius:999px;cursor:pointer;transition:background .15s ease;
}
.wcbp-pref-card input[type="checkbox"]::before{
    content:"";position:absolute;inset-block-start:2px;inset-inline-start:2px;
    width:15px;height:15px;background:#fff;border-radius:50%;transition:inset-inline-start .15s ease;
}
.wcbp-pref-card input[type="checkbox"]:checked{background:var(--wcbp-success)}
.wcbp-pref-card input[type="checkbox"]:checked::before{inset-inline-start:17px}
.wcbp-pref-card__title{font-weight:700;font-size:13px;padding-inline-end:44px}
.wcbp-pref-card__desc{font-size:11.5px;color:var(--wcbp-muted)}

.wcbp-status{
    display:flex;align-items:center;gap:10px;
    border:1px solid var(--wcbp-border);border-inline-start-width:4px;
    border-radius:var(--wcbp-radius-sm);
    padding:13px 16px;margin:16px 0;background:#fff;line-height:1.9;font-size:14px;
}
.wcbp-status--info{border-inline-start-color:#2271b1}
.wcbp-status--ok{border-inline-start-color:var(--wcbp-success);background:var(--wcbp-success-bg)}
.wcbp-status--warn{border-inline-start-color:var(--wcbp-warn);background:var(--wcbp-warn-bg)}
.wcbp-status--error{border-inline-start-color:var(--wcbp-danger);background:var(--wcbp-danger-bg)}

.wcbp-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}

.wcbp-btn{
    display:inline-flex;align-items:center;gap:6px;cursor:pointer;
    border:1px solid var(--wcbp-accent);border-radius:var(--wcbp-radius-sm);
    padding:9px 20px;background:var(--wcbp-accent);color:#fff;
    font-size:14px;font-weight:600;line-height:1.5;
    transition:background .12s ease,border-color .12s ease,transform .06s ease;
}
.wcbp-btn:hover{background:var(--wcbp-accent-ink);border-color:var(--wcbp-accent-ink)}
.wcbp-btn:active{transform:scale(.98)}
.wcbp-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.wcbp-btn--primary{background:var(--wcbp-accent);border-color:var(--wcbp-accent);color:#fff}
.wcbp-btn--danger{background:#fff;border-color:#e5b4b4;color:var(--wcbp-danger)}
.wcbp-btn--danger:hover{background:var(--wcbp-danger);border-color:var(--wcbp-danger);color:#fff}
.wcbp-btn--small{padding:5px 13px;font-size:12px}
.wcbp-btn--secondary{background:#fff;border-color:var(--wcbp-border);color:var(--wcbp-ink)}
.wcbp-btn--secondary:hover{background:var(--wcbp-accent-soft);border-color:var(--wcbp-accent);color:var(--wcbp-accent-ink)}

/* ------------------------------------------------ site-wide soft-ask prompt */
.wcbp-softask{
    position:fixed;inset-inline-end:16px;inset-block-end:16px;z-index:99999;
    max-width:330px;background:#fff;border:1px solid var(--wcbp-border);
    border-radius:var(--wcbp-radius);box-shadow:0 12px 32px rgba(16,24,40,.14);
    padding:18px;line-height:1.8;
    animation:wcbp-softask-in .28s cubic-bezier(.2,.8,.2,1);
}
@keyframes wcbp-softask-in{
    from{opacity:0;transform:translateY(10px) scale(.97)}
    to{opacity:1;transform:translateY(0) scale(1)}
}
@media (prefers-reduced-motion:reduce){.wcbp-softask{animation:none}}
.wcbp-softask__icon{
    display:flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:50%;background:var(--wcbp-accent-soft);
    font-size:17px;margin-bottom:10px;
}
.wcbp-softask__title{margin:0 0 6px;font-weight:700;font-size:15px;color:var(--wcbp-ink)}
.wcbp-softask__body{margin:0 0 14px;color:var(--wcbp-muted);font-size:13px}
.wcbp-softask__actions{display:flex;gap:8px}
.wcbp-softask__actions .wcbp-btn{padding:7px 16px;font-size:13px;flex:1;justify-content:center}
@media (max-width:480px){ .wcbp-softask{inset-inline:12px;max-width:none} }

/* --------------------------------------------- product-page "notify me" */
.wcbp-watch-buttons{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.wcbp-watch-btn{font-size:13px;padding:8px 16px}
.wcbp-watch-btn:disabled{background:var(--wcbp-success-bg);border-color:#bbf0c8;color:var(--wcbp-success);opacity:1}

/* --------------------------------------------------- free-shipping notice */
.wcbp-shipping-notice{
    background:var(--wcbp-success-bg);border:1px solid #bbf0c8;
    border-radius:var(--wcbp-radius-sm);padding:12px 16px;margin:0 0 18px;
    font-size:14px;color:#14532d;display:flex;align-items:center;gap:10px;
}
.wcbp-shipping-notice::before{content:"🚚";font-size:16px;flex-shrink:0}

/* -------------------------------------------- My Account: product watches */
.wcbp-watch-list{list-style:none;margin:0;padding:0;border:1px solid var(--wcbp-border);border-radius:var(--wcbp-radius-sm);overflow:hidden}
.wcbp-watch-list li{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:12px 14px;border-bottom:1px solid var(--wcbp-border);background:#fff;font-size:14px;
}
.wcbp-watch-list li:last-child{border-bottom:0}

/* -------------------------------------------------- My Account: devices */
.wcbp-devices table{width:100%;border-collapse:collapse;margin:10px 0 16px;background:#fff;border:1px solid var(--wcbp-border);border-radius:var(--wcbp-radius-sm);overflow:hidden}
.wcbp-devices th,.wcbp-devices td{padding:12px 14px;border-bottom:1px solid var(--wcbp-border);text-align:start;vertical-align:middle;font-size:13px}
.wcbp-devices th{font-weight:600;color:var(--wcbp-muted);font-size:11px;background:#FAFAFC}
.wcbp-devices tr:last-child td{border-bottom:0}
.wcbp-devices tr.is-current{background:var(--wcbp-accent-soft)}
.wcbp-current-badge{
    display:inline-block;margin-inline-start:8px;padding:2px 9px;border-radius:999px;
    background:var(--wcbp-accent);color:#fff;font-size:11px;font-weight:600;
}
.wcbp-inline-form{display:inline;margin:0}

@media (max-width:600px){
    .wcbp-devices th:nth-child(2),.wcbp-devices td:nth-child(2){display:none}
}