/*
 Theme Name:   Creatures Lite Child
 Theme URI:    https://webhamster.jjoao.com
 Description:  Child Theme baseado no Creatures Lite Child. Permite personalizações sem perder alterações nas atualizações do tema pai.
 Author:       jjoao
 Author URI:   https://jjoao.com
 Template:     creatures-lite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  creatures-lite-child
*/


body {
    font-family: 'Montserrat', sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

/* Substitui a fonte do tema principal*/
.search-submit,
.submit,
.search-field{
    font-family: 'Montserrat', sans-serif !important;
}

.search-field {
    width: 58% !important;
}

.search-submit {
    width: 40% !important;
}

.blog-post p {
    margin-bottom:20px;
}

section {
    max-width: 1000px;
    margin: 20px auto 20px auto;
    padding: 10px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

ul {
    padding-left: 20px;
}

ul li {
    margin-bottom: 8px;
}

.post-tags {
    display: inline;
    font-size:0.8em;
}

/* Galeria WordPress dinâmica - respeita columns do shortcode */
.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-start;
}

.gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px; /* Opcional */
    margin-bottom: 10px;
}

/* Larguras automáticas conforme columns */
.gallery.columns-1 .gallery-item { width: 100%; }
.gallery.columns-2 .gallery-item { width: calc(50% - 10px); }
.gallery.columns-3 .gallery-item { width: calc(33.333% - 10px); }
.gallery.columns-4 .gallery-item { width: calc(25% - 10px); }
.gallery.columns-5 .gallery-item { width: calc(20% - 10px); }
.gallery.columns-6 .gallery-item { width: calc(16.666% - 10px); }

/* Responsivo */
@media (max-width: 992px) {
    .gallery-item { width: calc(50% - 10px); } /* tablets */
}
@media (max-width: 576px) {
    .gallery-item { width: 100%; } /* mobile */
}