/* =====================================================================
   SECTION LIBRARY - SHARED LAYOUT
   Every section needs this file. On a client site, paste it into the
   child theme's style.css first, then each section's own CSS.
   ===================================================================== */

/* Inner: centres content at 1400px wide */
.lf-inner{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:1em;padding-right:1em;}

/* Intro paragraph under a main title */
.lf-intro{font-size:1.5rem;}

/* Split: two columns, content centred in each */
.lf-split>.wp-block-column{display:flex;flex-direction:column;justify-content:center;align-items:center;}

/* Cards: buttons always sit at the bottom of each card */
.lf-cards>.wp-block-column{display:flex;flex-direction:column;}
.lf-cards>.wp-block-column>.wp-block-buttons{margin-top:auto;}
.lf-cards-centred{justify-content:center;}

/* Card pairs: two sets of two cards (Standard 6) */
.lf-pairs>.wp-block-column{display:flex;}
.lf-pairs>.wp-block-column>.wp-block-columns{flex:1;}

/* Wide split: full width, cover image one side, text the other */
.lf-wide-split>.wp-block-column{width:50%;display:flex;flex-direction:column;justify-content:center;}
.lf-wide-split .wp-block-cover{min-height:100vh;}
.lf-wide-split__text{max-width:600px;padding-left:1em;padding-right:1em;}
.lf-wide-split>.wp-block-column:first-child>.lf-wide-split__text{margin-left:auto;}
.lf-wide-split>.wp-block-column:last-child>.lf-wide-split__text{margin-right:auto;}

/* Parallax: the image moves slower than the page (needs parallax.js) */
.lf-parallax{position:relative;overflow:hidden;min-height:100vh;}
.lf-parallax img.wp-block-cover__image-background{position:absolute!important;top:0;left:0;width:100%;height:120%!important;object-fit:cover;object-position:center;pointer-events:none;}
.lf-parallax__box{background:var(--wp--preset--color--dark,#111);padding:2.5em;}

/* Stacked layouts - tablet and down */
@media only screen and (max-width:1024px){
.lf-mobile-first{order:-1;}
.lf-wide-split{flex-direction:column;flex-wrap:nowrap!important;}
.lf-wide-split>.wp-block-column{width:100%;}
.lf-wide-split__text{max-width:100%;}
}