/*
Theme Name: FreeAIToolsBox Child
Theme URI: https://freeaitoolsbox.com/
Description: Child theme for FreeAIToolsBox based on Astra.
Author: Antigravity
Author URI: https://freeaitoolsbox.com/
Template: astra
Version: 1.0.4
Text Domain: freeaitoolsbox-child
*/

/* Nuke standard Astra, Yoast, and RankMath breadcrumbs to prevent double breadcrumbs */
.ast-breadcrumbs-wrapper,
.ast-breadcrumbs,
.rank-math-breadcrumb,
#rank-math-breadcrumb,
.yoast-breadcrumb,
#yoast-breadcrumb,
.breadcrumb-trail,
.breadcrumbs {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Custom Theme Selection Color */
::selection {
    background-color: #10b981 !important;
    color: #ffffff !important;
}
::-moz-selection {
    background-color: #10b981 !important;
    color: #ffffff !important;
}

/* Fix: Hide Astra's default archive description headers to avoid blank white areas */
.ast-archive-description,
.page-header.ast-archive-description,
.ast-archive-entry-banner,
.ast-single-entry-banner {
    display: none !important;
}

/* Fix: Remove Astra's default bottom padding on site-content so full-width blocks sit flush with footer */
.site-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Fix: Astra Default Link Hover Color (Purple Hue) */
a, a:hover, a:focus, .ast-single-post a:hover, .ast-archive-post a:hover, .ast-header-break-point .main-header-menu a:hover {
    transition: color 0.2s ease-in-out;
}
.site-content a:not(.button):not(.components-button):not(.wp-block-button__link):hover {
    color: #10b981;
}

/* Custom Pagination Styles */
.pagination-custom .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.pagination-custom .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.75rem;
    height: 2.75rem;
    padding: 0 0.75rem;
    border-radius: 0.75rem;
    background-color: #f8fafc;
    color: #475569;
    font-weight: 700;
    font-size: 0.875rem;
    border: 1px solid #e2e8f0;
    transition: all 0.2s ease;
    text-decoration: none;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.pagination-custom .page-numbers:hover:not(.current):not(.dots) {
    background-color: #10b981;
    color: #ffffff !important;
    border-color: #10b981;
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2), 0 2px 4px -1px rgba(16, 185, 129, 0.1);
}
.pagination-custom .page-numbers.current {
    background-color: #10b981;
    color: #ffffff;
    border-color: #10b981;
    box-shadow: 0 4px 6px -1px rgba(16, 185, 129, 0.2), 0 2px 4px -1px rgba(16, 185, 129, 0.1);
}
.pagination-custom .page-numbers.dots {
    background-color: transparent;
    border-color: transparent;
    color: #94a3b8;
    box-shadow: none;
}

/* Custom Dropdown Styling */
select.ai-sort-dropdown, 
.ai-filter-sidebar select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    appearance: none;
}

/* ===== Scroll To Top Button — Emerald Green Theme ===== */
#ast-scroll-top {
    background-color: #10b981 !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
    box-shadow: 0 4px 14px 0 rgba(16, 185, 129, 0.35) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}
#ast-scroll-top:hover {
    background-color: #059669 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px 0 rgba(5, 150, 105, 0.45) !important;
}
#ast-scroll-top .ast-icon.icon-arrow svg {
    margin: 0 !important;
    display: block !important;
    transform: translate(0, 0) rotate(180deg) !important;
}