/*!
 Theme Name: Rubrum
 Theme URI:
 Author: Dev Team
 Author URI:
 Description: Rubrum is a blank canvas for your ideas and it makes the block editor your best brush.
 Requires at least: 6.6
 Tested up to: 7.0
 Requires PHP: 8.0
 Version: 7.0
 Text Domain: rubrum
*/


/** Add your custom styles here **/


#hero-video video{
	object-fit: none !important;
	transform: scale(1.8);
    transform-origin: center center;
    width: 100%;
}


/** Landing Page - Jesse **/

/* ---------- Tokens ---------- */
.page-jesse {
    --jb-font-display: "League Gothic", "Oswald", Impact, sans-serif;
    --jb-font-script: "Mansalva", "Permanent Marker", cursive;
    --jb-font-body: "Inter", system-ui, sans-serif;

    /* Fluid sizes: max = Figma value @1600px frame */
    --jb-size-display: clamp(3.5rem, 8vw, 8rem);        /* 128px  Display       */
    --jb-size-h1:      clamp(2.5rem, 4.5vw, 4.5rem);    /* 72px   H1 Header     */
    --jb-size-script:  clamp(2.25rem, 4vw, 4rem);       /* 64px   H2 Header     */
    --jb-size-h3:      clamp(1.75rem, 2.5vw, 2.5rem);   /* 40px   H3 Header     */

    font-family: var(--jb-font-body);
    font-weight: 700;
    line-height: 1.375; /* 22px / 16px */
}

.mark, mark {
    padding: unset !important;
}

/* Remove the default block gap between the full-width sections */
.page-jesse .wp-block-post-content > .alignfull,
.page-jesse .entry-content > .alignfull {
    margin-block: 0;
}

/* ---------- Headings (default h1/h2/h3 blocks) ---------- */
.page-jesse :is(h1, h2, h3, h4).wp-block-heading {
    font-family: var(--jb-font-display);
    font-weight: 400;
    font-variation-settings: "wdth" 100;
    line-height: 1;
    margin: 0;
    text-box: trim-both cap alphabetic; /* progressive: matches Figma's cap-height trim */
}

.page-jesse h1.wp-block-heading,
.page-jesse .jb-display.wp-block-heading {
    font-size: var(--jb-size-display);
    letter-spacing: 0.026em; /* 3.84px @128 */
    text-transform: uppercase;
}

.page-jesse h2.wp-block-heading {
    font-size: var(--jb-size-h1);
    letter-spacing: 0.026em; /* 2.16px @72 */
    text-transform: uppercase;
}

.page-jesse h3.wp-block-heading {
    font-size: var(--jb-size-h3);
    line-height: 1.2; /* 48px @40 */
    letter-spacing: 0.01em;
}

/* Re-apply display size after the h2 rule above (same specificity, later wins) */
.page-jesse h2.jb-display.wp-block-heading {
    font-size: var(--jb-size-display);
}

/* Footnote markers inside headings: 25.8px @40px */
.page-jesse .wp-block-heading sup {
    font-size: 0.645em;
    line-height: 0;
}

/* ---------- Script tagline (Mansalva "H2 Header") ---------- */
.page-jesse p.jb-script {
    font-family: var(--jb-font-script);
    font-size: var(--jb-size-script);
    font-weight: 400;
    line-height: 1;
    margin: 0;
    text-box: trim-both cap alphabetic;
}

.page-jesse .jb-shadow {
    text-shadow: 0 4px 15.8px #000;
}

/* ---------- Body copy & citations ---------- */
.page-jesse .jb-citations {
    margin: 0;
}
.page-jesse .jb-citations p {
    line-height: 22px;
    margin: 0;
}

/* ---------- Icons ---------- */
.page-jesse .jb-icon {
    flex-shrink: 0;
    margin: 0;
}
.page-jesse .jb-icon img {
    display: block;
}

/* ---------- Hero ---------- */
.page-jesse .jb-hero {
    min-height: clamp(340px, 47.94vw, 767px) !important; /* 767/1600 */
}

/* ---------- "Cash grab" section: texture in soft-light over Darker Blue ---------- */
.page-jesse .jb-cash {
    background-color: var(--wp--preset--color--darker-blue);
    isolation: isolate;
}

/* ---------- Footer: same template part, page-specific background ---------- */
.page-jesse footer.wp-block-template-part,
.page-jesse footer.wp-block-template-part > .wp-block-group {
    background-color: var(--wp--preset--color--footer-orange) !important;
}
.page-jesse footer p {
    font-family: Poppins, sans-serif !important;
    font-size: 12px !important;
    font-weight: 300 !important;
}

/* ---------- Small screens ---------- */
@media (max-width: 781px) {
    /* Let the hit rows wrap instead of overflowing */
    .page-jesse .jb-hit .is-nowrap {
        flex-wrap: wrap;
    }
    .page-jesse .jb-hit-text {
        padding-left: 0 !important;
    }
    .page-jesse .jb-icon img {
        width: 32px !important;
        height: auto !important;
    }
}