/**
 * Pricetracker Portal Styles
 *
 * STÄDAD 2026-06-12 (ägarsvep, spec §2.7): portal-redesign.css laddas
 * ALLTID efter den här filen (PortalService + PortalShortcodes enqueue:ar
 * dem i par, handle "pricetracker-portal" → "pricetracker-portal-redesign")
 * och är kanon för hela kontot. Raderat härifrån:
 *   - hela den gamla portal-generationen (pill-nav, favorites-grid,
 *     alerts-list/-table, user-header, stats, empty, form-row, pt-btn,
 *     pt-loading, status-varianterna) — klasserna finns inte längre i
 *     PortalShortcodes-markupen (grep 2026-06-12: 0 träffar i PHP/JS),
 *   - alla login-/modal-deklarationer som garanterat överskuggas av
 *     portal-redesign.css (samma selektor, redesign vinner i kaskaden).
 * Kvar är ENDAST deklarationer som fortfarande gör nytta — varje block
 * nedan har en motivering.
 */

/* ==========================================================================
   Login Page (/mitt-konto/ when logged out)
   --------------------------------------------------------------------------
   Basreceptet bor i portal-redesign.css (.pt-login-sektionen, pinnad —
   spec §1.4: login-sidan ska inte ändras). Här ligger ENDAST det som
   redesign-filen INTE täcker; raderas något nedan ändras utseendet.
   ========================================================================== */
.pt-login__header h2 {
    line-height: 1.25;
}

.pt-login__error {
    border: 1px solid #fecaca;
    line-height: 1.4;
}

.pt-login__field input:hover {
    border-color: #9ca3af;
}

.pt-login__btn svg { flex-shrink: 0; }
.pt-login__btn .dashicons {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
}

.pt-login__btn--email:hover {
    border-color: #1f2937;
}

/* Layout-receptet för dividern (redesign-filen stylar bara färg/typo +
   absoluta linjer — display-läget kommer härifrån). */
.pt-login__divider {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pt-login__footer p {
    font-size: 0.75rem;
    color: #9ca3af;
    margin: 0;
    line-height: 1.5;
}

.pt-login__footer a {
    font-weight: 500;
}

.pt-login__message {
    animation: ptLoginMsgFade 0.3s ease;
}

.pt-login__message .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
    color: #10b981;
    margin-bottom: 16px;
    display: inline-block;
}

.pt-login__message p {
    line-height: 1.5;
}

@keyframes ptLoginMsgFade {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   Portal layout-rester som fortfarande bär
   ========================================================================== */

/* Wrappern renderas alltid som .pt-portal.pt-portal--sidebar — allt utom
   gap:en överskuggas av .pt-portal--sidebar i portal-redesign.css. Gap:en
   behålls för fallback-gridden (shortcoden inbäddad utan body-klassen
   pt-portal-page; redesign-basen saknar egen gap på desktop). */
.pt-portal {
    gap: 32px;
}

/* Sista alert-gruppen på Bevakningar ska inte bära bottenmarginal —
   portal-redesign.css sätter 18px på alla .pt-portal__block. */
.pt-portal__block:last-child {
    margin-bottom: 0;
}

/* Profilformuläret (#pt-profile-form) är enda kvarvarande .pt-portal__form-
   användaren — redesign-filen definierar ingen bas för den. */
.pt-portal__form {
    max-width: 400px;
}

/* ==========================================================================
   Favorite button — BASRECEPTET BEHÅLLS (uppdragsbeslut): knappen
   renderas även utanför kontot (produktkort, WB24-block) och receptet
   är fallback om portal-redesign.css inte ligger i kaskaden.
   ========================================================================== */
.pt-favorite-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #fff;
    color: #374151;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.pt-favorite-btn:hover {
    border-color: #f43f5e;
    color: #f43f5e;
}

.pt-favorite-btn--active {
    background: #fff1f2;
    border-color: #f43f5e;
    color: #f43f5e;
}

.pt-favorite-btn--active .dashicons {
    color: #f43f5e;
}

.pt-favorite-btn .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* ==========================================================================
   Modal — endast input-receptet (delete-kontomodalens e-postfält);
   resten av .pt-modal-systemet bor i portal-redesign.css.
   ========================================================================== */
.pt-modal__content input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-size: 16px;
    margin-bottom: 16px;
}