/* Fortune Premio: intentionally isolated to Premio pages only. */
/*
 * Font files are intentionally not bundled. The existing Fortune theme already
 * declares Nordique font families; safe system fallbacks are used otherwise.
 */
/* =========================================================
   Fortune Premio Fonts
   Isolated from the parent theme
   ========================================================= */

@font-face {
    font-family: 'FortunePremioNordique';
    src: url('../fonts/NordiquePro-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FortunePremioNordique';
    src: url('../fonts/NordiquePro-Semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FortunePremioNordique';
    src: url('../fonts/NordiquePro-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FortunePremioMinion';
    src: url('../fonts/MinionVariableConcept-Roman.woff2') format('woff2');
    font-weight: 400 700;
    font-style: normal;
    font-display: swap;
}
body.fortune-premio-context {
    --ffp-font-regular: 'FortunePremioNordique', Arial, sans-serif;
    --ffp-font-semibold: 'FortunePremioNordique', Arial, sans-serif;
    --ffp-font-bold: 'FortunePremioNordique', Arial, sans-serif;
    --ffp-font-serif: 'FortunePremioMinion', Georgia, 'Times New Roman', serif;
    --ffp-font-content: 'FortunePremioNordique', Arial, sans-serif;
}

/*
 * Shared Premio palette. These are safe fallbacks; PHP injects the current
 * taxonomy/product values as CSS custom properties on Premio requests only.
 */
body.fortune-premio-context{
  --ffp-page-bg:#f1e3d0;
  --ffp-header-footer-bg:#f1e3d0;
  --ffp-header-footer-text:#111111;
  --ffp-footer-curve:#0f3a25;
  --ffp-footer-curve-text:#ffffff;
  --ffp-heading:#42210b;
  --ffp-body-text:#4b4b4c;
  --ffp-primary:#13331f;
  --ffp-secondary:#222120;
  --ffp-accent:#536c22;
  --ffp-contrast-text:#fff8e9;
  --ffp-cta-bg:#f44c08;
  --ffp-cta-text:#ffffff;
  --ffp-divider:#d6c5ae;
}
body.fortune-premio-context .mainLogo{
    background-color: transparent;
}
body.fortune-premio-context .headerCont:after{content:unset;}
/* Existing Fortune header/footer markup is reused; only colors change in Premio context. */
body.fortune-premio-context .headerCont,
body.fortune-premio-context .headerCont.sticky,
body.fortune-premio-context .headerInrCont{background:var(--ffp-header-footer-bg)!important}
body.fortune-premio-context .headerCont a,
body.fortune-premio-context .headerCont .menu-item > a,
body.fortune-premio-context .headerInrCont a{color:var(--ffp-header-footer-text)!important}
body.fortune-premio-context .footerCont{background:var(--ffp-header-footer-bg)!important;color:var(--ffp-header-footer-text)!important}
body.fortune-premio-context .footerCont a,
body.fortune-premio-context .footerCont p,
body.fortune-premio-context .footerCont li,
body.fortune-premio-context .footerCont h1,
body.fortune-premio-context .footerCont h2,
body.fortune-premio-context .footerCont h3,
body.fortune-premio-context .footerCont h4,
body.fortune-premio-context .footerCont h5,
body.fortune-premio-context .footerCont h6{color:var(--ffp-header-footer-text)!important}
body.fortune-premio-context .footer-bottom{background:var(--ffp-footer-curve)!important;border-top-color:var(--ffp-footer-curve)!important;color:var(--ffp-footer-curve-text)!important}
body.fortune-premio-context .footer-bottom::after{box-shadow:0 50px 0 0 var(--ffp-footer-curve)!important}
body.fortune-premio-context .footer-bottom a,
body.fortune-premio-context .footer-bottom p,
body.fortune-premio-context .footer-bottom i,
body.fortune-premio-context .footer-bottom span{color:var(--ffp-footer-curve-text)!important}
body.fortune-premio-context .footer-bottom svg{fill:currentColor;color:var(--ffp-footer-curve-text)!important}

body.fortune-premio-context .ffp-site{width:100%;max-width:none;margin:0;padding:0;isolation:isolate}
body.fortune-premio-context .ffp-site,
body.fortune-premio-context .ffp-site *{box-sizing:border-box}
body.fortune-premio-context .ffp-site img{max-width:100%}

/* Local Bootstrap-compatible grid subset so the Premio archive does not depend on another Bootstrap version. */
body.fortune-premio-context .ffp-site .container{width:100%;max-width:1320px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
body.fortune-premio-context .ffp-site .row{display:flex;flex-wrap:wrap;margin-left:-7.5px;margin-right:-7.5px}
body.fortune-premio-context .ffp-site [class*="col-"]{position:relative;width:100%;padding-left:7.5px;padding-right:7.5px}
body.fortune-premio-context .ffp-site .col-6{flex:0 0 50%;max-width:50%}
body.fortune-premio-context .ffp-site .justify-content-center{justify-content:center}
body.fortune-premio-context .ffp-site .align-items-center{align-items:center}
body.fortune-premio-context .ffp-site .text-center{text-align:center}
@media(min-width:576px){
 body.fortune-premio-context .ffp-site .col-sm-3{flex:0 0 25%;max-width:25%}
 body.fortune-premio-context .ffp-site .col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}
 body.fortune-premio-context .ffp-site .col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}
 body.fortune-premio-context .ffp-site .col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}
}
/* Keep WordPress admin-bar layering intact. */
body.admin-bar.fortune-premio-context .ffp-site{position:relative}

body.fortune-premio-context .ffp-site{--ffp-safe-font:var(--ffp-font-regular)}
body.fortune-premio-context .ffp-site .ffp-setup-note{max-width:900px;margin:40px auto;padding:18px 22px;background:#fff7e8;border:1px solid #d8bf97;color:#3d2b1f;font:16px/1.5 Arial,sans-serif;border-radius:8px}
body.fortune-premio-context .ffp-site .ffp-story-copy p{margin-top:calc(15 * var(--u));}

/* Default Premio content font */
body.fortune-premio-context .ffp-site,
body.fortune-premio-context .ffp-site * {
    font-family: var(--ffp-font-content) !important;
}


/* Regular */
body.fortune-premio-context .ffp-site .ftNordique {
    font-family: var(--ffp-font-content) !important;
    font-weight: 400 !important;
}


/* Semi-bold */
body.fortune-premio-context .ffp-site .ftNordiquesemibold {
    font-family: var(--ffp-font-content) !important;
    font-weight: 600 !important;
}


/* Bold */
body.fortune-premio-context .ffp-site .ftNordiquebold {
    font-family: var(--ffp-font-content) !important;
    font-weight: 700 !important;
}


/* Standard bold text */
body.fortune-premio-context .ffp-site strong,
body.fortune-premio-context .ffp-site b {
    font-family: var(--ffp-font-content) !important;
    font-weight: 700 !important;
}


/* Buttons */
body.fortune-premio-context .ffp-site button,
body.fortune-premio-context .ffp-site .btn,
body.fortune-premio-context .ffp-site input,
body.fortune-premio-context .ffp-site select,
body.fortune-premio-context .ffp-site textarea {
    font-family: var(--ffp-font-content) !important;
}

/* All semantic headings use the Premio Minion family. Keep descendants such as
   spans/strong tags in the same heading family without changing size/weight/layout. */
body.fortune-premio-context .ffp-site h1,
body.fortune-premio-context .ffp-site h2,
body.fortune-premio-context .ffp-site h3,
body.fortune-premio-context .ffp-site h4,
body.fortune-premio-context .ffp-site h5,
body.fortune-premio-context .ffp-site h6,
body.fortune-premio-context .ffp-site h1 *,
body.fortune-premio-context .ffp-site h2 *,
body.fortune-premio-context .ffp-site h3 *,
body.fortune-premio-context .ffp-site h4 *,
body.fortune-premio-context .ffp-site h5 *,
body.fortune-premio-context .ffp-site h6 * {
    font-family: var(--ffp-font-serif) !important;
}
