/**



 * Package: ShipStoreTech Carrier Board Pro



 * Description: Carrier pickup schedule boards with inline and popup display options.



 * Version: 3.2  



 * Author: Unisance Marketing, LLC



 * Copyright: © 2025 Unisance Marketing, LLC. All rights reserved.



 * Primary Domain: https://ShipStoreTech.com



 *



 * file:  display/v2/assets/popup.css



*/







.smhcb3-popup,

.smhcb3-popup *,

.smhcb3-modal,

.smhcb3-modal * {

    box-sizing: border-box;

}







.smhcb3-popup,

.smhcb3-modal {

    display: none;

    position: fixed;

    inset: 0;

    z-index: 9999;

    background: rgba(0,0,0,.55);

    backdrop-filter: blur(3px);

    overflow-y: auto;

    font-size: 16px;

    line-height: 1.25;

    font-family: inherit;

}







.smhcb3-popup-inner, .smhcb3-modal-inner {



    max-width: 700px;



    margin: 40px auto;



    background: color-mix(in srgb, var(--smhcb3-pop-bg, #fff) calc(var(--smhcb3-pop-bg-op, 1) * 100%), transparent);



    border-radius: 10px;



    padding: 12px;



    color: var(--smhcb3-pop-text, #111827);



    box-shadow: 0 0 24px rgba(0,0,0,.35);



    font-size: 14px;



    line-height: 1.1;



    position: relative;



    overflow: hidden;



}







.smhcb3-popup-header, .smhcb3-modal-header {



    display: flex;



    justify-content: space-between;



    align-items: center;



    margin: 0 0 10px;



}







.smhcb3-popup-title, .smhcb3-modal-title {



    font-size: 22px;



    font-weight: 800;



    margin: 0;



    color: var(--smhcb3-pop-text, #111827);



}







.smhcb3-popup-close, .smhcb3-close {



    position: absolute;



    top: 10px;



    right: 10px;



    background: #111827;



    color: #fff;



    border: none;



    border-radius: 10px;



    font-size: 16px;



    padding: 6px 10px;



    cursor: pointer;



    line-height: 1;



    box-shadow: 0 2px 6px rgba(0,0,0,.25);



    opacity: .95;



    z-index: 100;



}







.smhcb3-popup-close:hover, .smhcb3-close:hover { opacity: 1; }







.smhcb3-popup-table-wrapper {



    width: 100%;



    overflow-x: auto;



    -webkit-overflow-scrolling: touch;



    margin-bottom: 10px;



    border-radius: 8px;



}







.smhcb3-grid-table {



    width: 100%;



    border-collapse: separate;



    border-spacing: 0;



    border-radius: 8px;



    table-layout: fixed;



}







.smhcb3-grid-table thead {



    background: color-mix(in srgb, var(--smhcb3-pop-card, #2C3D69) calc(var(--smhcb3-pop-card-op, 1) * 100%), transparent) !important;



    color: var(--smhcb3-pop-hdr-text, #fff) !important;



}







.smhcb3-grid-table thead th {



    background: none !important;



    color: inherit !important;



    padding: 4px 2px;



    text-align: center; 



    font-weight: 700;



    border-bottom: 2px solid rgba(0,0,0,.05);



    vertical-align: middle;



    line-height: 0.85;



    white-space: nowrap;



}







.smhcb3-grid-table td {



    text-align: center;



    padding: 8px 1px;



    font-size: 12px;



    vertical-align: middle;



    line-height: 1.1;



    border: 1px solid color-mix(in srgb, var(--smhcb3-pop-border, #E5E7EB) calc(var(--smhcb3-pop-border-op, .3) * 100%), transparent);



    background: color-mix(in srgb, var(--smhcb3-pop-card, #2C3D69) 75%, white);



    color: var(--smhcb3-pop-hdr-text, #111827);



    white-space: nowrap;



}







.smhcb3-popup .smhcb3-grid-table td.carrier {



    width: 1%;



    white-space: nowrap;



    text-align: center !important;



    padding: 6px 10px;



    font-size: 0;



    vertical-align: middle;



}







.smhcb3-popup .smhcb3-grid-table td.carrier img {



    height: 30px;



    display: inline-block;



    vertical-align: middle;



    margin: 0;



    border-radius: 3px;



    font-size: 14px;



}







.smhcb3-grid-table td.today, 



.smhcb3-grid-table th.today {



    background: color-mix(in srgb, var(--smhcb3-pop-body, #F3F4F6) calc(var(--smhcb3-pop-body-op, 1) * 100%), transparent) !important;



    color: var(--smhcb3-pop-body-text, #111827) !important;



    font-weight: 700;



    padding-left: 4px;



    padding-right: 4px;



    min-width: 65px; 



}







.smhcb3-note {



    font-size: 9px;



    opacity: .85;



    margin-top: 2px;



    display: block;



    line-height: 1;



}







@media (max-width:768px) {



    .smhcb3-popup-inner { 



        margin: 24px 8px; 



        padding: 12px; 



        max-width: calc(100% - 16px);



    }



    



    .smhcb3-grid-table { 



        min-width: 600px; 



    }







    .smhcb3-grid-table th.carrier,



    .smhcb3-grid-table td.carrier {



        position: sticky;



        left: 0;



        z-index: 20;



        background: color-mix(in srgb, var(--smhcb3-pop-card, #2C3D69) 100%, white) !important;



        box-shadow: 2px 0 5px rgba(0,0,0,0.1);



    }







    .smhcb3-grid-table th.today {



        z-index: 10;



    }



}







/* EOF: display/v2/assets/popup.css */