/*
Theme Name: popautomate-astra-child-theme
Author: 
Description: Your description goes here
Version: 1.0
Template: astra

This is the child theme for Astra theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
@media(min-width:1000px){
    .ast-article-post{
        display: inline-block !important;
        width: 33% !important;
    }
}

.cat-links a{
    font-size: 13px !important;
    line-height: 1em !important;
}
.entry-header {
    margin-bottom: 0em !important;
}

/* Force RTL for Easy Table of Contents */
#ez-toc-container,
.ez-toc-container-direction,
.ez-toc-list,
.ez-toc-title-container {
    direction: rtl !important;
    text-align: right !important;
}

.ez-toc-title {
    text-align: right !important;
}

.ez-toc-title-toggle {
    float: left !important;
}

.ez-toc-list li {
    text-align: right !important;
}

/* Fix toggle button position for RTL */
.ez-toc-pull-right {
    float: left !important;
}

/* Nested list indentation for RTL */
.ez-toc-list ul {
    padding-right: 20px !important;
    padding-left: 0 !important;
    margin-right: 10px !important;
    margin-left: 0 !important;
}


/* Popupsnap blog design v2 (2026-10-19) - source of truth is the inline CSS in functions.php */
body.blog, body.archive, body.search { background: #F1F2F8 !important; }
/* --- Header v2: sticky glass, Wisepops-quality --- */
.site-header { position: sticky !important; top: 0; z-index: 9999; }
body.admin-bar .site-header { top: 32px; }
.ast-primary-header-bar, .main-header-bar { background: rgba(11,15,26,.92) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 -1px 0 rgba(139,92,246,.25), 0 10px 30px rgba(11,15,26,.42); }
.main-header-menu > li > a { font-weight: 600 !important; font-size: 15px !important; padding: 10px 16px !important; border-radius: 10px; transition: background .2s ease, color .2s ease; }
.main-header-menu > li > a:hover { color: #fff !important; background: rgba(139,92,246,.22); }
.site-header [class*="button"], .ast-custom-button { border-radius: 999px !important; font-weight: 800 !important; transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important; box-shadow: 0 8px 22px rgba(255,205,87,.28); }
.site-header [class*="button"]:hover, .ast-custom-button:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(255,205,87,.42); filter: brightness(1.05); }
/* --- Blog home layout --- */
body.blog .site-content .ast-container { display: block !important; }
body.blog .page-title.ast-archive-title, body.blog .ast-archive-description { display: none !important; }
body.blog:not(.paged) main.site-main article:first-of-type { display: none; }
/* --- Cards v2: ONE box, full-bleed image --- */
body.blog article, body.archive article, body.search article { padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; }
body.blog article .post-content, body.archive article .post-content, body.search article .post-content { background: #FFFFFF !important; border: 1px solid #E2E4F0 !important; border-radius: 18px !important; box-shadow: 0 1px 2px rgba(20,33,61,.04), 0 12px 30px rgba(20,33,61,.08) !important; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important; overflow: hidden !important; padding: 0 !important; }
body.blog article:hover .post-content, body.archive article:hover .post-content, body.search article:hover .post-content { transform: translateY(-6px); border-color: #DDD6FE !important; box-shadow: 0 2px 4px rgba(20,33,61,.05), 0 24px 44px rgba(99,102,241,.16) !important; }
.post-thumb-img-content, .ast-blog-featured-section { overflow: hidden; border-radius: 0 !important; margin: 0 !important; }
.post-thumb-img-content img { width: 100% !important; height: auto; aspect-ratio: 16 / 9; object-fit: cover; display: block; transition: transform .45s cubic-bezier(.2,.7,.3,1); }
body.blog article:hover .post-thumb-img-content img, body.archive article:hover .post-thumb-img-content img, body.search article:hover .post-thumb-img-content img { transform: scale(1.06); }
/* --- Card text block --- */
body.blog .post-content .ast-blog-single-element:not(.ast-blog-featured-section), body.archive .post-content .ast-blog-single-element:not(.ast-blog-featured-section), body.search .post-content .ast-blog-single-element:not(.ast-blog-featured-section) { padding-inline-start: 22px; padding-inline-end: 22px; }
body.blog main.site-main [class*="ast-post-format-"], body.archive main.site-main [class*="ast-post-format-"], body.search main.site-main [class*="ast-post-format-"] { padding: 18px !important; }
body.blog .ast-taxonomy-container, body.archive .ast-taxonomy-container, body.search .ast-taxonomy-container { margin-top: 18px; margin-bottom: 10px; }
.ast-taxonomy-container a { display: inline-block; background: #F3EEFF !important; color: #6D28D9 !important; padding: 4px 12px !important; border-radius: 999px !important; font-size: 12px !important; font-weight: 700; border: 1px solid #E9DDFF !important; text-decoration: none; transition: all .2s ease; }
.ast-taxonomy-container a:hover { background: #6D28D9 !important; color: #fff !important; }
body.blog .entry-title, body.archive .entry-title, body.search .entry-title { font-size: 19px !important; line-height: 1.6 !important; font-weight: 800 !important; margin-bottom: 8px !important; }
.entry-title a { transition: color .2s ease; }
body.blog article:hover .entry-title a, body.archive article:hover .entry-title a, body.search article:hover .entry-title a { color: #6D28D9 !important; }
body.blog .entry-meta, body.blog .entry-meta *, body.archive .entry-meta, body.archive .entry-meta *, body.search .entry-meta, body.search .entry-meta * { font-size: 13px !important; color: #8A90A5 !important; }
body.blog .entry-header, body.archive .entry-header, body.search .entry-header { margin-bottom: 6px; }
body.blog .ast-excerpt-container, body.archive .ast-excerpt-container, body.search .ast-excerpt-container { margin-top: 4px; margin-bottom: 22px; }
body.blog .ast-excerpt-container p, body.archive .ast-excerpt-container p, body.search .ast-excerpt-container p { color: #5B6275 !important; line-height: 1.75 !important; font-size: 14.5px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; }
/* --- Hero --- */
.ps-hero-wrap { text-align: center; padding: 46px 0 8px; }
.ps-hero-eyebrow { display: inline-flex; align-items: center; gap: 8px; background: #F3EEFF; color: #6D28D9; border: 1px solid #E9DDFF; font-weight: 700; font-size: 13px; padding: 6px 16px; border-radius: 999px; margin-bottom: 18px; }
.ps-hero-wrap h1 { font-size: 44px; font-weight: 800; color: #14213D; margin: 0 0 14px; letter-spacing: -.5px; line-height: 1.35; }
.ps-hero-wrap h1 em { font-style: normal; background: linear-gradient(90deg,#6366F1,#8B5CF6); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.ps-hero-sub { color: #5B6275; font-size: 17px; max-width: 620px; margin: 0 auto 26px; line-height: 1.8; }
.ps-search { display: flex; max-width: 560px; margin: 0 auto; background: #fff; border: 1.5px solid #E6E3EE; border-radius: 999px; padding: 6px; box-shadow: 0 10px 30px rgba(20,33,61,.07); transition: border-color .2s, box-shadow .2s; }
.ps-search:focus-within { border-color: #8B5CF6; box-shadow: 0 12px 34px rgba(99,102,241,.18); }
.ps-search input { flex: 1; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15.5px; padding: 10px 18px; color: #14213D; }
.ps-search button { border: 0; cursor: pointer; background: linear-gradient(135deg,#6366F1,#8B5CF6); color: #fff; font: inherit; font-weight: 700; font-size: 15px; padding: 10px 26px; border-radius: 999px; transition: filter .2s, transform .2s; }
.ps-search button:hover { filter: brightness(1.08); transform: translateY(-1px); }
/* --- Pills --- */
.ps-pills { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; padding: 26px 0 8px; }
.ps-pill { display: inline-block; background: #fff; border: 1.5px solid #E6E3EE; color: #14213D; font-weight: 700; font-size: 14px; padding: 8px 18px; border-radius: 999px; text-decoration: none; transition: all .2s ease; }
.ps-pill:hover { border-color: #8B5CF6; color: #6D28D9; transform: translateY(-1px); }
.ps-pill.active { background: linear-gradient(135deg,#6366F1,#8B5CF6); color: #fff; border-color: transparent; box-shadow: 0 8px 20px rgba(99,102,241,.32); }
/* --- Featured --- */
.ps-featured { display: flex; gap: 28px; align-items: center; background: #fff; border: 1px solid #E2E4F0; border-radius: 22px; padding: 22px; margin: 26px 0 10px; box-shadow: 0 2px 4px rgba(20,33,61,.04), 0 18px 44px rgba(20,33,61,.09); overflow: hidden; }
.ps-featured-img { flex: 0 0 46%; border-radius: 16px; overflow: hidden; }
.ps-featured-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.ps-featured:hover .ps-featured-img img { transform: scale(1.05); }
.ps-featured-body { flex: 1; padding-inline-end: 8px; }
.ps-featured-badges { display: flex; gap: 8px; margin-bottom: 12px; align-items: center; }
.ps-badge-new { background: #FFCD57; color: #14213D; font-size: 12px; font-weight: 800; padding: 4px 12px; border-radius: 999px; }
.ps-featured-title { font-size: 25px; font-weight: 800; color: #14213D; line-height: 1.5; margin: 0 0 10px; }
.ps-featured-title a { color: inherit; text-decoration: none; }
.ps-featured:hover .ps-featured-title { color: #6D28D9; }
.ps-featured-ex { color: #5B6275; line-height: 1.85; font-size: 15.5px; margin: 0 0 16px; }
.ps-readmore { color: #6D28D9; font-weight: 800; text-decoration: none; font-size: 15px; }
.ps-readmore:hover { text-decoration: underline; }
/* --- CTA band --- */
.ps-band { margin: 44px 0 60px; border-radius: 24px; padding: 44px 40px; text-align: center; position: relative; overflow: hidden; background: linear-gradient(135deg, #4F46E5 0%, #7C3AED 55%, #9333EA 100%); box-shadow: 0 24px 54px rgba(99,102,241,.35); }
.ps-band::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 15% 20%, rgba(255,255,255,.14), transparent 40%), radial-gradient(circle at 85% 90%, rgba(255,205,87,.18), transparent 45%); }
.ps-band > * { position: relative; }
.ps-band h2 { color: #fff; font-size: 30px; font-weight: 800; margin: 0 0 10px; }
.ps-band p { color: rgba(255,255,255,.88); font-size: 16.5px; margin: 0 0 24px; }
.ps-band-btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.ps-band-btn { display: inline-flex; align-items: center; gap: 8px; font-weight: 800; font-size: 15.5px; padding: 13px 30px; border-radius: 999px; text-decoration: none; transition: transform .2s, box-shadow .2s, filter .2s; }
.ps-band-btn-salla { background: #FFCD57; color: #14213D; box-shadow: 0 10px 26px rgba(0,0,0,.22); }
.ps-band-btn-zid { background: rgba(255,255,255,.14); color: #fff; border: 1.5px solid rgba(255,255,255,.55); backdrop-filter: blur(6px); }
.ps-band-btn:hover { transform: translateY(-2px); filter: brightness(1.06); }
/* --- Pagination --- */
.pagination .page-numbers, .ast-pagination .page-numbers { border-radius: 10px !important; border: 1px solid #E6E3EE !important; background: #fff; }
.pagination .page-numbers.current, .ast-pagination .page-numbers.current { background: linear-gradient(135deg,#6366F1,#8B5CF6) !important; color: #fff !important; border-color: transparent !important; }
/* --- Logo --- */
.ps-logo-img { height: 72px !important; width: auto !important; object-fit: contain; }
@media (max-width: 921px) { .ps-featured { flex-direction: column; } .ps-featured-img { flex-basis: auto; width: 100%; } .ps-hero-wrap h1 { font-size: 32px; } }