/*
Theme Name: Architecturer Child
Theme URI: http://themes.themegoods.com/architecturer/dem
Description: Premium Architecture & Interior Design WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: architecturer
Template: architecturer
*/

/* ─── Posizionamento base del figcaption ─── */
.portfolio_masonry_grid_wrapper figcaption {
    position: relative;
}

/* ─── Border ::before (equivalente a .border.one) ─── */
.portfolio_masonry_grid_wrapper figcaption::before {
    content: "";
    display: block;
    position: absolute;
    left: -6px;
    top: -6px;
    right: 6px;
    bottom: 6px;
    border: 1px solid #000000;
    pointer-events: none;
    box-sizing: border-box;
}

/* ─── Border ::after (equivalente a .border.two) ─── */
.portfolio_masonry_grid_wrapper figcaption::after {
    content: "";
    display: block;
    position: absolute;
    left: 6px;
    top: 6px;
    right: -6px;
    bottom: -6px;
    border: 1px solid #000000;
    pointer-events: none;
    box-sizing: border-box;
}

.portfolio_masonry_grid_wrapper {
    position: relative;
    min-height: 30px; /* altezza minima quando manca l'immagine */
}

.portfolio_filter_wrapper {
    margin-bottom: 80px !important;
}


.portfolio_masonry_grid_wrapper > a {
    position: absolute;
    inset: 0; /* top/right/bottom/left: 0 */
    z-index: 10;
    display: block;
}

/* ─── Transizione fluida sui bordi ─── */
.portfolio_masonry_grid_wrapper .border.one,
.portfolio_masonry_grid_wrapper .border.two {
    transition: all 0.4s ease;
}

/* ─── Hover: i bordi si avvicinano al centro ─── */
.portfolio_masonry_grid_wrapper:hover .border.one {
    left: -3px;
    top: -3px;
    right: 3px;
    bottom: 3px;
}

.portfolio_masonry_grid_wrapper:hover .border.two {
    left: 3px;
    top: 3px;
    right: -3px;
    bottom: -3px;
}

/* ─── Cursore pointer per segnalare la cliccabilità ─── */
.portfolio_masonry_grid_wrapper {
    cursor: pointer;
}



/* Nasconde "Dettagli" quando l'input sold ha value="1" */
.portfolio_masonry_content:has(input[name="sold"][value="1"]) .portfolio_masonry_subtitle {
    visibility: hidden;
    position: relative;
}

/* Mostra "VENDUTO" al suo posto */
.portfolio_masonry_content:has(input[name="sold"][value="1"]) .portfolio_masonry_subtitle::after {
    content: "VENDUTO";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #c0392b;       /* colore rosso */
    font-weight: bold;
    letter-spacing: 2px;
}