/*
Theme Name: DesignLockr
Theme URI: https://designlockr.com
Author: DesignLockr
Description: Thème Gutenberg éditorial de DesignLockr. Pages, univers et guides avec installation manuelle et liens vers l’application séparée.
Version: 0.4.9
Requires at least: 6.7
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: designlockr
Tags: block-patterns, full-site-editing, wide-blocks, custom-logo
*/

:root{--dl-paper:#f7f4ef;--dl-ink:#17181c;--dl-purple:#7254f3;--dl-iris-ink:#613bd8;--dl-muted:#585963;--dl-border:#dfdcd6}
html{scroll-behavior:smooth;scroll-padding-top:7rem}
body{margin:0;background:var(--dl-paper);color:var(--dl-ink)}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.2em}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--dl-purple);outline-offset:5px}
.dl-skip-link:focus-within{left:1.2rem;top:1.2rem}
.dl-header{background:rgba(247,244,239,.98);border-bottom:1px solid var(--dl-border);position:relative;z-index:40;padding:1.2rem max(1.3rem,calc((100vw - 1280px)/2));margin:0}
.dl-header-inner{gap:2rem;min-height:3rem;flex-wrap:nowrap}
.dl-brand{flex-shrink:0;max-width:205px;margin:0}
.dl-brand img{width:205px;display:block}
.dl-header .wp-block-navigation{font-size:.88rem;font-weight:600;flex:1;justify-content:flex-end}
.dl-header .wp-block-navigation__container{gap:1.5rem}
.dl-header .wp-block-navigation__submenu-container{background:var(--dl-paper);border:1px solid var(--dl-border);border-radius:.4rem;padding:.7rem;min-width:240px;box-shadow:0 16px 40px #17181c12}
.dl-header .wp-block-navigation-item__content{padding:.4rem .1rem;text-decoration:none}
.dl-header .wp-block-navigation-item__content:hover{color:var(--dl-iris-ink)}
.dl-app-button .wp-block-button__link{font-size:.8rem;white-space:nowrap;padding:.9rem 1.15rem;border-radius:.3rem;background:var(--dl-ink);color:#fff}
.dl-main{margin-block-start:0!important;min-height:55vh}
.dl-main>.wp-block-post-content{margin:0;max-width:none}
.dl-editorial{padding:5rem 1.3rem;max-width:880px;margin-inline:auto!important}
.dl-editorial h1{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.06;letter-spacing:-.05em;margin-bottom:2rem}
.dl-editorial h2{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.13;letter-spacing:-.04em}
.dl-editorial p,.dl-editorial li{line-height:1.75}
.dl-editorial .wp-block-post-content{font-size:1.03rem}
.dl-blog-grid{gap:2.5rem}
.dl-blog-card{padding:2rem;border:1px solid var(--dl-border);border-radius:.5rem}
.dl-blog-card .wp-block-post-title{font-size:1.7rem;line-height:1.2}
.dl-blog-card .wp-block-post-title a{text-decoration:none}
.dl-footer{background:var(--dl-ink);color:var(--dl-paper);padding:4rem max(1.3rem,calc((100vw - 1280px)/2)) 2rem;margin-block-start:0!important}
.dl-footer-grid{gap:3rem;align-items:flex-start}
.dl-footer-brand{max-width:290px}
.dl-footer .dl-brand{background:var(--dl-paper);padding:.8rem 1rem;border-radius:.25rem;max-width:230px}
.dl-footer .dl-brand img{width:198px}
.dl-footer .wp-block-heading{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#cac5d2}
.dl-footer .wp-block-navigation{font-size:.84rem;color:#f7f4ef}
.dl-footer .wp-block-navigation__container{align-items:flex-start;gap:.75rem}
.dl-footer .wp-block-navigation-item__content{text-decoration:none}
.dl-footer .wp-block-navigation-item__content:hover{color:#cdb5f8}
.dl-footer-bottom{border-top:1px solid #ffffff24;margin-top:3rem;padding-top:1.4rem;font-size:.76rem;line-height:1.7;color:#c6c2cd;gap:2rem}
.dl-footer-bottom p{margin:0}
.dl-footer-legal{margin-top:1rem;gap:1.2rem!important;font-size:.72rem}
.dl-empty{border:1px solid var(--dl-border);padding:2rem;margin-top:2rem}
.dl-notfound{min-height:55vh}
.dl-notfound .wp-block-buttons{margin-top:2.5rem}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--dl-paper);color:var(--dl-ink)}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{padding:3rem 1.4rem;gap:2rem}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{gap:1rem;align-items:flex-start}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container{border:0;box-shadow:none;background:transparent;min-width:0;padding:.5rem 0 0 1rem}
@media(max-width:1000px){.dl-header-inner{gap:1.1rem}.dl-brand{max-width:170px}.dl-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.dl-header .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex}.dl-header .wp-block-navigation{justify-content:flex-end}.dl-footer-grid{flex-wrap:wrap}.dl-footer-grid>.wp-block-group{flex-basis:40%}}
@media(max-width:600px){.dl-header{padding:1rem 1.1rem}.dl-header-inner{gap:.8rem}.dl-brand{max-width:140px}.dl-footer-grid>.wp-block-group{flex-basis:100%}.dl-footer{padding-top:3rem}.dl-footer-bottom{flex-direction:column;gap:.7rem;align-items:flex-start}.dl-editorial{padding:3rem 1.2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

.dl-header .dl-header-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;flex-wrap:nowrap;margin:0}
.dl-header .dl-login-link{margin:0;white-space:nowrap;font-size:.84rem;font-weight:600}
.dl-header .dl-login-link a{display:inline-flex;align-items:center;min-height:44px;padding:.35rem .1rem;text-decoration:none}
.dl-header .dl-app-button{display:flex;margin:0}
.dl-footer .dl-footer-login{font-size:.84rem;line-height:1.7;margin-top:1.2rem}
.dl-footer .dl-footer-login a{text-decoration:underline;text-underline-offset:.2em}
