/*
Theme Name: Oxibi
Theme URI: https://www.oxibi.ch
Author: Oxibi
Description: Thème bloc sombre pour Oxibi : page d'accueil, blog, pages. Couleurs issues du logo.
Version: 1.2.3
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: oxibi
*/

html{scroll-behavior:smooth;scroll-padding-top:90px}
a{text-underline-offset:3px}
:focus-visible{outline:3px solid var(--wp--preset--color--accent);outline-offset:3px;border-radius:4px}
.oxibi-muted,.oxibi-lead{color:var(--wp--preset--color--muted)}
.oxibi-lead{max-width:60ch;font-size:1.15rem}
.oxibi-sec{padding-top:84px;padding-bottom:84px}
.oxibi-alt{background:var(--wp--preset--color--base-2)}
.wp-site-blocks>*{margin-block-start:0}
.wp-site-blocks main>*{margin-block-start:0}
/* header */
.oxibi-header{position:sticky;top:0;z-index:20;background:rgba(18,22,58,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--wp--preset--color--line);padding-top:10px;padding-bottom:10px}
.admin-bar .oxibi-header{top:32px}
.oxibi-header .wp-block-group{gap:12px}
.oxibi-brand,.oxibi-brand a{font-family:var(--wp--preset--font-family--heading);font-weight:700;font-size:1.4rem;letter-spacing:.02em;text-decoration:none;color:var(--wp--preset--color--contrast)}
.oxibi-logo{margin:0}.oxibi-logo img{display:block}
.oxibi-header .wp-block-navigation a{color:var(--wp--preset--color--muted);text-decoration:none;font-weight:500}
.oxibi-header .wp-block-navigation a:hover{color:var(--wp--preset--color--contrast)}
.oxibi-footer{border-top:1px solid var(--wp--preset--color--line);padding-top:28px;padding-bottom:28px;color:var(--wp--preset--color--muted);font-size:.95rem}
.oxibi-footer p{margin:0}
.is-style-outline>.wp-block-button__link{background:transparent;color:var(--wp--preset--color--contrast);border:1.5px solid var(--wp--preset--color--line)}
/* hero */
.oxibi-hero{padding-top:72px;padding-bottom:56px}
.oxibi-hero h1{font-size:clamp(2.5rem,6vw,4.4rem);margin:0}
.oxibi-grad{background:linear-gradient(90deg,#8FA2F0,#C08BD0,#F0609E);-webkit-background-clip:text;background-clip:text;color:transparent}
.oxibi-hero .oxibi-lead{margin:24px 0 32px}
.oxibi-field{width:100%;height:auto;max-height:520px;display:block}
.bub circle{fill:#4A66C8;filter:drop-shadow(0 0 14px rgba(255,255,255,.14))}
.bub:nth-child(2) circle,.bub:nth-child(8) circle{fill:#E8408A}
.bub:nth-child(3) circle,.bub:nth-child(9) circle{fill:#8B5798}
.bub:nth-child(4) circle,.bub:nth-child(7) circle{fill:#F19022}
.bub:nth-child(5) circle{fill:#E8503A}
.bub:nth-child(6) circle{fill:#5560A3}
.bub text{font:600 15px 'Instrument Sans',system-ui,sans-serif;fill:#fff;text-anchor:middle}
.bub:nth-child(4) text{fill:#1A2250}
.bub .big{font:700 22px 'Bricolage Grotesque',system-ui,sans-serif}
.bub{animation:oxrise 7s ease-in-out infinite alternate}
.bub:nth-child(2n){animation-duration:9s;animation-delay:-3s}
.bub:nth-child(3n){animation-duration:11s;animation-delay:-6s}
@keyframes oxrise{from{transform:translateY(10px)}to{transform:translateY(-14px)}}
@media(prefers-reduced-motion:reduce){.bub{animation:none}}
/* sections */
.oxibi-sec h2{font-size:clamp(1.9rem,4vw,2.75rem)}
.oxibi-split{gap:56px}
.oxibi-split>.wp-block-column:first-child{position:sticky;top:100px;align-self:flex-start}
.oxibi-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.oxibi-tags span{padding:10px 20px;border-radius:999px;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line);font-weight:500}
.oxibi-row{--rc:#4A66C8;border-top:1px solid var(--wp--preset--color--line);padding:24px 56px 24px 0;position:relative}
.oxibi-row:last-child{border-bottom:1px solid var(--wp--preset--color--line)}
.oxibi-row h3{font-size:1.5rem;font-weight:500;margin:0 0 6px}
.oxibi-row p{color:var(--wp--preset--color--muted);margin:0}
.oxibi-row::after{content:"→";position:absolute;right:0;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1.5px solid var(--rc);display:grid;place-items:center;transition:.2s}
.oxibi-row:hover::after{background:var(--rc);color:#fff}
.oxibi-row:nth-child(2){--rc:#8B5798}.oxibi-row:nth-child(3){--rc:#E8408A}.oxibi-row:nth-child(4){--rc:#E8503A}
.oxibi-row:nth-child(5){--rc:#F19022}.oxibi-row:nth-child(5):hover::after{color:#1A2250}.oxibi-row:nth-child(6){--rc:#E8408A}
.oxibi-two{gap:24px;margin-top:40px}
.oxibi-panel{border-radius:24px;padding:36px;background:var(--wp--preset--color--base);height:100%}
.oxibi-panel h3{font-size:1.75rem;margin:0 0 12px}
.oxibi-panel p{color:var(--wp--preset--color--muted)}
.oxibi-three{gap:40px;margin-top:44px}
.oxibi-why{border-top:4px solid #4A66C8;padding-top:16px}
.oxibi-w2{border-color:#E8408A}.oxibi-w3{border-color:#F19022}
.oxibi-why h3{font-size:1.4rem;margin:0 0 10px}.oxibi-why p{color:var(--wp--preset--color--muted)}
.oxibi-stats{background:var(--wp--preset--color--deep);padding-top:64px;padding-bottom:64px;text-align:center}
.oxibi-num{font-family:var(--wp--preset--font-family--heading);font-weight:700;font-size:clamp(3rem,7vw,5.25rem);line-height:1;margin:0;color:#F19022}
.oxibi-num.n2{color:#F0609E}.oxibi-num.n3{color:#C08BD0}
.oxibi-numl{margin:6px 0 0;opacity:.8}
.oxibi-team{gap:32px;margin-top:40px}
.oxibi-av{width:88px;height:88px;border-radius:50%;background:#4A66C8;color:#fff;display:grid;place-items:center;font:700 1.6rem var(--wp--preset--font-family--heading);margin:0 0 16px}
.oxibi-av.a2{background:#E8408A}.oxibi-av.a3{background:#F19022;color:#1A2250}
.oxibi-member h3{font-size:1.3rem;margin:0}.oxibi-member p.oxibi-muted{margin:4px 0 0}
.oxibi-deep{background:radial-gradient(ellipse at 85% 0%,rgba(139,87,152,.28),transparent 55%),radial-gradient(ellipse at 0% 100%,rgba(241,144,34,.14),transparent 50%),var(--wp--preset--color--deep)}
.oxibi-formbox{background:var(--wp--preset--color--base);border-radius:24px;padding:32px}
.oxibi-deep input,.oxibi-deep textarea,.oxibi-formbox input,.oxibi-formbox textarea{font:inherit;padding:14px 16px;border-radius:12px;border:1.5px solid var(--wp--preset--color--line);background:var(--wp--preset--color--base-2);color:var(--wp--preset--color--contrast);width:100%}
/* blog */
.oxibi-card{display:flex;flex-direction:column;gap:10px;background:var(--wp--preset--color--base-2);border:1px solid var(--wp--preset--color--line);border-radius:20px;overflow:hidden;padding-bottom:24px;height:100%}
.oxibi-card>*{margin:0;padding-inline:22px}
.oxibi-card>.wp-block-post-featured-image{padding:0;margin-bottom:6px}
.oxibi-card .wp-block-post-title{font-size:1.3rem}
.oxibi-card .wp-block-post-title a,.oxibi-article .wp-block-post-title{text-decoration:none;color:var(--wp--preset--color--contrast)}
.oxibi-card .wp-block-post-excerpt{color:var(--wp--preset--color--muted);font-size:.98rem}
.oxibi-cat a{text-decoration:none;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#F0609E}
.oxibi-main h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:12px}
.oxibi-article .wp-block-post-title{font-size:clamp(2rem,5vw,3.2rem);margin:8px 0 14px}
.oxibi-meta{color:var(--wp--preset--color--muted);gap:18px;margin-bottom:28px}
.oxibi-article .wp-block-post-featured-image img{border-radius:20px}
.oxibi-article .wp-block-post-content{font-size:1.15rem;line-height:1.75}
.oxibi-article .wp-block-post-content h2{margin-top:2.2rem}
.oxibi-article blockquote{border-left:4px solid #E8408A;padding-left:20px;margin-left:0;color:var(--wp--preset--color--muted)}
.wp-block-query-pagination{margin-top:40px;gap:16px}
.wp-block-query-pagination a{text-decoration:none}
.wp-block-search__input{padding:12px 16px;border-radius:12px;border:1.5px solid var(--wp--preset--color--line);background:var(--wp--preset--color--base-2);color:var(--wp--preset--color--contrast)}
@media(max-width:781px){.oxibi-split>.wp-block-column:first-child{position:static}.oxibi-sec{padding-top:56px;padding-bottom:56px}}

.oxibi-brand{margin:0}
.oxibi-sec>h2.wp-block-heading,.oxibi-sec>.oxibi-lead{margin-left:max(0px,calc((100% - 1280px)/2))!important;margin-right:auto!important}
.oxibi-sec>h2.wp-block-heading{max-width:1280px!important}

.oxibi-row h3 a{color:inherit;text-decoration:none}
.oxibi-row h3 a::before{content:"";position:absolute;inset:0}
.oxibi-row:hover h3 a{color:var(--rc)}

.oxibi-offerhero{padding-bottom:64px}
.oxibi-offerhero h1{font-size:clamp(2.4rem,5.5vw,4rem);margin:8px 0 18px}
.oxibi-offerhero .oxibi-lead{margin:0 0 28px}
.oxibi-back{margin:0}.oxibi-back a{text-decoration:none;color:var(--wp--preset--color--muted);font-weight:500}.oxibi-back a:hover{color:var(--wp--preset--color--contrast)}
.oxibi-chips a{padding:10px 20px;border-radius:999px;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line);font-weight:500;text-decoration:none;color:var(--wp--preset--color--contrast)}
.oxibi-chips a:hover{border-color:var(--wp--preset--color--accent)}
.oxibi-steps{gap:32px;margin-top:40px}
.oxibi-stepnum{font:700 3rem/1 var(--wp--preset--font-family--heading);margin:0 0 12px;color:#4A66C8}
.oxibi-stepnum.s2{color:#C08BD0}.oxibi-stepnum.s3{color:#F0609E}.oxibi-stepnum.s4{color:#F19022}
.oxibi-step h3{font-size:1.3rem;margin:0 0 8px}.oxibi-step p:last-child{color:var(--wp--preset--color--muted)}
.wp-block-post-content>.alignfull:first-child{margin-top:0}

.oxibi-photosec{padding-top:0;padding-bottom:84px}
.oxibi-photo img{width:100%;height:auto;border-radius:20px;display:block}
.oxibi-nl{background:var(--wp--preset--color--base-2);border:1px solid var(--wp--preset--color--line)}
.oxibi-three2{margin-top:40px}

.oxibi-onecol{margin-bottom:0}
.oxibi-onecol>.wp-block-column{flex-basis:100%}

/* Largeur large uniforme (1280 px), centrée, partout */
.is-layout-constrained>.alignwide,.wp-block-columns.alignwide,.wp-block-group.alignwide,.wp-block-query.alignwide{max-width:var(--wp--style--global--wide-size,1280px);margin-left:auto!important;margin-right:auto!important}

/* Page d'offre : le contenu est composé de sections pleine largeur */
.oxibi-offerbody{max-width:none!important;width:100%}
.oxibi-offerbody>.alignfull{max-width:none!important;width:auto}
.oxibi-offerbody>:not(.alignfull):not(.alignwide){max-width:720px;margin-left:auto!important;margin-right:auto!important;padding-left:24px;padding-right:24px}
.oxibi-offerbody .wp-block-columns.alignwide{max-width:1280px;width:100%}
.oxibi-offerhero .oxibi-lead{max-width:100ch}

.oxibi-topline{border-top:1px solid var(--wp--preset--color--line)}
.oxibi-gap{margin-top:48px}

.oxibi-fgrid{gap:24px;margin-bottom:24px}
.oxibi-fcard{display:flex;flex-direction:column;height:100%;background:var(--wp--preset--color--base-2);border:1px solid var(--wp--preset--color--line);border-radius:20px;padding:28px;gap:12px}
.oxibi-fcard h3{font-size:1.4rem;margin:8px 0 0}
.oxibi-fcard p{color:var(--wp--preset--color--muted);margin:0}
.oxibi-fcard .wp-block-buttons{margin-top:auto;padding-top:12px}
.oxibi-ftile{height:120px;border-radius:14px;display:grid;place-items:center;background:#fff;overflow:hidden}
.oxibi-ftile img{max-height:72px;max-width:70%;width:auto;height:auto}
.oxibi-ftile.g1{background:linear-gradient(135deg,#4A66C8,#8B5798)}
.oxibi-ftile.g2{background:linear-gradient(135deg,#8B5798,#E8408A)}
.oxibi-ftile.g3{background:linear-gradient(135deg,#E8503A,#F19022)}
.oxibi-ftile svg{width:90px;height:60px}