/**
 * PrestaDev.pl - PD Product Shipping — front office, PrestaShop 1.7 and newer.
 *
 * @author    Patryk Marek <info@prestadev.pl>
 * @copyright 2013-2026 Patryk Marek - PrestaDev.pl
 * @license   PrestaDev.pl Patryk Marek Proprietary License
 *
 * @version   2.0.0
 */

.pdproductshipping table {
    background: #fff;
}

.pdproductshipping h3 {
    text-transform: uppercase;
}

/* Two classes, so the theme's own `.table thead` does not have to be beaten
   with !important — which used to paint the header text near-black even where
   the theme had already made the row dark. */
.pdproductshipping table thead,
.pdproductshipping table.table thead {
    background: #929292;
    color: #222;
    font-size: 0.8125rem;
}

.pdproductshipping table thead th,
.pdproductshipping td {
    padding: 12px 11px;
    vertical-align: middle;
    text-align: center;
}

/* Capitals in the COLUMN HEADS only. Applied to the cells as well, every
   carrier name and every delivery time rendered as "DOSTAWA NASTĘPNEGO DNIA!",
   which is slower to read and mangles Polish diacritics in some faces. */
.pdproductshipping table thead th {
    font-size: 0.8125rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

/* rem, not px: a px size ignores the reader's own text-size setting. */
.pdproductshipping td {
    font-size: 0.875rem;
    text-transform: none;
}

.pdproductshipping table thead th.delivery_infos,
.pdproductshipping table thead th.delivery_name {
    text-align: left;
}

.pdproductshipping td.option_name {
    text-align: left;
    width: 30%;
}

.pdproductshipping td.option_infos {
    text-align: left;
}

.pdproductshipping td.option_price {
    width: 20%;
    font-weight: bold;
}

.pdproductshipping p {
    padding-top: 5px;
}

/* #f00 measures 4.0:1 on white — under the 4.5:1 floor, on a marker whose
   whole job is to be noticed. */
.pdproductshipping sup {
    color: #c62828;
}

/* Its own class, not Bootstrap's `.badge`: that one is a pill —
   display:inline-block, font-size 75%, white-space:nowrap — and it comes from
   the theme, so the badge looked different on every one of them and the delay
   line was clipped to a single row on Bootstrap 4 and 5. */
.pdps-badge {
    background: #fff;
    padding: 15px 20px;
    color: #444;
}

.pdps-badge p {
    font-size: 0.9375rem;
    margin-bottom: 0;
    margin-left: 0;
    display: inline-block;
}

.pdps-badge img {
    margin-right: 20px;
    vertical-align: text-bottom;
}

.pdps-badge span.super {
    vertical-align: super;
}

.pdps-badge .pdps-badge-delay {
    font-size: 0.8125rem;
}