/* COLOMBO_PHOTOS_V38 — photos du site public et du back-office */
/* Accueil : photo principale */
.hero-art.hero-art-photo{min-height:0;display:block}
.hero-art.hero-art-photo::before,.hero-art.hero-art-photo::after{display:none}
.hero .hero-art.hero-art-photo img.hero-photo{display:block;width:100%!important;max-width:680px!important;height:auto!important;margin-left:auto;aspect-ratio:4/3!important;max-height:none!important;object-fit:cover;object-position:60% 40%;border-radius:6px;box-shadow:0 30px 60px rgba(47,55,25,.18);filter:none}
@media (max-width:900px){.hero:has(.hero-art-photo){grid-template-columns:1fr!important}.hero .hero-art.hero-art-photo{width:100%;margin-top:28px}.hero .hero-art.hero-art-photo img.hero-photo{max-width:none!important;margin:0}}
/* Bloc « Un seul partenaire » */
.split img.colombo-team,.colombo-team{display:block;width:100%;height:auto!important;aspect-ratio:3/2;max-height:420px;object-fit:cover;object-position:50% 40%;margin-top:28px;border-radius:6px}
/* Page COLOMBO : photo d'équipe */
.company-signature.company-signature-photo{min-height:0}
.company-signature-photo img{display:block;width:100%;height:auto!important;max-width:640px;aspect-ratio:4/3;object-fit:cover;border-radius:6px;box-shadow:0 24px 48px rgba(47,55,25,.16)}
/* Bandeau « Un projet ? Parlons-en. » */
.project-cta-section{background:linear-gradient(rgba(25,30,14,.30),rgba(25,30,14,.30)),url("../img/colombo/contact.jpg") center 60%/cover no-repeat;padding-top:90px;padding-bottom:90px}
.project-cta-section .project-cta-card{background:rgba(47,55,25,.92);backdrop-filter:blur(2px)}
@media (max-width:700px){.project-cta-section{background-image:linear-gradient(rgba(25,30,14,.30),rgba(25,30,14,.30)),url("../img/colombo/contact-sm.jpg");padding-top:50px;padding-bottom:50px}}
/* Connexion au back-office : photo à gauche */
@media (min-width:960px){
  .login-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;place-items:stretch}
  .login-page::before{content:"";min-height:100vh;background:url("../img/colombo/connexion.jpg") center/cover no-repeat}
  .login-page>.login-card{align-self:center;justify-self:center;margin:40px}
}
/* Back-office : bandeau discret derrière l'en-tête des pages */
.admin-topbar{position:relative;padding:22px 26px;border:1px solid #ECE7E0;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.86) 55%,rgba(255,255,255,.55) 100%),url("../img/colombo/bandeau.jpg") center/cover no-repeat}
/* Back-office : écrans vides */
.empty-state::before{content:"";display:block;width:180px;height:120px;margin:0 auto 14px;background:url("../img/colombo/vide-devis.jpg") center/cover no-repeat;border-radius:4px;opacity:.95}
.empty-state.empty-clients::before{background-image:url("../img/colombo/vide-clients.jpg")}

/* Accueil « portail » (pm-) */
.pm-stack:has(.pm-hero-photo){display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
.pm-stack .pm-hero-photo{grid-column:1/-1;display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:60% 40%;box-shadow:0 24px 48px rgba(47,55,25,.16)}
.pm-stack:has(.pm-hero-photo) .pm-product{margin:0}
@media (max-width:700px){.pm-stack:has(.pm-hero-photo){grid-template-columns:1fr}}
.pm-card{overflow:hidden}
.pm-card .pm-card-photo{display:block;width:calc(100% + 52px);max-width:none;height:auto;aspect-ratio:3/2;object-fit:cover;margin:-26px -26px 4px}
.pm-team-photo{display:block;width:100%;height:auto;aspect-ratio:21/8;object-fit:cover;object-position:50% 45%;margin-top:22px}
@media (max-width:700px){.pm-team-photo{aspect-ratio:4/3}}
#nous-contacter.pm-dark{background:linear-gradient(rgba(47,55,25,.80),rgba(47,55,25,.80)),url("../img/colombo/contact.jpg") center 60%/cover no-repeat}
@media (max-width:700px){#nous-contacter.pm-dark{background-image:linear-gradient(rgba(47,55,25,.80),rgba(47,55,25,.80)),url("../img/colombo/contact-sm.jpg")}}

/* COLOMBO_PHOTOS_V39 — pages Ansanm, Kouté, Digital, Bien-être et COLOMBO */
/* Ansanm et Kouté : photo d'en-tête, la carte d'aperçu en surimpression */
.pm-hero>.pv-visual{position:relative;max-width:660px;margin:0 28px 130px 0}
.pv-visual>img.pv-hero-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:55% 50%;box-shadow:0 24px 48px rgba(29,29,27,.22)}
.pv-visual>.pm-panel{position:absolute;right:-28px;bottom:-120px;width:min(64%,340px);padding:20px 22px;font-size:15px;box-shadow:0 18px 40px rgba(29,29,27,.20)}
.pv-visual>.pm-panel .pm-row{padding:7px 0}
@media (max-width:900px){.pm-hero>.pv-visual{margin:0}.pv-visual>.pm-panel{position:relative;left:auto;right:auto;bottom:auto;width:auto;margin:-48px 14px 0}}
/* Deux photos légendées */
.pv-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px}
.pv-fig{margin:0;background:#FFFFFF;border:1px solid #DDD6CE}
.pv-fig img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.pv-fig figcaption{padding:18px 22px 22px;line-height:1.6;color:#3D4349;font-size:16px}
.pv-fig figcaption b{display:block;font-family:"Roboto Slab",Georgia,serif;font-size:19px;font-weight:600;color:#2F3719;margin-bottom:6px}
.pm-wrap.pv-duo-wrap{padding-top:0}
.pv-band{padding:64px 24px 72px}
.pv-band>.pv-duo{max-width:1180px;margin:0 auto}
/* Bien-être : photo dans le panneau de l'en-tête et sur chaque prestation */
.wellness-hero-panel.wellness-hero-panel-photo{position:relative;overflow:hidden;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:#2F3719;color:#FFFFFF}
.wellness-hero-panel-photo img.wellness-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 40%}
.wellness-hero-panel-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,29,27,0) 40%,rgba(29,29,27,.62) 100%)}
.wellness-hero-panel-photo>:not(img){position:relative;z-index:1;color:#FFFFFF}
.wellness-service-card{overflow:hidden}
.wellness-service-card img.wellness-service-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin:0 0 18px}
/* COLOMBO : photo de l'en-tête et bandeau Guadeloupe */
.company-signature-photo img{aspect-ratio:4/3;object-position:50% 35%}
.pv-local{margin-bottom:36px}
.pv-local img.pv-local-photo{display:block;width:100%;height:auto;aspect-ratio:21/8;object-fit:cover;object-position:50% 55%}
@media (max-width:700px){.pv-local img.pv-local-photo{aspect-ratio:4/3}}