/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.site-header {
	border-bottom: 1px solid #E5E7EB;
	padding: 12px 0;
	box-shadow: 0 2px 6px rgba(0,0,0,0.04);
	transition: all 0.3s ease;
}

/* MENU LINKS */
.main-navigation .main-nav ul li a {
    padding: 10px 18px;
    transition: all 0.25s ease;
}

/* Donate button */
.main-navigation .donate-btn a {
    background: #F59E0B;
    color: #ffffff !important;
    padding: 8px 16px !important;
    border-radius: 10px;
    font-weight: 600;
    line-height: 1.2 !important;
    display: inline-block;
    margin-left: 10px;
    transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

/* Hover effect */
.main-navigation .donate-btn a:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(245,158,11,0.35);
    background: #e69008;
}

/* Footer Background */
.site-footer{
    background: url("https://animals-in-distress.co.uk/wp-content/uploads/2026/03/pawprint-background-image-animals-in-distress.png")
                center top / 500px repeat;
    background-color:#0F172A;
    position:relative;
	background-blend-mode:soft-light;
}

.site-footer:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.25);
    z-index:0;
}

/* Keep footer content above overlay */
.site-footer > *,
.site-info > *{
    position:relative;
    z-index:1;
}

/* Copyright bar */
.site-info{
border-top:1px solid rgba(255,255,255,0.08);
padding:18px 0;
font-size:14px;
color:#9CA3AF;
background:#0F172A;
}

/* footer links */
.site-info a{
color:#9CA3AF;
text-decoration:none;
transition:0.2s;
}

.site-info a:hover{
color:#F59E0B;
}

/* TWB credit line */
.twb-credit{
display:block;
margin-top:6px;
font-size:0.85em;
opacity:0.85;
}


/* Category pages */
.category-hero{
    width:100vw;
    margin-left:calc(50% - 50vw);

    background:#E5E7EB;
    min-height:320px;
    position:relative;
    text-align:center;
    overflow:hidden;
}

/* PAW BACKGROUND */
.category-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("https://animals-in-distress.co.uk/wp-content/uploads/2026/03/pawprint-background-image-animals-in-distress.png") center/1000px repeat;
    opacity:0.04;
    pointer-events:none;
}

.category-hero .inside-container{
    position:relative;
    z-index:2;
    padding:120px 20px 140px;
}

.category-title{
    font-size:42px;
    color:#1e293b;
    margin-bottom:10px;
}

.category-description{
    font-size:18px;
    line-height:1.7;
    color:#475569;
    max-width:800px;
    margin:0 auto 30px;
}

.category .site-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

.category .content-area{
    margin-top:0 !important;
    padding-top:0 !important;
}

.category .site-main{
    margin-top:0 !important;
}

.category .site-main > *:first-child{
    margin-top:0 !important;
}

.category-hero{
    grid-column:1 / -1;
}

/* POST GRID */

.category .site-main{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;
    padding-bottom:80px;
}

.category article{
    position:relative;
    background:#ffffff;
    border-radius:16px;
    padding:50px 20px 20px;
    box-shadow:0 8px 24px rgba(0,0,0,0.06);
    transition:transform .25s ease, box-shadow .25s ease;
    display:flex;
    flex-direction:column;
    height:auto;
    overflow:hidden;
}

/* hover */
.category article:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,0.12);
}

.category .inside-article{
    padding:0;
    display:flex;
    flex-direction:column;
    height:100%;
}

.category .entry-summary{
    color:#475569;
    font-size:15px;
    line-height:1.6;
    margin-top:10px;
    flex-grow:0;
}

.category .post-image{
    position:relative;
    overflow:hidden;
    border-radius:14px;
    margin-bottom:15px;
}

.category .post-image img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:transform .3s ease;
}

/* image zoom on hover */
.category article:hover .post-image img{
    transform:scale(1.04);
}

.category .post-image::after{
    content:"Available";
    position:absolute;
    top:10px;
    left:10px;
    background:#16A34A;
    color:#fff;
    font-size:12px;
    font-weight:600;
    padding:6px 12px;
    border-radius:20px;
    z-index:2;
}

/* HOMED BADGE */
.category-previously-homed .post-image::after{
    content:"Homed";
    background:#64748b; /* grey */
}

.category-previously-homed article{
    opacity:0.9;
}

.category article h2{
    font-size:20px;
    line-height:1.4;
    margin-bottom:8px;
    color:#1e293b;
}

.category article a{
    color:#2563EB;
    text-decoration:none;
    font-weight:600;
}

.category article a:hover{
    color:#F59E0B;
}

.category .entry-meta{
    display:none;
}

.category .cat-links{
    margin-top:15px;
}

.category .cat-links a{
    font-size:13px;
    color:#64748b;
}

.category .cat-links a:hover{
    color:#2563EB;
}

.category .read-more{
    display:inline;
    margin-top:15px;
    font-weight:600;
    color:#2563EB;
}

.category .read-more::after{
    content:" →";
}

/* RESPONSIVE GRID */

@media (max-width:1100px){

    .category .site-main{
        grid-template-columns:repeat(2,1fr);
    }

}

@media (max-width:700px){

    .category .site-main{
        grid-template-columns:1fr;
    }

}


/* PAGINATION */

.category .paging-navigation{
    grid-column:1 / -1;
    display:flex;
    justify-content:center;
    margin-top:60px;
    margin-bottom:80px;
}

.category .nav-links{
    display:flex;
    gap:10px;
    align-items:center;
    justify-content:center;
}


/* PAGINATION BUTTONS */

.category .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin:0 6px;
    font-size:15px;
    font-weight:600;
    border-radius:50%;
    border:1px solid #e2e8f0;
    color:#334155;
    background:#ffffff;
    text-decoration:none;
    transition:all .2s ease;
}

.category a.page-numbers:hover{
    background:#2563eb;
    color:#ffffff;
    border-color:#2563eb;
    transform:translateY(-2px);
}

.category .page-numbers.current{
    background:linear-gradient(135deg,#2563eb,#1d4ed8);
    color:#fff;
    border-color:transparent;
}

.category .page-numbers.next,
.category .page-numbers.prev{
    width:auto;
    padding:0 16px;
    border-radius:20px;
}
.category .read-more-container{
    margin-top:auto;
}

@media (max-width:700px){

    .category .site-main{
        grid-template-columns:1fr;
        padding:0 15px 80px;
    }

}

/* Hamburger button */
.menu-toggle{
    background:transparent !important;
    box-shadow:none;
    padding:10px;
}

/* Hamburger icon (blue lines) */
.menu-toggle .gp-icon{
    color:#2563eb;
    font-size:22px;
}


/* MOBILE DROPDOWN */
@media (max-width:768px){

    .main-navigation.toggled{
        background:#ffffff !important;
    }

    .main-navigation.toggled .main-nav ul{
        background:#ffffff !important;
    }

}