/* v2.0 */
/**
 * resource selector popup css
 * 
 * 
 */
        .a4-res-popup-overlay {
            display: none;
            position: fixed;
            inset: 0;
            z-index: 999999;
            background: rgba(0, 0, 0, 0.55);
            align-items: center;
            justify-content: center;
            padding: 20px;
        }

        .a4-res-popup-overlay.is-open {
            display: flex;
        }

        .a4-res-popup-box {
            background: #fff;
            color: #111;
            max-width: 480px;
            width: 100%;
            padding: 22px;
            border-radius: 12px;
            box-shadow: 0 8px 28px rgba(0,0,0,0.35);
            text-align: center;
            font-family: Arial, Helvetica, sans-serif;
        }

        .a4-res-popup-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 10px;
            font-family: Arial, Helvetica, sans-serif;
        }

        .a4-res-popup-message {
            font-size: 1rem;
            line-height: 1.4;
            margin: 0 0 18px;
        }

        .a4-res-popup-actions {
            display: flex;
            gap: 12px;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 16px;
        }

/* shared DNA buttons */
        .a4-res-popup-action,
        #a4-res-popup-cancel {
            padding: 10px 16px;
            border-radius: 8px;
            cursor: pointer;
            font-weight: 700;
            font-size: 1rem;
            text-decoration: none;
            border: 1px solid #333;
            font-family: Arial, Helvetica, sans-serif;
        }

/* popup action buttons */
        .a4-res-popup-action {
            background: #0F8FE2;
            color: #fff;
            border-color: #0F8FE2;
            min-width: 200px;
            max-width: 220px;
            text-align: center;
            padding: 10px 16px;
        }

/* popup cancel button */
        #a4-res-popup-cancel {
            background: #eee;
            color: #111;
            text-align: center;
        
            padding: 20px 32px;
            /*padding: 40px 64px;*/
        
            font-size: 16px;
            font-weight: 600;
        
            min-width: 140px;
        
            font-family:
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                Roboto,
                Helvetica,
                Arial,
                sans-serif;
        }

/* data structure, commented out */
/*<a class="a4-res-link"*/
/*    href="#"*/
/*    data-title="Official AA Bookstore Resources"*/
/*    data-message="Choose the AA resource or the HSO resource."*/
/*    data-link1="https://www.aa.org/resources/literature"*/
/*    data-label1="AA Bookstore (USD) (↗︎)"*/
/*    data-link2="https://aahalton.org/categories/"*/
/*    data-label2="HSO Bookstore (CAD) (↗︎)"*/
/*    >*/
/*    Official AA Bookstore Resources (↗︎)*/
/*</a>*/

/** 
 *
 * 
 * 
 * 
 * 
 */