/**
 * Component Styles: Social Share, Author Box, Related Posts, etc.
 * Loaded via functions.php as part of the main stylesheet bundle.
 *
 * @package AamirSEOTools
 */

/* ── Social Share ───────────────────────────────────────────────────────────── */
.ast-social-share {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin: 2rem 0;
    padding: 1.25rem 1.5rem;
    background: var(--ast-bg-secondary);
    border-radius: var(--ast-border-radius);
    border: 1px solid var(--ast-border-color);
}
.ast-share-label { font-weight: 700; font-size: 0.875rem; color: var(--ast-heading-color); }
.ast-share-buttons { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: center; }
.ast-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--share-color, #6B7280);
    color: #fff;
    border: none;
    cursor: pointer;
    justify-content: center;
    font-size: 0.8rem;
    text-decoration: none;
    transition: opacity 0.2s, transform 0.2s;
}
.ast-share-btn:hover { opacity: 0.85; transform: translateY(-2px); text-decoration: none; color: #fff; }
.ast-share-copy { width: auto; padding: 0 0.75rem; border-radius: 999px; font-size: 0.75rem; font-weight: 600; }
.ast-share-copy span { font-size: 0.75rem; }

/* ── Author Box ─────────────────────────────────────────────────────────────── */
.ast-author-box {
    display: flex;
    gap: 1.25rem;
    padding: 1.5rem;
    background: var(--ast-bg-secondary);
    border: 1px solid var(--ast-border-color);
    border-radius: calc(var(--ast-border-radius) * 1.5);
    margin: 2.5rem 0;
    align-items: flex-start;
}
.ast-author-avatar-wrap img,
.ast-author-avatar-wrap .ast-author-avatar { border-radius: 50%; width: 80px; height: 80px; flex-shrink: 0; object-fit: cover; }
.ast-author-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ast-text-light); }
.ast-author-info h4 { margin: 0.25rem 0 0.5rem; font-size: 1rem; }
.ast-author-info p { font-size: 0.9rem; color: var(--ast-text-light); margin-bottom: 0.5rem; }
.ast-author-links { display: flex; gap: 0.75rem; }
.ast-author-links a { font-size: 0.8rem; color: var(--ast-primary-color); }

/* ── Related Posts ──────────────────────────────────────────────────────────── */
.ast-related-posts { margin: 3rem 0; }
.ast-related-title { margin-bottom: 1.5rem; font-size: 1.25rem; padding-bottom: 0.75rem; border-bottom: 2px solid var(--ast-border-color); }

/* ── HTML Sitemap ───────────────────────────────────────────────────────────── */
.ast-html-sitemap h3 { margin: 1.5rem 0 0.5rem; color: var(--ast-heading-color); }
.ast-html-sitemap ul { list-style: disc; padding-left: 1.25rem; }
.ast-html-sitemap li { margin-bottom: 0.35rem; font-size: 0.9rem; }

/* ── Gutenberg Wide/Full alignment ──────────────────────────────────────────── */
.ast-entry-content .alignwide { margin-left: -3rem; margin-right: -3rem; }
.ast-entry-content .alignfull { margin-left: -1.5rem; margin-right: -1.5rem; width: calc(100% + 3rem); max-width: none; }

/* ── WooCommerce integration ─────────────────────────────────────────────────  */
.woocommerce .ast-entry-content { margin: 0; }
.woocommerce ul.products li.product { font-family: var(--ast-font-family); }
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background: var(--ast-primary-color) !important;
    color: #fff !important;
    border-radius: var(--ast-border-radius) !important;
    font-weight: 600 !important;
    padding: .6rem 1.25rem !important;
    border: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background: var(--ast-secondary-color) !important;
}

/* ── Tool Archive grid override ───────────────────────────────────────────────  */
.post-type-archive-seo_tool .ast-content-area { flex: 1 1 100%; }
.post-type-archive-seo_tool .ast-posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
}

/* ── Admin Options page social share styles ────────────────────────────────── */
.ast-share-btn i { font-size: 14px; }