/* Evergrid Core v3.13 — stylesheet taken verbatim from sidoZe/EG-Local-Plugin main (af9f313,
   2026-09-06), i.e. exactly what bergamotbookreviews.ca serves. Supersedes the v3.10/v3.11 port:
   two-tier footer (section 7), Noir/Ariana ambient orbs (sections 9/10), --eg-heading-weight /
   --eg-font-stretch naming. Keep this file byte-identical to upstream below this comment. */

/* ==========================================================================
   1. APP SPACING TWEAKS & AD CONTAINER
   ========================================================================== */
.one-container .site-content { padding: 0 !important; }

#page, .site, .site-content { background-color: transparent !important; }

.evergrid-ad-container {
    width: 728px; height: 90px;
    margin: 10px auto !important;
    display: flex; justify-content: center; align-items: center; text-align: center;
    background: transparent; box-sizing: border-box; overflow: hidden;
}

@media (max-width: 768px) {
    .evergrid-ad-container { width: 320px !important; height: 50px !important; }
}

.in-feed-ad-wrap { position: relative !important; display: block !important; width: 100% !important; text-align: center !important; grid-column: 1 / -1 !important; margin: 20px auto !important; }
.in-feed-ad-wrap img, .in-feed-ad-wrap iframe { position: relative !important; max-width: 100% !important; height: auto !important; display: inline-block !important; }

/* ==========================================================================
   2. SHORTCODE GRID & NATIVE FALLBACK (0px Gap & Hidden Clutter)
   ========================================================================== */
.evergrid-post-grid, .blog main#main, .archive main#main, .home main#main {
    display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 0 !important;
    max-width: 935px !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; clear: both !important; float: none !important;
}

.evergrid-post-grid > *:not(article.post):not(.ig-scroll-loader):not(.in-feed-ad-wrap):not(.load-more-wrap),
.blog main#main > *:not(article.post):not(.ig-scroll-loader):not(.in-feed-ad-wrap):not(.load-more-wrap),
.archive main#main > *:not(article.post):not(.ig-scroll-loader):not(.in-feed-ad-wrap):not(.load-more-wrap),
.home main#main > *:not(article.post):not(.ig-scroll-loader):not(.in-feed-ad-wrap):not(.load-more-wrap) { display: none !important; }

/* Pagination Visibility Override for JS Observer */
.evergrid-pagination, .paging-navigation, .nav-links, .pagination { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; overflow: hidden !important; position: absolute !important; }

.evergrid-post-grid article, .blog main#main article, .archive main#main article, .home main#main article {
    margin: 0 !important; padding: 0 0 125% 0 !important; height: 0 !important; position: relative !important; float: none !important; 
    width: 100% !important; border: none !important; overflow: hidden !important; background-color: var(--eg-body-bg) !important; 
}

.evergrid-post-grid article .post-image-link, .evergrid-post-grid article img,
.blog main#main .inside-article, .archive main#main .inside-article, .home main#main .inside-article,
.blog .post-image, .archive .post-image, .home .post-image,
.blog .post-image a, .archive .post-image a, .home .post-image a,
.blog .post-image img, .archive .post-image img, .home .post-image img { 
    position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important;
}

.evergrid-post-grid article img, .blog .post-image img, .archive .post-image img, .home .post-image img { 
    object-fit: cover !important; 
    border-radius: 0 !important; 
    filter: var(--eg-image-filter, none);
    transition: filter 0.3s ease;
}

.evergrid-post-grid article:hover img, .blog .post-image:hover img, .archive .post-image:hover img, .home .post-image:hover img {
    filter: var(--eg-image-filter-hover, none);
}

.evergrid-post-grid article .post-image-link::before, .blog .post-image a::before, .archive .post-image a::before, .home .post-image a::before { content: ''; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0); transition: background-color 0.2s; z-index: 10; }
.evergrid-post-grid article .post-image-link::after, .blog .post-image a::after, .archive .post-image a::after, .home .post-image a::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='32px' height='32px'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E"); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.2s; z-index: 20; }
@media (hover: hover) { 
    .evergrid-post-grid article:hover .post-image-link::before, .blog .post-image:hover a::before, .home .post-image:hover a::before { background-color: rgba(0, 0, 0, 0.4); } 
    .evergrid-post-grid article:hover .post-image-link::after, .blog .post-image:hover a::after, .home .post-image:hover a::after { opacity: 1; } 
}

.ig-scroll-loader { grid-column: 1 / -1 !important; padding: 40px 0; display: flex; justify-content: center; opacity: 0; transition: opacity 0.2s ease; }
.ig-scroll-loader .spinner { border: 3px solid var(--eg-secondary-bg); border-top: 3px solid var(--eg-muted-text); border-radius: 50%; width: 28px; height: 28px; animation: ig-spin 0.8s linear infinite; }
@keyframes ig-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* Hide Native GP Clutter */
.blog .entry-header, .archive .entry-header, .home .entry-header, .blog .entry-summary, .archive .entry-summary, .home .entry-summary, .blog .entry-content, .archive .entry-content, .home .entry-content, .blog .entry-meta, .archive .entry-meta, .home .entry-meta, .blog .post-navigation, .archive .post-navigation, .home .post-navigation { display: none !important; }

/* ==========================================================================
   3. PROFILE HEADER & CUSTOM LINKS
   ========================================================================== */
.ig-profile-header {
    display: flex !important; flex-direction: row !important; align-items: flex-start !important;
    width: 100% !important; max-width: 935px !important; margin: 0 auto !important; padding: 30px 20px 44px !important; gap: 30px !important; box-sizing: border-box !important;
}
.ig-profile-avatar { flex: 1 1 30% !important; display: flex !important; justify-content: center !important; }
.ig-avatar-img { width: 150px !important; height: 150px !important; border-radius: 50% !important; object-fit: cover !important; border: 1px solid var(--eg-border) !important; padding: 2px !important; filter: var(--eg-avatar-filter, none); transition: filter 0.3s ease; }
.ig-profile-info { flex: 1 1 70% !important; display: flex !important; flex-direction: column !important; color: var(--eg-text) !important; }
.ig-info-top { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 20px !important; margin-bottom: 20px !important; }
.ig-handle { font-size: 28px !important; font-weight: 300 !important; margin: 0 !important; }
.ig-actions { display: flex !important; gap: 10px !important; }
.ig-info-stats { display: flex !important; gap: 40px !important; margin-bottom: 20px !important; font-size: 16px !important; }
.ig-info-stats span strong { font-weight: 600 !important; }
.ig-info-bio { font-size: 14px !important; line-height: 1.5 !important; }
.ig-bio-name { font-weight: 600 !important; display: block !important; }
.ig-bio-link { color: var(--eg-accent) !important; font-weight: 600 !important; text-decoration: none !important; }

/* Custom Link Buttons */
.ig-custom-link-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; max-width: 935px; width: 100%; margin: 10px auto 20px auto; padding: 0 20px; box-sizing: border-box; }
.ig-custom-link-btn { background-color: var(--eg-bg); color: var(--eg-text) !important; border: 1px solid var(--eg-border); border-radius: var(--eg-button-radius, 8px) !important; padding: 12px 16px; text-align: center; font-weight: 600; text-decoration: none !important; box-shadow: var(--eg-button-shadow, none) !important; transition: all 0.15s ease-in-out; font-size: 14px; display: block; }
.ig-custom-link-btn:hover, .ig-custom-link-btn:active { box-shadow: 0px 0px 0px transparent !important; transform: translate(2px, 2px); background-color: var(--eg-bg); }

@media (max-width: 768px) {
    .ig-profile-header { width: 100% !important; box-sizing: border-box !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 20px 15px !important; gap: 15px !important; }
    .ig-profile-avatar { width: 100% !important; flex: none !important; margin-bottom: 10px !important; }
    .ig-profile-info { width: 100% !important; flex: none !important; }
    .ig-avatar-img { width: 100px !important; height: 100px !important; }
    .ig-info-top { flex-direction: column !important; gap: 12px !important; justify-content: center !important; width: 100% !important; margin-bottom: 15px !important; }
    .ig-handle { font-size: 22px !important; }
    .ig-actions { justify-content: center !important; width: 100% !important; }
    .ig-info-stats { width: 100% !important; justify-content: space-around !important; gap: 0 !important; border-top: 1px solid var(--eg-border) !important; border-bottom: 1px solid var(--eg-border) !important; padding: 12px 0 !important; margin: 10px 0 20px 0 !important; }
    .ig-info-bio { width: 100% !important; text-align: center !important; }
    .ig-custom-link-container { grid-template-columns: 1fr !important; }
}

/* ==========================================================================
   3.5 HIGHLIGHTS MENU
   ========================================================================== */
.ig-highlights-container { display: flex; overflow-x: auto; gap: 15px; padding: 10px 20px 20px 20px; scroll-padding-left: 20px; max-width: 935px; width: 100%; box-sizing: border-box; margin: 0 auto; scrollbar-width: none; -ms-overflow-style: none; scroll-snap-type: x mandatory; }
.ig-highlights-container::-webkit-scrollbar { display: none; }
.ig-highlights-container::after { content: ''; flex: 0 0 1px; width: 1px; padding-right: 19px; }
.ig-highlight-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; color: var(--eg-text); flex: 0 0 auto; width: 85px; scroll-snap-align: start; }
.ig-highlight-ring { width: 64px; height: 64px; border-radius: 50%; border: 1px solid var(--eg-border); padding: 2px; display: flex; justify-content: center; align-items: center; margin-bottom: 6px; }
.ig-highlight-ring img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; filter: var(--eg-image-filter, none); transition: filter 0.3s ease; }
.ig-highlight-fallback { width: 100%; height: 100%; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: 600; color: var(--eg-text); }
.ig-highlight-title { font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; text-align: center; text-transform: uppercase; }

.ig-grid-divider { grid-column: 1 / -1 !important; display: flex !important; width: 100% !important; max-width: 935px !important; margin: 0 auto !important; border-top: 1px solid var(--eg-border) !important; justify-content: center !important; }
.ig-grid-tab { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--eg-muted-text); padding: 15px 0; }
.ig-grid-tab.active-tab { color: var(--eg-text); border-top: 1px solid var(--eg-text); margin-top: -1px; }

/* ==========================================================================
   4. MODALS, ACCESSIBILITY, & FORMS
   ========================================================================== */
.ig-btn-primary, .ig-btn-secondary, .ig-btn-small { border-radius: var(--eg-button-radius, 8px) !important; box-shadow: var(--eg-button-shadow, none) !important; font-weight: 600 !important; cursor: pointer; border: none !important; padding: 8px 16px; font-family: inherit; transition: background-color 0.2s; }
.ig-btn-primary { background-color: var(--eg-accent); color: #fff; }
.ig-btn-primary:hover { background-color: var(--eg-accent-hover); }
.ig-btn-secondary { background-color: var(--eg-secondary-bg); color: var(--eg-text); }
.ig-btn-secondary:hover { background-color: var(--eg-border); }

.ig-app-modal { padding: 0; border: none; border-radius: 16px; background: var(--eg-bg); width: 90%; max-width: 400px; box-shadow: 0 20px 40px rgba(0,0,0,0.2); }
.ig-app-modal::backdrop { background: rgba(0, 0, 0, 0.75) !important; backdrop-filter: blur(4px); }
.ig-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 18px 20px; border-bottom: 1px solid var(--eg-secondary-bg); }
.ig-modal-header h3 { margin: 0 !important; font-size: 18px !important; font-weight: 600 !important; color: var(--eg-text) !important; }
.ig-close-modal { background: none; border: none; cursor: pointer; color: var(--eg-text); padding: 0; display: flex; align-items: center; }
.ig-modal-content { padding: 20px; }
.ig-modal-content p { font-size: 15px !important; color: var(--eg-muted-text) !important; line-height: 1.4 !important; margin-bottom: 20px !important; text-align: center; }
.ig-app-modal:focus, .waas-login-form:focus, #evergrid-ajax-auth-form input:focus { outline: none !important; }

#waas-message-modal label { display: none !important; }

.waas-form-wrapper input[type="text"], .waas-form-wrapper input[type="email"], .waas-form-wrapper textarea, #evergrid-ajax-auth-form input {
    background-color: var(--eg-bg) !important; border: 1px solid var(--eg-border) !important; border-radius: 8px !important; padding: 12px 15px !important; font-size: 16px !important; color: var(--eg-text) !important; width: 100% !important; margin: 0 !important; box-sizing: border-box !important; font-family: inherit !important; -webkit-appearance: none;
}
.waas-form-wrapper input::placeholder, .waas-form-wrapper textarea::placeholder, #evergrid-ajax-auth-form input::placeholder {
    color: var(--eg-muted-text) !important; opacity: 1 !important;
}

.waas-modal-divider { display: flex; align-items: center; text-align: center; margin: 20px 0; color: var(--eg-muted-text); font-size: 13px; text-transform: uppercase; font-weight: 600; }
.waas-modal-divider::before, .waas-modal-divider::after { content: ''; flex: 1; border-bottom: 1px solid var(--eg-border); }
.waas-modal-divider::before { margin-right: 15px; } .waas-modal-divider::after { margin-left: 15px; }
.waas-google-btn { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 10px !important; padding: 14px !important; background-color: var(--eg-bg) !important; border: 1px solid var(--eg-border) !important; font-size: 15px !important; border-radius: var(--eg-button-radius, 8px) !important; color: var(--eg-text) !important; font-weight: 600 !important; box-shadow: var(--eg-button-shadow, none) !important;}
.waas-google-btn:hover { background-color: var(--eg-body-bg) !important; }

/* ==========================================================================
   5. SINGLE POST LAYOUT & SWIPE INDICATORS
   ========================================================================== */
.single-post .inside-article { max-width: 740px !important; margin: 0 auto !important; padding: 0 20px !important; background-color: transparent !important; }
.ig-single-mini-header { max-width: 740px; margin: 0 auto 20px auto; display: flex; justify-content: space-between; align-items: flex-start; padding: 10px 20px; text-align: left !important; width: 100% !important; box-sizing: border-box !important; }
.ig-mini-left { display: flex; flex-direction: column; gap: 10px; }
.ig-mini-author-link { display: flex; align-items: center; gap: 10px; text-decoration: none !important; height: 44px; }
.ig-mini-avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; border: 1px solid var(--eg-border); }
.ig-mini-handle { font-size: 15px; font-weight: 600; color: var(--eg-text); }
.ig-mini-actions { display: flex; gap: 8px; }

.waas-tag-archive-header { max-width: 935px; margin: 0 auto 20px auto; padding: 0 20px 20px 20px; text-align: center; width: 100%; box-sizing: border-box; }
.waas-tag-title { font-size: 28px; font-weight: 600; color: var(--eg-text); margin: 0 0 15px 0; text-transform: capitalize; }
.waas-tag-description { font-size: 15px; color: var(--eg-muted-text); line-height: 1.5; max-width: 600px; margin: 0 auto; }

@media (min-width: 481px) { .ig-single-mini-header { align-items: center; } .ig-mini-left { flex-direction: row; align-items: center; gap: 12px; } }
@media (max-width: 768px) { .ig-mini-left { flex: 1; gap: 8px; } .ig-mini-actions { width: auto; display: flex; gap: 5px; } }
@media (max-width: 480px) { .ig-mini-author-link { width: 100%; margin-bottom: 5px; } }

.single-post .entry-title { text-align: center; font-size: 28px !important; font-weight: 700; margin-bottom: 20px !important; color: var(--eg-text) !important; }
.single-post .entry-content { font-size: 16px !important; line-height: 1.5 !important; color: var(--eg-text) !important; }
.single-post .entry-content p { margin-bottom: 20px !important; white-space: pre-wrap !important; }
.single-post .entry-content a { color: var(--eg-accent) !important; font-weight: 600; text-decoration: none !important; }
.single-post .entry-content img:not(.emoji):not(.wp-smiley) { width: 100% !important; height: auto !important; border-radius: 8px !important; margin: 30px 0 !important; display: block; }
.waas-affiliate-btn { display: block !important; width: 100%; text-align: center; background-color: var(--eg-accent) !important; color: #fff !important; padding: 16px !important; border-radius: 8px !important; font-weight: 600; text-transform: uppercase; margin: 30px 0 !important; }

/* Featured Image Swipe Indicators */
.single-post .featured-image { position: relative !important; display: block; overflow: hidden; border-radius: 8px; }
.single-post .featured-image img { border-radius: 8px; width: 100%; object-fit: cover; display: block; }
.single-post .featured-image::before, .single-post .featured-image::after {
    content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; opacity: 0.4; pointer-events: none; z-index: 10; filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5)); background-size: contain; background-repeat: no-repeat;
}
.single-post .featured-image::before { left: 10px; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E"); }
.single-post .featured-image::after { right: 10px; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E"); }

/* ==========================================================================
   6. INSTAGRAM-STYLE COMMENTS
   ========================================================================== */
.comments-area { max-width: 740px !important; margin: 0 auto !important; padding: 20px !important; }
.comments-title, .comment-reply-title { display: none !important; }
.comment-list { padding: 0 !important; margin: 0 !important; list-style: none !important; }

.comment-body { position: relative !important; padding: 0 0 0 48px !important; margin-bottom: 20px !important; border: none !important; background: transparent !important; }
.comment-meta, .comment-author { display: inline !important; padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; }
.comment-list .avatar { position: absolute !important; top: 0 !important; left: 0 !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; margin: 0 !important; object-fit: cover !important; }
.comment-author .fn { font-weight: 600 !important; font-style: normal !important; color: var(--eg-text) !important; margin-right: 5px !important; font-size: 14px !important; }
.comment-author .fn a { color: var(--eg-text) !important; text-decoration: none !important; }
.comment-author .says { display: none !important; }

.comment-content { display: inline !important; font-size: 14px !important; color: var(--eg-text) !important; margin: 0 !important; padding: 0 !important; line-height: 1.4 !important; }
.comment-content p { display: inline !important; margin: 0 !important; padding: 0 !important; }

.comment-metadata { display: inline-block !important; margin-top: 6px !important; font-size: 12px !important; color: var(--eg-muted-text) !important; font-weight: 600 !important; width: 100% !important; clear: both !important; }
.comment-metadata a { color: var(--eg-muted-text) !important; text-decoration: none !important; }
.comment-metadata .edit-link { display: none !important; }
.reply { display: inline-block !important; margin-left: 15px !important; font-size: 12px !important; font-weight: 600 !important; }
.reply a { color: var(--eg-muted-text) !important; text-decoration: none !important; }

.comment-list .children { margin: 10px 0 0 0 !important; padding-left: 48px !important; list-style: none !important; }
.comment-list .children > li { position: relative !important; }
.comment-list .children > li::before { content: '——'; position: absolute !important; left: -32px !important; top: 10px !important; color: var(--eg-border) !important; font-size: 12px !important; letter-spacing: -1px !important; font-weight: bold; }

.comment-respond { margin-top: 40px !important; }
.comment-form-url, .comment-form-cookies-consent, .comment-notes, .comment-form-comment label { display: none !important; }
.comment-form-comment textarea { width: 100% !important; border: 1px solid var(--eg-border) !important; border-radius: 8px !important; padding: 12px !important; font-size: 14px !important; font-family: inherit !important; background: var(--eg-bg) !important; color: var(--eg-text) !important; }
.comment-form-comment textarea::placeholder { color: var(--eg-muted-text) !important; }
.form-submit .submit { background-color: var(--eg-accent) !important; color: #fff !important; font-weight: 600 !important; border-radius: 8px !important; border: none !important; padding: 10px 20px !important; cursor: pointer !important; }
.form-submit .submit:hover { background-color: var(--eg-accent-hover) !important; }

/* ==========================================================================
   7. STICKY FOOTER & BRANDING
   ========================================================================== */
body { display: flex !important; flex-direction: column !important; min-height: 100vh !important; background-color: var(--eg-body-bg) !important; }
#page { flex: 1 0 auto !important; width: 100% !important; }

.site-footer, .site-info, .inside-site-info, .site-footer .grid-container, .site-info .grid-container { 
    max-width: none !important; 
    width: 100% !important; 
    padding: 0 !important; 
    margin: 0 !important; 
    background-color: transparent !important; 
    border: none !important; 
    flex-shrink: 0 !important; 
    display: block !important;
}

.waas-footer-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.waas-footer-tier-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    background-color: var(--eg-bg);
    border-top: 1px solid var(--eg-border);
    font-size: 12px;
}

.waas-footer-tier-1-left { display: flex; align-items: center; justify-content: flex-start; }
.waas-footer-tier-1-right { display: flex; align-items: center; justify-content: flex-end; gap: 15px; text-align: right; }

.waas-footer-menu { display: flex; flex-wrap: wrap; gap: 20px; list-style: none !important; margin: 0 !important; padding: 0 !important; }
.waas-footer-menu li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.waas-footer-menu a { color: var(--eg-muted-text) !important; text-decoration: none !important; font-size: 12px; font-weight: 500; transition: color 0.2s; }
.waas-footer-menu a:hover { color: var(--eg-text) !important; }

.waas-footer-copyright { color: var(--eg-muted-text) !important; font-size: 12px; }
.waas-footer-auth a { color: var(--eg-muted-text) !important; font-size: 12px; text-decoration: none !important; }
.waas-footer-auth a:hover { color: var(--eg-text) !important; }

.waas-footer-tier-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 20px;
    background-color: #0d0d0d;
    background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.05) 1px, transparent 2px), radial-gradient(circle at 100% 100%, rgba(255,255,255,0.04) 1px, transparent 2px);
    background-size: 10px 10px, 14px 14px;
    border-top: 1px solid #222;
}

.waas-attribution-pill { display: inline-flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; background-color: var(--eg-bg); border: 1px solid var(--eg-border); border-radius: 50px; text-decoration: none !important; color: var(--eg-text) !important; box-shadow: 0 2px 4px var(--eg-shadow); transition: transform 0.2s, box-shadow 0.2s; }
.waas-attribution-pill:hover { transform: translateY(-2px); box-shadow: 0 4px 8px var(--eg-shadow); }
.waas-attribution-pill img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; }
.waas-attribution-pill span { font-size: 13px; font-weight: 600; text-transform: lowercase; }

@media (max-width: 768px) {
    .waas-footer-tier-1 {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    .waas-footer-tier-1-left, .waas-footer-tier-1-right {
        justify-content: center;
        width: 100%;
        text-align: center;
    }
    .waas-footer-menu {
        justify-content: center;
    }
}

/* ==========================================================================
   8. CONDITIONAL TYPOGRAPHY
   ========================================================================== */
body:not(.evergrid-inherit-fonts) .ig-profile-header,
body:not(.evergrid-inherit-fonts) .ig-app-modal,
body:not(.evergrid-inherit-fonts) .ig-single-mini-header,
body:not(.evergrid-inherit-fonts) .waas-tag-archive-header,
body:not(.evergrid-inherit-fonts) .waas-footer-wrapper,
body:not(.evergrid-inherit-fonts) .comments-area {
    font-family: var(--eg-font-primary, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif) !important;
}

body:not(.evergrid-inherit-fonts) .evergrid-post-grid *,
body:not(.evergrid-inherit-fonts) .ig-profile-header *,
body:not(.evergrid-inherit-fonts) .ig-app-modal * {
    font-family: var(--eg-font-primary, inherit) !important;
}

.ig-handle, .waas-tag-title, .entry-title, .ig-modal-header h3 {
    font-family: var(--eg-font-heading, inherit) !important;
}

/* ==========================================================================
   9. NOIR THEME (AMBIENT ORBS)
   ========================================================================== */
body.evergrid-theme-noir::before, body.evergrid-theme-noir::after {
    content: '';
    position: fixed;
    width: 60vmax;
    height: 60vmax;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
    pointer-events: none;
    opacity: 0.6;
    transform: translateZ(0);
}

body.evergrid-theme-noir::before {
    top: -15vw;
    right: -15vw;
    background-color: #555555;
}

body.evergrid-theme-noir::after {
    bottom: -15vw;
    left: -15vw;
    background-color: #1a1a1a;
}

body.evergrid-theme-noir .evergrid-post-grid article img,
body.evergrid-theme-noir .ig-highlight-ring img {
    filter: grayscale(100%) !important;
}

/* ==========================================================================
   10. ARIANA THEME (NEON CLUB LIGHTS & TACTILE BUTTONS)
   ========================================================================== */
body.evergrid-theme-ariana::before, body.evergrid-theme-ariana::after {
    content: '';
    position: fixed;
    width: 60vmax;
    height: 60vmax;
    border-radius: 50%;
    filter: blur(120px);
    z-index: -1;
    pointer-events: none;
    opacity: 0.5;
    transform: translateZ(0);
}

body.evergrid-theme-ariana::before {
    top: -15vw;
    right: -15vw;
    background-color: #ec28a3;
}

body.evergrid-theme-ariana::after {
    bottom: -15vw;
    left: -15vw;
    background-color: #87faff;
}

body.evergrid-theme-ariana .evergrid-post-grid article {
    border: 1px solid rgba(255,255,255,0.1) !important;
}

.evergrid-theme-ariana .ig-btn-primary, 
.evergrid-theme-ariana .ig-custom-link-btn, 
.evergrid-theme-ariana .waas-google-btn {
    background: linear-gradient(135deg, #b026ff 0%, #ec28a3 100%) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: inset 0 2px 2px rgba(255,255,255,0.3), 0 4px 15px rgba(176, 38, 255, 0.4) !important;
    transition: all 0.2s ease;
}

.evergrid-theme-ariana .ig-btn-primary:active, 
.evergrid-theme-ariana .ig-custom-link-btn:active, 
.evergrid-theme-ariana .waas-google-btn:active {
    transform: translateY(2px);
    box-shadow: inset 0 2px 5px rgba(0,0,0,0.4), 0 1px 3px rgba(176, 38, 255, 0.2) !important;
}