/**
 * Estilos do Bloco Services Grid — Fortunna Lusitanos
 * @package FortunnaLusitanosBlocks
 */

/* Nav interna sticky */
.flb-services-nav {
    position:         sticky;
    top:              var(--fl-nav-h, 80px);
    z-index:          var(--fl-z-sticky, 200);
    background:       rgba(253, 252, 250, 0.97);
    backdrop-filter:  blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom:    1px solid var(--fl-linen, #EDE8DF);
    box-shadow:       0 1px 0 var(--fl-linen, #EDE8DF);
}

.flb-services-nav__inner {
    display:          flex;
    align-items:      center;
    gap:              0;
    overflow-x:       auto;
    scrollbar-width:  none;
    padding-block:    0;
    -webkit-overflow-scrolling: touch;
}

.flb-services-nav__inner::-webkit-scrollbar { display: none; }

.flb-services-nav__label {
    font-family:    var(--fl-font-heading, 'Cinzel', serif);
    font-size:      8.5px;
    font-weight:    400;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color:          var(--fl-stone, #B0A898);
    padding:        1.05rem 1.5rem 1.05rem 0;
    white-space:    nowrap;
    flex-shrink:    0;
    border-right:   1px solid var(--fl-linen, #EDE8DF);
    margin-right:   0.5rem;
}

.flb-services-nav__link {
    font-family:     var(--fl-font-heading, 'Cinzel', serif);
    font-size:       8.5px;
    font-weight:     400;
    letter-spacing:  0.22em;
    text-transform:  uppercase;
    color:           var(--fl-stone, #B0A898);
    padding:         1.05rem 1.25rem;
    white-space:     nowrap;
    text-decoration: none;
    display:         inline-block;
    position:        relative;
    transition:      color 0.3s;
    border-bottom:   2px solid transparent;
}

.flb-services-nav__link:hover,
.flb-services-nav__link.is-active {
    color:         var(--fl-noir, #141210);
    border-bottom-color: var(--fl-champagne, #D8CAAF);
}

/* Secção de serviço */
.flb-svc-section {
    padding-block:     var(--fl-gap-section, clamp(5rem,10vw,9rem));
    scroll-margin-top: calc(var(--fl-nav-h, 80px) + 52px);
}

.flb-svc-section__inner {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   clamp(4rem, 8vw, 9rem);
    align-items:           center;
}

.flb-svc-section__inner--reversed {
    direction: rtl;
}

.flb-svc-section__inner--reversed > * {
    direction: ltr;
}

/* Ícone */
.flb-svc-section__icon {
    font-size:     2.5rem;
    margin-bottom: 0.75rem;
    line-height:   1;
}

/* Título */
.flb-svc-section__title {
    font-family:    var(--fl-font-heading, 'Cinzel', serif);
    font-size:      clamp(1.8rem, 3vw, 2.6rem);
    font-weight:    700;
    color:          var(--fl-noir, #141210);
    letter-spacing: 0.04em;
    line-height:    1.08;
    margin-top:     0.65rem;
}

/* Corpo */
.flb-svc-section__body {
    margin-top: 1.25rem;
}

/* Imagem */
.flb-svc-section__image-wrap {
    position: relative;
}

.flb-svc-section__image {
    width:      100%;
    height:     480px;
    object-fit: cover;
    display:    block;
}

/* Placeholder */
.flb-svc-section__placeholder {
    width:           100%;
    height:          480px;
    background:      var(--fl-champagne-bg, #F5F1EA);
    display:         flex;
    align-items:     center;
    justify-content: center;
}

.flb-svc-section__placeholder-icon {
    font-size:   4rem;
    opacity:     0.35;
}

/* Responsive */
@media (max-width: 1100px) {
    .flb-svc-section__inner,
    .flb-svc-section__inner--reversed {
        grid-template-columns: 1fr;
        gap:       2.5rem;
        direction: ltr;
    }
    .flb-svc-section__inner--reversed > * { direction: ltr; }
    .flb-svc-section__image { height: 320px; }
    .flb-svc-section__placeholder { height: 320px; }
}

@media (max-width: 560px) {
    .flb-services-nav__label { display: none; }
    .flb-svc-section__image { height: 240px; }
}