/*!
Theme Name: De la nació catalana
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
body
{
    text-wrap: pretty;
}

/* wpml */
.header-html .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0;
}

.wpml-ls-item {
    position: relative;
    
}

.wpml-ls-item .wpml-ls-link {
    padding-left: calc(2em / 2);
    padding-right: calc(2em / 2);
    padding-top: 0.6em;
    padding-bottom: 0.6em;
}

.wpml-ls-item.wpml-ls-current-language:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 2px;
    right: 50%;
    background: var(--global-palette1);
    -webkit-transform: scale(0, 0) translate(-50%, 0);
    transform: scale(0, 0) translate(-50%, 0);
    transition: color .0s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out;
    transition: transform .2s ease-in-out, color .0s ease-in-out, -webkit-transform .2s ease-in-out;

    width: calc(100% - 2em);
    transform: scale(1, 1) translate(50%, 0);
}

.transparent-header .wpml-ls-item.wpml-ls-current-language:after {
   background: var(--global-palette9); 
}

.wpml-ls-item.wpml-ls-current-language .wpml-ls-link {
    color: var(--global-palette2);
}

/* Si posem el shortcode dins del menú mobile, sinó esborrar o no actua */
#mobile-drawer .wpml-ls-item.wpml-ls-current-language:after,
#mobile-drawer .mobile-html .wpml-ls-item.wpml-ls-current-language .wpml-ls-link {
    color: var(--global-palette9);
}

/* header mobile */
.drawer-content .site-header-item
{
    overflow-y: auto;
    max-width: 90vh;
}

.mobile-navigation
{
    max-height: 100%;
}

/* forms */
.kb-adv-form-message.kb-adv-form-warning
{
    padding: 0.1em 1em;
}

/* media */
@media (max-width: 1024px)
{
    #block-8 figure
    {
        margin: 0 auto;
    }
}

/* text */
.single-entry .single-content p
{
    margin-bottom: 1rem;
}

.text-stroke
{
    text-shadow:
        -1.5px -1.5px 0 #fff,
        1.5px -1.5px 0 #fff,
        -1.5px 1.5px 0 #fff,
        1.5px 1.5px 0 #fff;
    color: #000;
}

/* dades_basiques */
.dades-basiques-grid
{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}

.dades-basiques-col
{
    flex: 0 0 20%;
    padding: 10px;
    border: 1px solid var(--global-palette4);
    border-radius: 10px;

    text-align: center;
}

.dades-basiques-col p
{
    margin: 0 !important;
}

.dades-basiques-title
{
    font-weight: bold;
}

/* fills i filles */

.descendencia-perros-container
{
    display: flex;
    flex-direction: column;
}

.descendencia-perro
{
    margin-bottom: 30px;
    border-bottom: 1px solid var(--global-palette3);
    padding-bottom: 30px;
}

.descendencia-perros-fila
{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.descendencia-perros-imagen
{
    width: calc(100% / 3);
}

.descendencia-perros-imagen img
{
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.descendencia-perros-detalles
{
    width: calc(100% - (100% / 3));
    padding: 40px;

    display: flex;
    gap: 40px;
    align-items: center;
}

.descendencia-perros-title
{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 5px !important;

}

.descendencia-perros-enlace,
.descendencia-perros-contenido
{
    width: 100%;
}

.descendencia-perros-galeria-container
{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: masonry;
    gap: 1px;

}

.descendencia-perros-galeria-imagen
{}

.descendencia-perros-galeria-imagen img
{
    width: 100%;
    height: auto;

    aspect-ratio: 1 / 1;
    object-fit: contain;

    background-color: #f6f6f6;
    border-radius: 10px;
    padding: 5px;
}

@media (max-width: 1024px)
{
    .descendencia-perros-container
    {
        flex-direction: column;
    }

    .descendencia-perros-imagen
    {
        width: calc(100% / 2);
    }

    .descendencia-perros-detalles
    {
        width: calc(100% - (100% / 2));
        gap: 20px;
        flex-direction: column;
    }

    .descendencia-perros-galeria-container
    {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px)
{
    .dades-basiques-col
    {
        flex: 0 0 46%;
    }

    .descendencia-perros-imagen
    {
        width: 100%;
    }

    .descendencia-perros-fila
    {
        flex-direction: column;
    }

    .descendencia-perros-detalles
    {
        width: 100%;
        padding: 20px;
    }

    .descendencia-perros-galeria-container
    {
        grid-template-columns: repeat(1, 1fr);
    }

    .pedigree-row .wp-block-kadence-dynamichtml {
        overflow-x: auto;
    }
}


/* pedigree */
.pedigree-table table
{
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1rem;
}

.pedigree-table th,
.pedigree-table td
{
    border: 1px solid #000;
    padding: 0.5rem;
    text-align: center;
}

/* buttons */

.descendencia-perros-button,
.pedigree-row a
{
    text-decoration: none;

    background: var(--global-palette-btn-bg);
    color: var(--global-palette-btn);
    border-radius: 3px;

    z-index: 1;
    position: relative;
    overflow: hidden;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;

    font-style: normal;
    text-transform: uppercase;
    padding: 8px 40px 8px 40px;

    transition: all 0.2s ease;
}

.descendencia-perros-button:hover,
.pedigree-row a:hover
{
    color: var(--global-palette-btn-hover);
    background: var(--global-palette-btn-bg-hover);
    box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1);
}