@import '../../../styleConstants.scss';

#co-market-package-details{
    background: $whiteColor;
    border-radius: $box-radius;
}

#shop-package-general-info {
    padding: 2rem;

    .shop-package-title {
        font-size: $font-size-big;
        text-align: center;
        font-weight: $font-weight;
    }

    .shop-package-reference {
        margin-bottom: 5%;
        text-align: center;
        font-weight: $font-weight;
        font-size: $font-size-normal;
        color: $darkGreyColor;
    }

    .shop-package-full-description {
        font-size: $font-size-normal;
        overflow: auto;
        min-height: 15rem;
        max-height: 30rem;
    }

    .shop-package-label{
        display: inline-block;
    }

    .shop-package-text {
        display: inline-block;
        margin-left: 1rem;
    }

    .shop-package-details-country{
        margin-top: 1rem;
    }

    .shop-package-details-documents{
        margin-top: 1rem;
    }

    .document-link{
        color: #33425b;
        cursor: pointer;
    }
}

#shop-package-buy-info{
    padding: 2rem;

    .shop-package-options{
        margin: 1rem 0;
        border-bottom: 2px solid $title-color;
    }

    .not-available {
        margin-top: 1rem;
        margin-left: 0.2rem;
        color: $not-available-status-color;
        font-weight: $font-weight;
        font-size: $font-size-msmall;
    }

    .price-info-btn {
        color: $info-color;
        cursor: pointer;
        margin-left: 0.2rem;
    }

    .add-to-cart-btn {
        cursor: pointer;
        color: $darkGreyColor;
        background-color: $whiteColor;
        border-color:$warmGreyColor;

    }

    .selected-option {
        font-weight: $font-weight;
        background: $hoverColor;
        border-radius: $box-radius;
    }

    .option-selection {
        display: inline-block;
        vertical-align: top;
        padding: 0.5rem;
    }

    .option-selection:hover {
        background: $footer-background;
        color: $whiteColor;
        border-radius: $box-radius;
    }

    .option-selection:hover .price-info-btn {
        color: $whiteColor;
    }

    .option-name {
        font-size: $font-size-msmall;
        height: 2rem;
    }

    .option-description {
        padding-top: 0.5rem;
        font-size: $font-size-msmall;
        height: 2rem;
    }

    .price-info-popover {
        max-width: 50rem;
    }

    .recurent-total-price{
        font-size: $font-size-msmall;
    }

    .selection-price{
        background: $hoverColor;
        display: inline-block;
        border-radius: $box-radius;
        font-size: $font-size-big;
        font-weight: bold;
    }

    .option-prices {
        margin-top: 0.5rem;
        border-radius: $box-radius;
    }

    .price-table {
        width: 8rem;
    }

    .main-price {
        width: auto;
    }

    .price-table th{
        padding: 0.5rem;
    }

    .price-table td{
        border-top: 1px solid $darkGreyColor;
        padding: 0.5rem;
    }

    .option-price-table{
        font-size: $font-size-xsmal;
    }
}
