/**** GLOBAL CSS ****/

/*** Cat Grid ***/

.cats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    padding: 20px;
}

/*** Cat Card ***/

.cat-card {
    text-align: center;
    padding: 24px;
    border-radius: 12px;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* cat card hover */
.cat-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

/* cat card image */
.cat-card img.cat-photo {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

/* cat card name */
.cat-name {
    font-family: 'Libre Baskerville', serif;
    font-weight: bold;
    font-size: 2rem;
    margin-top: 10px;
    color: #54348b;
}

/* cat card details */
.cat-location, 
.cat-breed, 
.cat-age, 
.cat-gender,
.cat-special-needs,
.cat-temperament,
.cat-veterinary-cost,
.cat-special-needs,
.cat-medical-treatment {
   font-family: 'Poppins', sans;
   font-size: 1rem;
   text-align: left;
   margin: 5px 0;
}

/* cat card icons */
.cat-card p img.icon-age,
.cat-card p img.icon-breed,
.cat-card p img.icon-gender,
.cat-card p img.icon-location {
    width: 24px !important;
    height: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

/* cat card btn */
.more-info-button {
   display: inline-block;
   padding: 12px 32px;
   background-color: #54348b;
   color: white;
   font-size: 1rem;
   font-weight: bold;
   font-family: 'Poppins', sans;
   text-decoration: none;
   border-radius: 4px;
   margin-top: 24px;
}

/* cat card btn hover */
.more-info-button:hover {
	  background-color: #e56cdd;
      color: #ffffff;
}

/* Icons */

/* icons style */
.icon-location,
.icon-age,
.icon-breed,
.icon-gender,
.icon-surgery,
.icon-color,
.icon-pattern,
.icon-temperament,
.icon-good-with-kids,
.icon-good-with-dogs,
.icon-good-with-cats,
.icon-special-needs,
.icon-forever-friends,
.icon-medical-treatment,
.icon-veterinary-cost,
.icon-bio,
.icon-edit {
    width: 32px !important;
    height: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
	border-radius: 0 !important;
}

/*** Pagination ***/

/* pagination container */
.cat-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

/* arrows (prev/next) */
.cat-pagination .prev,
.cat-pagination .next {
    padding: 10px;
    font-size: 24px;
    margin: 0 10px;
    text-decoration: none;
    border: none;
    font-weight: bold;
}

/* pagination numbers */
.cat-pagination a.cat-page-link {
    background-color: #54348b;
    color: #ffffff;
    padding: 10px 20px;
    margin: 20px 4px 5px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 20px;
	margin-bottom: 80px;
    font-family: 'Lora', serif;
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* active page */
.cat-pagination a.cat-page-link.active {
    background-color: #23002b;
    color: #ffffff;
}


/*** MEDIA QUERIES ***/

/* tablet */
@media (max-width: 1024px) {
    .cats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* mobile */
@media (max-width: 640px) {
    .cats-grid {
        grid-template-columns: 1fr;
    }
	
	 .cat-name {
        font-size: 1.6rem;
    }
	
    .cat-location,
    .cat-breed, 
	.cat-age, 
	.cat-gender {
        font-size: 1rem;
    }
	
    .icon-location,
    .icon-age,
    .icon-breed,
    .icon-gender,
    .icon-surgery,
    .icon-color,
    .icon-pattern,
    .icon-temperament,
    .icon-good-with-kids,
    .icon-good-with-dogs,
    .icon-good-with-cats,
    .icon-special-needs,
    .icon-forever-friends,
    .icon-medical-treatment,
    .icon-veterinary-cost,
    .icon-bio,
    .icon-edit {
        width: 24px !important;
    }
}