/* Pano Deco 2026 : pages Contact, Conseils, articles, Mon compte (maquette projet-site-2026 du 30/10/2026). */
.pd26-page{padding-bottom:72px}
.pd26-page .fil{font-size:.85rem;color:var(--gris);padding-block:18px 0}
.pd26-page .fil a{text-decoration:none}
.pd26-page .fil a:hover{text-decoration:underline}
.pd26-page .fil span{margin-inline:.5em;color:var(--taupe)}
.pg-tete{padding-block:26px 34px;max-width:780px}
.pg-tete h1{font-size:clamp(2.3rem,4.6vw,3.8rem);margin:.2em 0 .3em}
.pg-tete .chapo{color:var(--gris);font-size:1.08rem;margin:0}

/* Contact */
.ct{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:32px;align-items:start}
.bloc-f{background:var(--blanc);border-radius:var(--r);padding:32px;box-shadow:0 1px 0 rgba(43,42,41,.06)}
.bloc-f h2{font-size:1.7rem;margin-bottom:18px}
.ct-cote{display:grid;gap:18px}
.carte-c{background:var(--lin);border-radius:var(--r);padding:24px 26px}
.carte-c h3{font-size:1.35rem;margin-bottom:8px}
.carte-c p{margin:0;color:var(--gris)}
.carte-c a{color:var(--bleu);font-weight:500}
.carte-c ul{margin:0;padding-left:1.1em;color:var(--gris)}
@media (max-width:900px){.ct{grid-template-columns:1fr}.bloc-f{padding:22px 18px}}

/* Formulaires (Contact Form 7, WooCommerce) */
.pd26-page form p{margin:0 0 16px}
.pd26-page form label{display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}
.pd26-page input[type=text],.pd26-page input[type=email],.pd26-page input[type=tel],.pd26-page input[type=password],.pd26-page input[type=number],.pd26-page select,.pd26-page textarea{width:100%;max-width:100%;font:400 1rem/1.4 var(--f-texte);color:var(--encre);background:var(--fond);border:1px solid #d6d0c6;border-radius:12px;padding:.8em 1em;appearance:none;-webkit-appearance:none}
.pd26-page select{background-image:linear-gradient(45deg,transparent 50%,var(--gris) 50%),linear-gradient(135deg,var(--gris) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:2.6em}
.pd26-page textarea{min-height:150px;resize:vertical}
.pd26-page input:focus,.pd26-page select:focus,.pd26-page textarea:focus{outline:2px solid var(--bleu);outline-offset:1px;border-color:transparent}
.pd26-page input[type=file]{font:400 .92rem var(--f-texte);color:var(--gris);max-width:100%}
.pd26-page input[type=file]::file-selector-button{font:500 .9rem var(--f-texte);border:1.5px solid var(--encre);background:transparent;border-radius:999px;padding:.55em 1.1em;margin-right:12px;cursor:pointer}
.pd26-page input[type=submit],.pd26-page button[type=submit],.pd26-page .woocommerce-Button,.pd26-page .woocommerce-button,.pd26-page .compte .button{display:inline-flex;align-items:center;justify-content:center;background:var(--bleu);color:var(--blanc);border:0;border-radius:999px;padding:.95em 1.8em;font:500 .95rem/1 var(--f-texte);letter-spacing:.04em;cursor:pointer;text-decoration:none;width:auto}
.pd26-page input[type=submit]:hover,.pd26-page button[type=submit]:hover,.pd26-page .compte .button:hover{background:#0d5274}
.pd26-page input[type=checkbox]{width:18px;height:18px;accent-color:var(--bleu);vertical-align:middle;margin-right:8px}
.pd26-page .wpcf7-spinner{vertical-align:middle}
.pd26-page .wpcf7-not-valid-tip{color:#b3261e;font-size:.85rem;margin-top:4px}
.pd26-page .wpcf7-response-output{margin:16px 0 0!important;border-radius:12px;padding:12px 16px!important;font-size:.95rem}

/* Conseils : themes, cartes, pagination */
.themes{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.themes a{border:1.5px solid #d6d0c6;border-radius:999px;padding:.5em 1.1em;font-size:.92rem;font-weight:500;text-decoration:none;background:var(--blanc)}
.themes a:hover{border-color:var(--encre)}
.themes a[aria-current]{background:var(--encre);border-color:var(--encre);color:var(--blanc)}
.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
.art{text-decoration:none;display:flex;flex-direction:column;gap:12px;min-width:0}
.art .ph{aspect-ratio:3/2;border-radius:var(--r);background:var(--lin) center/cover no-repeat}
.art .tx{display:flex;flex-direction:column;gap:8px}
.art h3{font-size:1.45rem;line-height:1.15}
.art p{margin:0;color:var(--gris);font-size:.96rem}
.art:hover h3,.art:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.meta-a{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--gris)}
.meta-a .th{letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--bleu)}
.art.une{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:center;background:var(--blanc);border-radius:var(--r);padding:18px}
.art.une .ph{aspect-ratio:16/10}
.art.une h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1}
.art.une .tx{gap:14px;padding-right:18px}
.art.une .btn{align-self:flex-start;margin-top:6px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:44px}
.pagination .page-numbers{min-width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid #d6d0c6;text-decoration:none;font-weight:500}
.pagination .current{background:var(--encre);color:var(--blanc);border-color:var(--encre)}
.pd26-page .vide{color:var(--gris)}
@media (max-width:980px){.articles{grid-template-columns:repeat(2,minmax(0,1fr))}.art.une{grid-template-columns:1fr;gap:18px;padding:14px}.art.une .tx{padding:0 6px 8px}}
@media (max-width:620px){.articles{grid-template-columns:1fr}}

/* Article */
.art-page{max-width:820px;margin:0 auto}
.art-tete{padding-block:30px 26px;text-align:center}
.art-tete h1{font-size:clamp(2.1rem,4.4vw,3.4rem);margin-top:.35em}
.art-une{aspect-ratio:16/9;border-radius:var(--r);background:var(--lin) center/cover no-repeat;margin-bottom:40px}
.prose{font-size:1.08rem;line-height:1.75}
.prose h2{font-size:clamp(1.6rem,2.8vw,2.2rem);margin:1.6em 0 .5em}
.prose h3{font-size:1.45rem;margin:1.4em 0 .4em}
.prose p{margin:0 0 1.1em}
.prose a{color:var(--bleu)}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin-bottom:.35em}
.prose img{height:auto;border-radius:16px;margin:1.6em auto}
.prose figure{margin:1.6em 0}
.prose figcaption{font-size:.88rem;color:var(--gris);text-align:center}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:3px solid var(--bleu);font-family:var(--f-titre);font-size:1.35rem;line-height:1.35}
.prose .cta_container,.prose .button-vert{display:none}
.proches{margin-top:80px}
.proches .titre-bloc{margin-bottom:28px}

/* Bandeau conseil */
.aide-cta{margin-top:72px;background:var(--encre);color:var(--blanc);border-radius:var(--r);padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.aide-cta h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:8px}
.aide-cta p{margin:0;max-width:60ch;color:rgba(255,255,255,.82)}
.aide-cta .btn-clair{background:var(--blanc);color:var(--encre)}
@media (max-width:620px){.aide-cta{padding:28px 22px}}

/* Mon compte (WooCommerce) */
.compte{max-width:1000px}
.compte .woocommerce{display:block}
.compte .u-columns,.compte #customer_login{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px}
.compte .u-column1,.compte .u-column2,.compte .col-1,.compte .col-2{width:auto!important;float:none!important;max-width:none}
.compte form.login,.compte form.register,.compte form.lost_reset_password,.compte .woocommerce-MyAccount-content{background:var(--blanc);border-radius:var(--r);padding:30px;border:0;margin:0}
.compte h2{font-size:1.8rem;margin-bottom:16px}
.compte .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;font-weight:400;margin:4px 16px 4px 0}
.compte .lost_password a,.compte a{color:var(--bleu)}
.compte .woocommerce-MyAccount-navigation{float:none;width:auto}
.compte .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.compte .woocommerce-MyAccount-navigation a{display:block;border:1.5px solid #d6d0c6;border-radius:999px;padding:.5em 1.1em;text-decoration:none;color:var(--encre);font-weight:500;font-size:.92rem;background:var(--blanc)}
.compte .woocommerce-MyAccount-navigation .is-active a{background:var(--encre);border-color:var(--encre);color:var(--blanc)}
.compte .woocommerce-MyAccount-content{float:none;width:auto}
.compte table{width:100%;border-collapse:collapse;font-size:.95rem}
.compte th,.compte td{text-align:left;padding:12px 10px;border-bottom:1px solid #e8e3da}
.compte .woocommerce-message,.compte .woocommerce-info,.compte .woocommerce-error{background:var(--lin);border:0;border-radius:12px;padding:14px 18px;margin:0 0 20px;list-style:none}
.compte address{font-style:normal}
@media (max-width:620px){.compte form.login,.compte form.register,.compte .woocommerce-MyAccount-content{padding:20px 16px}.compte table.shop_table_responsive thead{display:none}}

/* Creer mon panneau */
.pd26-p-creer .pg-tete h1 em{font-style:italic;color:var(--bleu)}
.choix2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.voie{background:var(--blanc);border-radius:var(--r);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 14px 34px rgba(43,42,41,.08);transition:transform .25s,box-shadow .25s}
.voie:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(43,42,41,.13)}
.voie .vis{aspect-ratio:16/9;background:var(--lin);overflow:hidden;position:relative}
.pd26-p-creer .pg-tete,.pd26-p-decors .pg-tete{text-align:center;margin-inline:auto}
.pd26-p-creer .sous{text-align:center}
.pd26-p-decors .dec-barre{justify-content:center}
.piece{box-shadow:0 14px 34px rgba(43,42,41,.08)}
.pd26-p-decors .pd26-cat .carte{box-shadow:0 10px 26px rgba(43,42,41,.07)}
.mosaique{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;height:100%;gap:3px}
.mosaique i{background:var(--lin) center/cover no-repeat}
.photo-perso{position:absolute;inset:0;background:center/cover no-repeat}
.photo-perso::after{content:"";position:absolute;left:50%;top:50%;width:46%;aspect-ratio:3/4;transform:translate(-50%,-50%) rotate(-4deg);background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.25);border-radius:6px}
.photo-perso span{position:absolute;left:50%;top:50%;z-index:2;width:40%;aspect-ratio:4/3;transform:translate(-50%,-62%) rotate(-4deg);background:center/cover no-repeat;border-radius:3px}
.photo-perso b{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,118%) rotate(-4deg);font:500 .8rem var(--f-texte);letter-spacing:.1em;text-transform:uppercase;color:var(--gris);white-space:nowrap}
.voie .txt{padding:26px 28px 30px;display:flex;flex-direction:column;gap:10px;flex:1}
.voie h2{font-size:clamp(1.6rem,2.6vw,2.1rem)}
.voie p{margin:0;color:var(--gris)}
.voie ul{margin:4px 0 8px;padding-left:1.1em;color:var(--gris);font-size:.95rem}
.voie .btn{align-self:flex-start;margin-top:auto}
.sous{margin:56px 0 18px;font-family:var(--f-titre);font-size:1.6rem}
.pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.piece{position:relative;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--blanc);aspect-ratio:4/3;display:block}
.piece .ph{position:absolute;inset:0;background:center/cover no-repeat;transition:transform .5s}
.piece:hover .ph{transform:scale(1.04)}
.piece span{position:absolute;left:0;right:0;bottom:0;padding:40px 22px 18px;background:linear-gradient(transparent,rgba(0,0,0,.55));font-family:var(--f-titre);font-size:1.7rem;line-height:1.1}
.piece small{display:block;font-family:var(--f-texte);font-size:.85rem;opacity:.9;margin-top:4px}
@media (max-width:860px){.choix2,.pieces{grid-template-columns:1fr}.voie .txt{padding:20px}}

/* Tous nos decors */
.dec-barre{display:flex;justify-content:space-between;align-items:flex-start;gap:16px 24px;flex-wrap:wrap}
.dec-barre .themes{margin-bottom:0}
.themes button{border:1.5px solid #d6d0c6;border-radius:999px;padding:.5em 1.1em;font:500 .92rem var(--f-texte);background:var(--blanc);color:var(--encre);cursor:pointer}
.themes button:hover{border-color:var(--encre)}
.themes button[aria-pressed=true]{background:var(--encre);border-color:var(--encre);color:var(--blanc)}
.dec-barre .tri{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--gris);white-space:nowrap}
.dec-barre .tri select{width:auto;padding:.55em 2.6em .55em 1em}
.pd26-p-decors .nb{color:var(--gris);font-size:.9rem;margin:18px 0 14px}
.pd26-p-decors .carte[hidden]{display:none}
@media (max-width:980px){.pd26-p-decors .pd26-cat .grille{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.pd26-p-decors .pd26-cat .grille{gap:12px}.pd26-p-decors .carte .nom{font-size:1.1rem}}