/* =====================================================================
   EURABELT FUELS — GLOBAL FRANCHISE PORTAL
   Corporate presentation layer (10 November 2026)
   The seal of the Eurabelt Custodial Order, the estate's navy and gold,
   Cormorant Garamond headings and justified body text.
   This file changes appearance only: no page text is altered.
   ===================================================================== */

:root{
  --oc-vault:#061730;
  --oc-deep:#0a2142;
  --oc-navy:#0e2a4f;
  --oc-gold:#c9a227;
  --oc-gold-light:#e2c35a;
  --oc-gold-pale:rgba(201,162,39,.14);
  --oc-paper:#f7f5f0;
  --oc-line:#e4ded1;
  --oc-ink:#1c2433;
  --oc-muted:#566174;
  --oc-ornament:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='12' viewBox='0 0 140 12'%3E%3Cpath d='M0 6h56M84 6h56' stroke='%23c9a227' stroke-width='1.2'/%3E%3Cpath d='M70 0l6 6-6 6-6-6z' fill='%23c9a227'/%3E%3Cpath d='M58 6l3-3 3 3-3 3z M76 6l3-3 3 3-3 3z' fill='%23c9a227' opacity='.6'/%3E%3C/svg%3E");

  /* the site's own variables, aligned to the estate */
  --navy-deep:var(--oc-vault);
  --navy-mid:var(--oc-deep);
  --navy-light:var(--oc-navy);
  --gold-primary:var(--oc-gold);
  --gold-light:var(--oc-gold-light);
  --border-radius:0;
}

/* ---------- Typography ---------- */
body{font-family:'Montserrat','Segoe UI',Arial,sans-serif;color:var(--oc-ink);background:#fff;font-size:15.5px;line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:600;letter-spacing:.005em;color:var(--oc-vault)}
p{color:var(--oc-ink)}
strong{color:var(--oc-vault);font-weight:600}

/* Body text set justified, as in the estate's printed pieces */
.section p,.card p{text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.section li{text-align:left}
.text-center p,.text-center li,.card.text-center p,.hero p,.eoi-container p{text-align:center;-webkit-hyphens:manual;hyphens:manual}

/* ---------- Header ---------- */
.header{position:sticky;top:0;z-index:100;background:linear-gradient(180deg,var(--oc-vault) 0%,#08203f 100%);padding:0;border-bottom:1px solid rgba(201,162,39,.55);box-shadow:0 10px 30px -12px rgba(0,0,0,.55)}
.header::before{content:"";display:block;height:3px;background:linear-gradient(90deg,transparent 0%,var(--oc-gold) 18%,var(--oc-gold-light) 50%,var(--oc-gold) 82%,transparent 100%)}
.header-container{padding-top:14px;padding-bottom:14px}
.logo{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}
.logo .logo-seal{width:56px;height:56px;flex:0 0 auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}
.logo .logo-words{display:inline-block;line-height:1.05;font-size:1.6rem;max-width:none;white-space:nowrap}
.logo .logo-words strong{color:#fff;font-weight:600}
.logo .logo-words>span{color:var(--oc-gold-light)}
.logo .logo-words small{display:block;margin-top:5px;padding-top:5px;border-top:1px solid rgba(201,162,39,.45);font:600 .6rem/1.3 'Montserrat',sans-serif;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.62)}

.nav-menu{gap:.35rem;align-items:center}
.nav-menu a{font-family:'Montserrat',sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.8);background:none!important;border-radius:0;padding:.65rem .95rem;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav-menu a:hover,.nav-menu a.active{color:var(--oc-gold-light);border-bottom-color:var(--oc-gold)}
.nav-menu li:last-child a{border:1px solid rgba(201,162,39,.7);margin-left:.6rem;padding:.6rem 1.2rem;color:#fff}
.nav-menu li:last-child a:hover,.nav-menu li:last-child a.active{background:var(--oc-gold)!important;color:var(--oc-vault);border-color:var(--oc-gold)}

/* ---------- Hero and page bands ---------- */
.hero,section[style*="navy-deep"]{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(ellipse 60% 80% at 82% 45%,rgba(201,162,39,.13) 0%,transparent 60%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.018) 0 1px,transparent 1px 14px),
    linear-gradient(160deg,var(--oc-vault) 0%,var(--oc-deep) 55%,var(--oc-navy) 100%)!important;
  border-bottom:1px solid rgba(201,162,39,.45)}
.hero::before,section[style*="navy-deep"]::before{content:"";position:absolute;right:-110px;top:50%;width:560px;height:560px;transform:translateY(-50%);background:url(/assets/images/seal-512.png) center/contain no-repeat;opacity:.08;pointer-events:none}
.hero::after,section[style*="navy-deep"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(226,195,90,.8),transparent)}
.hero{padding:6.5rem 0 6rem}
.hero[style],section[style*="navy-deep"]{padding:5rem 0 4.5rem!important}
.hero-container,.hero .container,section[style*="navy-deep"] .container{position:relative;z-index:1}
.hero h1,section[style*="navy-deep"] h1{color:#fff;font-size:clamp(2.4rem,4.4vw,3.7rem);line-height:1.1;font-weight:600;max-width:920px;margin:0 auto}
.hero h1::after,section[style*="navy-deep"] h1::after{content:"";display:block;width:140px;height:12px;margin:1.5rem auto 1.4rem;background:var(--oc-ornament) center/contain no-repeat}
.hero p,section[style*="navy-deep"] p{color:rgba(255,255,255,.84)!important;font-size:1.12rem;max-width:760px;margin:0 auto 2.2rem;letter-spacing:.01em}
section[style*="navy-deep"] p{margin-bottom:0;margin-top:0!important;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem!important;font-style:italic}
.hero[style] p{margin-bottom:0;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;font-style:italic}
section[style*="navy-deep"] h1,section[style*="navy-deep"] h2,section[style*="navy-deep"] h3{color:#fff}

/* ---------- Buttons ---------- */
.btn{border-radius:0;font-family:'Montserrat',sans-serif;font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:1rem 2.1rem;margin:.3rem;transition:all .2s ease;box-shadow:none}
.btn-lg{padding:1.1rem 2.4rem;font-size:.78rem}
.btn-warning{background:linear-gradient(180deg,var(--oc-gold-light) 0%,var(--oc-gold) 100%);color:var(--oc-vault);border:1px solid var(--oc-gold)}
.btn-warning:hover{background:var(--oc-gold);color:var(--oc-vault);box-shadow:0 10px 24px -10px rgba(201,162,39,.7);transform:translateY(-1px)}
.btn-primary{background:var(--oc-vault);color:#fff;border:1px solid var(--oc-vault)}
.btn-primary:hover{background:var(--oc-deep);color:var(--oc-gold-light);border-color:var(--oc-gold)}
.btn-secondary{background:transparent;color:var(--oc-vault);border:1px solid var(--oc-vault)}
.btn-secondary:hover{background:var(--oc-vault);color:#fff}
.hero .btn-outline,section[style*="navy-deep"] .btn-outline{background:transparent;color:#fff;border:1px solid rgba(226,195,90,.8)}
.hero .btn-outline:hover,section[style*="navy-deep"] .btn-outline:hover{background:rgba(201,162,39,.12);color:var(--oc-gold-light);border-color:var(--oc-gold-light)}

/* ---------- Sections and headings ---------- */
.section{padding:5.5rem 0}
.section-gray{background:var(--oc-paper);border-top:1px solid var(--oc-line);border-bottom:1px solid var(--oc-line)}
.section h2{font-size:clamp(2rem,3.1vw,2.7rem);line-height:1.15;margin-bottom:1.6rem}
.section h2::after{content:"";display:block;width:60px;height:2px;margin-top:.9rem;background:var(--oc-gold)}
.section h2.text-center::after,.text-center h2::after,.global-expansion-section h2::after{width:140px;height:12px;margin:1.1rem auto 0;background:var(--oc-ornament) center/contain no-repeat}
.section h2.text-center.mb-xl,.section .text-center h2{margin-bottom:3rem}
.section h3{font-size:1.55rem;line-height:1.2}
.section h4{font-size:1.25rem}

/* ---------- Cards ---------- */
.card{background:#fff;border:1px solid var(--oc-line);border-top:3px solid var(--oc-gold);border-radius:0;padding:2.2rem 2.1rem;box-shadow:0 1px 2px rgba(6,23,48,.04),0 18px 38px -24px rgba(6,23,48,.35);transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(6,23,48,.05),0 26px 46px -24px rgba(6,23,48,.45)}
.card h3{font-size:1.6rem;margin-bottom:.9rem;padding-bottom:.8rem;border-bottom:1px solid var(--oc-line)}
.card p{color:var(--oc-muted);font-size:.95rem}
.card.text-center h3{border-bottom:0;padding-bottom:0}
.card.text-center h3::after{content:"";display:block;width:36px;height:2px;background:var(--oc-gold);margin:.8rem auto 0}
.grid{gap:1.75rem}

/* Lists inside cards: gold lozenge markers */
.card ul{list-style:none!important;padding-left:0!important;margin-left:0}
.card ul li{position:relative;padding-left:1.5em;margin-bottom:.35rem;line-height:1.8!important}
.card ul li::before{content:"";position:absolute;left:.25em;top:.78em;width:6px;height:6px;background:var(--oc-gold);transform:rotate(45deg)}

/* Quick Facts table */
.detail-table{width:100%;border-collapse:collapse}
.detail-table th,.detail-table td{padding:.8rem 0;border-bottom:1px solid var(--oc-line);vertical-align:top;text-align:left}
.detail-table th{font:600 .7rem/1.6 'Montserrat',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--oc-gold);width:42%;padding-right:1rem}
.detail-table td{color:var(--oc-vault);font-weight:500}
.detail-table tr:last-child th,.detail-table tr:last-child td{border-bottom:0}

/* ---------- Global expansion band ---------- */
.global-expansion-section{position:relative;overflow:hidden;background:
    radial-gradient(ellipse 55% 70% at 12% 40%,rgba(201,162,39,.12) 0%,transparent 60%),
    linear-gradient(160deg,var(--oc-vault) 0%,var(--oc-deep) 60%,var(--oc-navy) 100%)!important;padding:6rem 0}
.global-expansion-section::before{content:"";position:absolute;left:-140px;top:60px;width:520px;height:520px;background:url(/assets/images/seal-512.png) center/contain no-repeat;opacity:.06;pointer-events:none}
.global-expansion-section .container{position:relative;z-index:1}
.global-expansion-section h2{color:#fff;text-align:center}
.expansion-container{background:#fbfaf7;border-radius:0;border-top:3px solid var(--oc-gold);box-shadow:0 30px 60px -30px rgba(0,0,0,.6);padding:2.8rem}
.expansion-region{background:#fff;border-radius:0;border:1px solid var(--oc-line);border-left:3px solid var(--oc-gold)}
.expansion-region h3{font-size:1.5rem}
.official-portals{background:linear-gradient(160deg,var(--oc-vault),var(--oc-deep));border:1px solid rgba(201,162,39,.7);border-radius:0;box-shadow:inset 0 0 0 4px var(--oc-vault),inset 0 0 0 5px rgba(201,162,39,.35)}
.official-portals h3{color:var(--oc-gold-light);font-size:1.6rem}
.portal-link{border-radius:0;background:rgba(255,255,255,.03);border:1px solid rgba(201,162,39,.35);transition:background .2s,border-color .2s}
.portal-link:hover{background:rgba(201,162,39,.1);border-color:var(--oc-gold)}
.portal-link strong{color:var(--oc-gold-light);letter-spacing:.04em}
.portal-link span{color:rgba(255,255,255,.78)}
.card .official-portals,.official-portals{padding:2rem}

/* ---------- Expression of Interest form ---------- */
body .eoi-form{border-radius:0;border:1px solid var(--oc-line);border-top:3px solid var(--oc-gold);box-shadow:0 18px 40px -26px rgba(6,23,48,.45);padding:2.6rem}
body .eoi-container h1{font-size:clamp(2.2rem,3.6vw,3rem)}
body .eoi-container h1::after{content:"";display:block;width:140px;height:12px;margin:1rem auto 0;background:var(--oc-ornament) center/contain no-repeat}
body .form-group label{font:600 .74rem/1.5 'Montserrat',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--oc-vault)}
body .radio-group label,body .checkbox-wrapper label{font-size:.92rem;letter-spacing:0;text-transform:none;font-weight:400}
body .form-group input[type=text],body .form-group input[type=email],body .form-group input[type=tel],body .form-group select,body .form-group textarea{border:1px solid #d9d2c3;border-radius:0;background:#fdfcf9;font-family:'Montserrat',sans-serif;font-size:.95rem}
body .form-group input:focus,body .form-group select:focus,body .form-group textarea:focus{border-color:var(--oc-gold);box-shadow:0 0 0 3px var(--oc-gold-pale);background:#fff}
body .btn-submit{border-radius:0;background:linear-gradient(180deg,var(--oc-gold-light),var(--oc-gold));color:var(--oc-vault);border:1px solid var(--oc-gold);font:600 .8rem/1 'Montserrat',sans-serif;letter-spacing:.18em;text-transform:uppercase;padding:1.2rem 2rem}
body .btn-submit:hover{background:var(--oc-gold);box-shadow:0 10px 24px -10px rgba(201,162,39,.7)}

/* ---------- Footer ---------- */
.footer{position:relative;background:linear-gradient(180deg,var(--oc-vault) 0%,#040f22 100%);color:rgba(255,255,255,.74);padding-top:4.5rem;border-top:0}
.footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--oc-gold) 18%,var(--oc-gold-light) 50%,var(--oc-gold) 82%,transparent 100%)}
.footer-section:first-child::before{content:"";display:block;width:68px;height:68px;margin-bottom:1.1rem;background:url(/assets/images/seal-256.png) center/contain no-repeat;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}
.footer-section h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.45rem;font-weight:600;color:var(--oc-gold-light);margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px solid rgba(201,162,39,.3)}
.footer p,.footer li{color:rgba(255,255,255,.74);font-size:.88rem;text-align:left}
.footer strong{color:#fff}
.footer a{color:var(--oc-gold-light);text-decoration:none;transition:color .2s}
.footer a:hover{color:#fff}
.footer-links a{color:rgba(255,255,255,.8)}
.footer-links a::before{content:"";display:inline-block;width:5px;height:5px;margin-right:.7em;vertical-align:middle;background:var(--oc-gold);transform:rotate(45deg)}
.footer-links a:hover{color:var(--oc-gold-light)}
.footer-bottom{border-top:1px solid rgba(201,162,39,.28);margin-top:2.8rem;padding:1.8rem 0 2.2rem}
.footer-bottom p{text-align:center;color:rgba(255,255,255,.62);font-size:.82rem}
.footer-bottom a{color:var(--oc-gold-light)}
.footer-bottom small{color:rgba(255,255,255,.48);letter-spacing:.02em}

/* ---------- Smaller screens ---------- */
@media (max-width:900px){
  .hero::before,section[style*="navy-deep"]::before{width:380px;height:380px;right:-140px;opacity:.06}
  .global-expansion-section::before{display:none}
  .logo .logo-seal{width:46px;height:46px}
  .logo .logo-words{font-size:1.35rem}
  .section{padding:4rem 0}
  .hero{padding:4.5rem 0 4rem}
  .nav-menu li:last-child a{margin-left:0}
}
@media (max-width:600px){
  .section p,.card p{text-align:left}
  .expansion-container{padding:1.6rem}
  .card{padding:1.7rem 1.4rem}
}

/* ---------- The Estate (estate band, tiles, pillar cards) ---------- */
.estate-band{position:relative;overflow:hidden;color:#fff;background:
    radial-gradient(ellipse 50% 70% at 88% 30%,rgba(201,162,39,.12) 0%,transparent 60%),
    linear-gradient(160deg,var(--oc-vault) 0%,var(--oc-deep) 60%,var(--oc-navy) 100%);border-top:1px solid rgba(201,162,39,.45);border-bottom:1px solid rgba(201,162,39,.45)}
.estate-band::before{content:"";position:absolute;right:-120px;bottom:-120px;width:460px;height:460px;background:url(/assets/images/seal-512.png) center/contain no-repeat;opacity:.06;pointer-events:none}
.estate-band .container{position:relative;z-index:1}
.estate-band h2{color:#fff}
.section .estate-lead{max-width:820px;margin:0 auto 3rem;text-align:center;color:rgba(255,255,255,.84);font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;line-height:1.55;font-style:italic;hyphens:manual}
.estate-tiles{gap:1.25rem}
.estate-tile{position:relative;padding:1.6rem 1.5rem 1.5rem;border:1px solid rgba(201,162,39,.38);background:rgba(255,255,255,.035);transition:background .25s,border-color .25s,transform .25s}
.estate-tile::before{content:"";position:absolute;left:1.5rem;top:-1px;width:42px;height:3px;background:var(--oc-gold)}
.estate-tile:hover{background:rgba(201,162,39,.09);border-color:var(--oc-gold);transform:translateY(-2px)}
.section .estate-tile h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.4rem;line-height:1.2;color:var(--oc-gold-light);margin:0 0 .5rem}
.section .estate-tile p{color:rgba(255,255,255,.8);font-size:.88rem;line-height:1.6;margin:0;text-align:left;hyphens:manual}
.estate-actions{margin-top:2.8rem}
.estate-pillars .card{display:flex;flex-direction:column}
.estate-pillars .card p{flex:1 1 auto}
.estate-link{display:inline-block;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--oc-line);font:600 .72rem/1.4 'Montserrat',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--oc-gold);text-decoration:none}
.estate-link:hover{color:var(--oc-vault)}
.estate-link-plain{color:var(--oc-muted)}
.estate-link-group{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--oc-line)}
.estate-link-group .estate-link{margin:0;padding:0;border:0}
.group-companies span{display:block;padding:.35rem 0}
.group-companies span+span{border-top:1px dotted var(--oc-line)}
.group-companies small{color:var(--oc-muted);font-weight:400;letter-spacing:.02em}
.footer-bottom .footer-registration{font-size:.78rem;letter-spacing:.04em;color:rgba(255,255,255,.55);margin-top:.4rem}
@media (max-width:900px){.estate-band::before{display:none}}