/*!
 * AD Weave Design System (ad-rs-builder-page-template.css)
 * Version: 1.0
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* This .css file is used for create css for roaster builder templates */

/*** ============================================
RS Builder - Category Selection Card CSS 
============================================ ***/
.EMBBulkOrdersCatSelection.container {
    margin-bottom:var(--spacer40);
}
.EMBBulkOrdersCatSelection .category-list .mobile-button {
    display: flex;
    justify-content:end;
}
.EMBBulkOrdersCatSelection .collection-list li .Extra-long-name-for {
    transition:var(--transition-base);
}
.EMBBulkOrdersCatSelection .collection-list li .Extra-long-name-for:hover {
    color:var(--cc-a-color-active);
    text-decoration:underline;
}
.collection-list-section .collection-list {
    margin-bottom:var(--spacer40);
}
.collection-list-section .collection-list .category-list {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 2px 1px -1px rgb(0 0 0 / 12%), 0 1px 1px 0 rgb(0 0 0 / 14%);
    background-color: #fff;
    margin-bottom:var(--spacer24);
    transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -moz-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
    -o-transition: var(--transition-base);
}
.collection-list-section .collection-list .category-list:hover {
    -moz-box-shadow: var(--card-hover-shadow);
    -webkit-box-shadow: var(--card-hover-shadow);
    box-shadow: var(--card-hover-shadow);
}
.collection-list-section .collection-list li .Extra-long-name-for {
    transition:var(--transition-base);
}
.collection-list-section .collection-list li .Extra-long-name-for:hover {
    color:var(--cc-a-color-active);
    text-decoration:underline;
}
.EMBAddNewNameBlockOrderSummaryData .EMBtermsConditions .EMBContactUsTerms__Link {
    font-family: var(--cc-font-family-aktifoa-semibold);
}

/*** ============================================
RS Builder - Name & Number Block Grid CSS 
============================================ ***/
.EMBColorsPalatte .ad-modal .EMBColorNameblock-Grid .TSColorNameblock-ColorGrid {
    transition: var(--transition-base);
    -moz-transition: var(--transition-base);
    -webkit-transition: var(--transition-base);
    -o-transition: var(--transition-base);
    -ms-transition: var(--transition-base);
}
.EMBColorsPalatte .ad-modal .EMBColorNameblock-Grid .TSColorNameblock-ColorGrid:hover { 
    box-shadow:var(--card-hover-shadow);
    -moz-box-shadow:var(--card-hover-shadow);
    -webkit-box-shadow:var(--card-hover-shadow);
}
.EMBSwitchModalContainer .EMBSwitch .ad-modal .ad-modal-content {
    height:auto;
}
.EMBSwitchModalContainer .EMBSwitch .ad-modal-content .EMBtermsConditions { 
    margin-bottom:var(--spacer);
}
/* .roster-builder-grid .select-item {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    background:transparent;
}
.roster-builder-grid .td-font:before,
.roster-builder-grid .td-size:before,
.roster-builder-grid .td-orientation:before,
.roster-builder-grid .td-opacity:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0; 
    height: 0; 
    border-left: 5px var(--border-style) var(--border-transparent);
    border-right: 5px var(--border-style) var(--border-transparent);
    border-top: 5px var(--border-style) var(--cc-icon-color-hover);
} */

/*** ============================================
RS Builder - Order Summary Card CSS 
============================================ ***/
.EMBtermsConditions label {
    display:flex;
}
.EMBtermsConditions .EMBCheckbox__Label {
    display:inline-block;
    width:var(--width-100);
    line-height:var(--line-height-normal);
}
.EMBtermsConditions .EMBCheckbox__Label .EMBContactUsTerms__Link {
    display:inline-flex;
}

/*** ============================================
 Responsive CSS - Mobile 767px
============================================= ***/
@media (max-width:767px){

    /* RS Builder Summary */
    .EMBNameBlockAndNameBlockSummary {
        background-color:var(--cc-background-color);
        margin-bottom:var(--spacer30);
    }
    .EMBNameBlockAndNameBlockSummary .EMBAddNewNameBlockOrderSummaryData {
        padding-bottom:var(--spacer20);
    }
    .EMBNameBlockAndNameBlockSummary .EMB-mobileItemsDetails {
        margin-bottom:0;
    }
    .EMBNameBlockAndNameBlockSummary #TSArtworkPDFDownloadDetails_anchor.ad-link {
        margin-top:var(--spacer0);
        font-size:var(--text-link-font-size);
    }
    .EMBNameBlockAndNameBlockSummary .TSArtworkPDFDownloadDetails__container {
        padding:var(--card-spacer-sm);
    }

    /* RS Builder Grid and Product Selection */
    .EMBNameBlockAndNameBlockSummary .EMBProductName {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .tableType.EMB-font-Nameblock .Dropdown__Select select {
        width:100%;
        font-size: var(--cc-font-size-s-small);
        padding:var(--spacer) var(--spacer8);
    }
    .EMBNameBlockAndNameBlockSummary .EMBSizeNameblock-Grid {
        margin-bottom:var(--spacer24);
    }
    .EMBNameBlockAndNameBlockSummary .EMBSizeNameblock-SizeGrid {
        background-color:var(--cc-background-color);
        margin:0 var(--spacer4);
    }
    .EMBNameBlockAndNameBlockSummary .EMBSizeNameblock-SizeGrid:last-child {
        margin-left:0;
    }
    .EMBNameBlockAndNameBlockSummary .EMBColorNameblock-colorCode {
        border-radius:8px 8px 0 0;
    }
    .EMBNameBlockAndNameBlockSummary .EMBColorNameblock-PColorfont {
        padding:5px 0px;
    }
    .EMBNameBlockAndNameBlockSummary button.EMBEditNameblock-incrementbutton,
    .EMBNameBlockAndNameBlockSummary button.EMBEditNameblock-DecrementButton {
        background-color:var(--cc-background-color);
    }
    .EMBNameBlockAndNameBlockSummary .EMBNameBlockModalDialogue .ad-modal-title {
        padding:var(--spacer24);
    }
    .EMBNameBlockAndNameBlockSummary .EMBColorNameblock-Grid {
        margin-bottom:var(--spacer20);
    }

    /* RS Builder Snakbar Toast Popup */
    .EMBNameBlockAndNameBlockSummary .TSEditNameblock {
        border-radius: var(--border-radius-md) var(--border-radius-md) var(--spacer0) var(--spacer0);
    }
    .EMBNameBlockAndNameBlockSummary .TSSizeTagNameblock {
        border-radius: var(--border-radius-md) var(--border-radius-md) var(--spacer0) var(--spacer0);
    }
    .EMBNameBlockAndNameBlockSummary .TSColorNameblock {
        border-radius: var(--border-radius-md) var(--border-radius-md) var(--spacer0) var(--spacer0);
    }
    .EMBNameBlockAndNameBlockSummary .TSEditNameblock-Inputborder {
        width:100%;
        border-bottom:var(--border-width) var(--border-style) #747679;
    }
    input.TSEditNameblock-ItemQuantityDisplayAndUpdate:focus{
        border-bottom-color:var(--cc-inputbox-border-color);
    }
    .EMBNameBlockAndNameBlockSummary .TSEditNameblock-Inputborder:focus {
        border-bottom-color:var(--cc-inputbox-border-color);
    }
    .EMBNameBlockAndNameBlockSummary img.selected_option {
        background-color:var(--cc-background-color);
        border-radius:var(--border-radius-circle);
    }
}