/* =====================================================================
   PawHost Cart order form - additions on top of the Standard Cart base
   (css/all.min.css). Colours come from the PawHost client theme
   (templates/pawhost/css/pawhost.css); the fallbacks below keep the
   order form readable with other themes.
   ===================================================================== */
#order-standard_cart.ph-cart .cart-body { width: 100%; float: none; }

/* Product card header: name + setup fee line, badges on the right */
#order-standard_cart .ph-product header { align-items: flex-start; }
#order-standard_cart .ph-product .ph-product-title { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
#order-standard_cart .ph-product .ph-product-title > span { color: var(--ph-text, #fff); font-size: 1.1rem; font-weight: 700; }
#order-standard_cart .ph-product .ph-setupfee { color: var(--ph-muted, #94a3b8); font-size: .78rem; font-weight: 500; }
#order-standard_cart .ph-product header .ph-badge { margin-left: auto; }
#order-standard_cart .ph-product header .ph-badge + .ph-badge { margin-left: 6px; }
#order-standard_cart .ph-badge {
    flex: 0 0 auto;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: .75rem;
    font-style: normal;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid transparent;
}
#order-standard_cart .ph-badge-success { color: #86efac; background: rgba(22, 101, 52, .3); border-color: rgba(34, 197, 94, .4); }
#order-standard_cart .ph-badge-danger { color: #fecaca; background: rgba(153, 27, 27, .3); border-color: rgba(248, 113, 113, .45); }
#order-standard_cart .ph-badge-featured { color: #fff; background: var(--ph-btn, #cf4a0a); }
#order-standard_cart .ph-product.ph-featured { border-color: rgba(249, 115, 22, .55); }

/* Logos / images in descriptions sit at the top of the spec list */
#order-standard_cart .ph-product .ph-desc img,
#order-standard_cart .ph-product .ph-desc svg {
    display: block;
    width: auto;
    max-width: 140px;
    max-height: 36px;
    margin: 4px 0 8px;
}
#order-standard_cart .ph-product .ph-desc > br { display: none; }

/* WHMCS product feature list (Products/Services -> Description "features") */
#order-standard_cart .ph-feature-list { list-style: none; margin: 4px 0 0; padding: 0; }
#order-standard_cart .ph-feature-list li { display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--ph-border-soft, rgba(51, 65, 85, .6)); }
#order-standard_cart .ph-feature-list li:last-child { border-bottom: 0; }
#order-standard_cart .ph-feature-list .ph-feature-name { color: var(--ph-muted, #94a3b8); }
#order-standard_cart .ph-feature-list .feature-value { color: var(--ph-text, #fff); font-weight: 600; }

/* Price block */
#order-standard_cart .ph-product .product-pricing .ph-from,
#order-standard_cart .ph-product .product-pricing .ph-cycle { display: block; color: var(--ph-muted, #94a3b8); font-size: .8rem; }
#order-standard_cart .ph-product .ph-btn-soldout {
    background: #334155;
    border-color: #334155;
    color: var(--ph-muted, #94a3b8);
    cursor: not-allowed;
}

/* Group features ("Included with every plan") */
#order-standard_cart .ph-group-features { margin: 28px 0 0; }
#order-standard_cart .ph-group-features h2 { margin: 0 0 12px; color: var(--ph-text, #fff); font-size: 1.1rem; font-weight: 700; }
#order-standard_cart .ph-group-features ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
#order-standard_cart .ph-group-features li {
    padding: 8px 14px;
    border: 1px solid var(--ph-border-soft, rgba(51, 65, 85, .6));
    border-radius: 999px;
    background: var(--ph-surface, #1e293b);
    color: var(--ph-text, #f1f5f9);
    font-size: .875rem;
    font-weight: 600;
}
#order-standard_cart .ph-group-features li i { margin-right: 6px; color: var(--ph-success, #4ade80); }

/* No category sidebar / collapsed category select anywhere in this order form */
#order-standard_cart .cart-sidebar,
#order-standard_cart .sidebar-collapsed { display: none !important; }
#order-standard_cart .cart-body { width: 100% !important; float: none !important; }