/*
Theme Name: Solveo Bank
Theme URI: https://solveobank.com
Author: Solveo Bank
Author URI: https://solveobank.com
Description: Thème vitrine premium pour Solveo Bank, société de financement européenne. Bleu Solveo (#295FCC) et marine profond (#12305C).
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: zantra
*/

/* Styles globaux de base — voir assets/css/main.css pour le détail */
/* Palette alignée sur le logo Solveo Bank (les noms de variables --zg- sont conservés pour ne pas casser le thème, seules les valeurs changent) */

:root{
    --zg-emerald: #295FCC;
    --zg-emerald-dark: #12305C;
    --zg-emerald-light: #E9F0FC;
    --zg-gold: #7FB2FF;
    --zg-gold-dark: #5B93E6;
    --zg-cream: #F5F8FC;
    --zg-anthracite: #33404F;
    --zg-grey-light: #E7ECF3;
    --zg-black: #12203A;
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* ---- Design tokens : néobanque moderne ---- */
    --radius-sm: 10px;
    --radius-md: 18px;
    --radius-lg: 26px;
    --radius-full: 999px;
    --shadow-soft: 0 2px 10px rgba(18,48,92,.06);
    --shadow-card: 0 10px 30px -12px rgba(18,48,92,.16);
    --shadow-lift: 0 18px 40px -14px rgba(41,95,204,.32);
    --ease: cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;overflow-x:hidden;width:100%;}
body{
    margin:0;
    font-family:var(--font-body);
    color:var(--zg-anthracite);
    background:var(--zg-cream);
    line-height:1.6;
    font-size:16px;
    overflow-x:hidden;
    width:100%;
    max-width:100vw;
    top:0 !important;
}
img{max-width:100%;display:block;}

/* Masquer la barre/iframe injectée par Google Translate */
.goog-te-banner-frame,
.skiptranslate > iframe,
#goog-gt-tt,
.goog-tooltip,
.goog-tooltip:hover{
    display:none !important;
    visibility:hidden !important;
    height:0 !important;
}
body.translated-ltr,
body.translated-rtl{top:0 !important;}
.goog-text-highlight{background:none !important;box-shadow:none !important;}
a{text-decoration:none;color:var(--zg-emerald);}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.01em;color:var(--zg-emerald-dark);margin:0 0 .6em;}
.container{max-width:1200px;margin:0 auto;padding:0 24px;}

/* ---- Boutons — style néobanque : pilule, gradient, effet de lévitation ---- */
.btn{
    display:inline-flex;align-items:center;justify-content:center;
    padding:15px 34px;border-radius:var(--radius-full);font-family:var(--font-heading);
    font-weight:700;font-size:.95rem;letter-spacing:.01em;cursor:pointer;
    border:2px solid transparent;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
}
.btn-primary{
    background:linear-gradient(135deg, var(--zg-emerald) 0%, var(--zg-emerald-dark) 100%);
    color:#fff;box-shadow:var(--shadow-lift);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 45px -14px rgba(41,95,204,.42);}
.btn-secondary{background:var(--zg-gold);color:var(--zg-emerald-dark);}
.btn-secondary:hover{background:var(--zg-gold-dark);transform:translateY(-2px);}
.btn-outline{background:transparent;border-color:var(--zg-emerald);color:var(--zg-emerald);}
.btn-outline:hover{background:var(--zg-emerald);color:#fff;transform:translateY(-2px);}