/* ============================================
   PACKAGE TABLE - Shared
   ============================================ */

.package-table-wrapper,
.mobile-plans-table .package-table-wrapper {
    padding: 10px;
    background: #002B4B;
}

.package-table-wrapper {
    width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    box-sizing: border-box;
}

.package-table-wrapper .package-table {
    display: flex;
    width: 100%;
    margin: 1em 0;
    overflow: hidden;
    border-radius: 4px;
    box-sizing: border-box;
}

.package-table-wrapper .package-table .package-column.hidden {
    display: none;
    flex: 0 0 0;
}

.package-table-wrapper .package-table .package-column:hover,
.mobile-plans-table .package-table-wrapper .package-table .package-column:hover {
    background-color: #004990;
}

.package-table-wrapper .package-table .package-column .package-prompt .btn {
    min-width: auto;
}

/* ============================================
   PACKAGE TABLE - Desktop Layout
   ============================================ */

/* First column (features list) gets 40% */
.package-table-wrapper .package-table .package-column:first-child {
    flex: 0 0 40%;
    max-width: 40%;
    background: transparent;
}

/* All other visible columns split the remaining 60% equally */
.package-table-wrapper .package-table .package-column:not(:first-child) {
    flex: 1 1 0;
    min-width: 0;
}

/* Desktop text colors */
.package-table-wrapper .package-table .package-column:first-child .package-information,
.package-table-wrapper .package-table .package-column:first-child .package-features-table .feature-row,
.package-table-wrapper .package-table .package-column .package-title,
.package-table-wrapper .package-table .package-column .package-price,
.package-table-wrapper .package-table .package-column .package-price-period,
.package-table-wrapper .package-table .package-column .package-features-table .feature-row,
.package-table-wrapper .package-table .package-column .package-features-table .feature-row span a,
.package-terms input[type="radio"] + label,
.ad-package-thumb-container .popup-button {
    color: #fff;
}

/* ============================================
   PACKAGE TABLE - Mobile Layout
   ============================================ */

/* Reset desktop flex rules so columns stack full width */
.mobile-plans-table .package-table-wrapper .package-table .package-column:first-child,
.mobile-plans-table .package-table-wrapper .package-table .package-column:not(:first-child) {
    flex: 1 1 auto;
    width: 100%;
    max-width: unset;
    min-width: unset;
    background: transparent;
}

/* Mobile text colors */
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-information,
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-title,
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-price,
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-price-period,
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row,
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row span,
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table::before,
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row::before {
    color: #fff;
}

.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row span a {
    color: #fff;
    text-decoration: underline;
}

/* Feature row layout, allow info icon to fit */
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row {
    flex-wrap: nowrap;
}

.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row span {
    flex: 1 1 auto;
    max-width: none;
}

.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row .ad-package-thumb-container {
    display: inline-block;
    flex: 0 0 auto;
}

.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row .ad-package-thumb-container .popup-button {
    display: block;
}

/* Fix Font Awesome version mismatch for check marks */
.mobile-plans-table .package-table-wrapper .package-table .package-column .package-features-table .feature-row::before {
    font-family: "FontAwesome";
    font-weight: normal;
}