/* =========================================================================
   Pharmacie de Cologny — contenus enrichis (inc/content-enhance.php)
   « En bref » · encadrés (alerte, info, conseil) · tuiles d'appel ·
   illustrations et photos des pages services.
   Chargé uniquement sur les contenus (pages, articles, marques, catégories).
   ========================================================================= */

:root{
	--pdc-i-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
	--pdc-i-clock:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 6.5V12l3.5 2'/%3E%3C/svg%3E");
	--pdc-i-phone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
	--pdc-i-alert:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
	--pdc-i-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-5.54 10.19-7.4 11.8a1 1 0 0 1-1.2 0C9.54 20.19 4 15 4 10a8 8 0 0 1 16 0'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
	--pdc-i-info:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 16.5v-5M12 7.8h.01'/%3E%3C/svg%3E");
	--pdc-i-bulb:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5M9 18h6M10 22h4'/%3E%3C/svg%3E");
	--pdc-i-siren:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 18v-6a5 5 0 1 1 10 0v6'/%3E%3Cpath d='M5 21a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-1a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2z'/%3E%3Cpath d='M21 12h1M18.5 4.5 18 5M2 12h1M12 2v1M4.93 4.93l.7.7M12 12v6'/%3E%3C/svg%3E");
	--pdc-i-zap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 3 14h9l-1 8 10-12h-9l1-8z'/%3E%3C/svg%3E");
	--pdc-alert-700:#9c3b22;--pdc-alert-800:#7f2c17;--pdc-alert-50:#fbeee9;--pdc-alert-line:rgba(156,59,34,.24);
}

/* Icône dessinée par masque : couleur = background-color. */
.pdc-brief__badge::after,.pdc-brief__pt::after,.pdc-note__ico::after,.pdc-tile__ico::after{content:"";position:absolute;inset:0;margin:auto;background:currentColor;-webkit-mask:var(--pdc-i) center/contain no-repeat;mask:var(--pdc-i) center/contain no-repeat}

/* ---------- Chiffres clés ---------- */
.pdc-hl{font-weight:600;color:var(--pdc-green-900);white-space:nowrap;background:linear-gradient(transparent 60%,rgba(198,167,109,.36) 60%);padding:0 .1em;margin:0 -.04em;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
a.pdc-hl{text-decoration:none;color:var(--pdc-green-800);background:linear-gradient(transparent 60%,rgba(198,167,109,.36) 60%);border-bottom:1.5px dotted var(--pdc-gold-600)}
a.pdc-hl:hover{color:var(--pdc-green-950);background:rgba(198,167,109,.36)}

/* ---------- « En bref » ---------- */
.pdc-brief{position:relative;margin:0 0 2.4em;padding:24px 28px 24px 32px;border:1px solid rgba(198,167,109,.42);border-radius:var(--pdc-radius);background:#fff;box-shadow:var(--pdc-shadow);overflow:hidden}
.pdc-brief::before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(180deg,var(--pdc-gold),var(--pdc-green-700))}
.pdc-brief__label{display:inline-flex;align-items:center;gap:9px;margin:0 0 14px!important;padding:5px 13px 5px 5px;border-radius:999px;background:var(--pdc-green-800);color:#fff;font:600 .72rem/1 var(--pdc-sans);letter-spacing:.15em;text-transform:uppercase}
.pdc-brief__badge{position:relative;display:block;width:22px;height:22px;border-radius:50%;background:var(--pdc-gold);color:var(--pdc-green-950);--pdc-i:var(--pdc-i-zap)}
.pdc-brief__badge::after{inset:5px}
.pdc-prose .pdc-brief__lead,.pdc-brief__lead{margin:0;font:600 1.17rem/1.55 var(--pdc-sans);letter-spacing:-.006em;color:var(--pdc-green-900);text-wrap:pretty}
.pdc-brief__points{display:grid;gap:12px;margin:18px 0 0!important;padding:18px 0 0!important;border-top:1px dashed rgba(198,167,109,.6);list-style:none}
.pdc-prose .pdc-brief__pt,.pdc-brief__pt{position:relative;margin:0;padding:3px 0 0 44px;min-height:30px;font-size:1rem;line-height:1.6;color:var(--pdc-text)}
.pdc-brief__pt::before{content:"";position:absolute;left:0;top:0;width:30px;height:30px;border-radius:10px;background:var(--pdc-cream);box-shadow:inset 0 0 0 1px rgba(198,167,109,.35)}
.pdc-brief__pt::after{left:7px;top:7px;right:auto;bottom:auto;width:16px;height:16px;margin:0;color:var(--pdc-gold-600);--pdc-i:var(--pdc-i-check)}
.pdc-brief__pt--clock::after{--pdc-i:var(--pdc-i-clock)}
.pdc-brief__pt--phone::after{--pdc-i:var(--pdc-i-phone)}
.pdc-brief__pt--pin::after{--pdc-i:var(--pdc-i-pin)}
.pdc-brief__pt--alert::before{background:var(--pdc-alert-50);box-shadow:inset 0 0 0 1px var(--pdc-alert-line)}
.pdc-brief__pt--alert::after{color:var(--pdc-alert-700);--pdc-i:var(--pdc-i-alert)}

/* Chapeau des marques / catégories (héro boutique). */
.pdc-shop-hero__intro .pdc-brief{max-width:780px;margin:4px 0 0!important;padding:20px 24px 20px 28px;box-shadow:0 1px 2px rgba(15,36,34,.04),0 14px 30px -20px rgba(15,36,34,.2)}
.pdc-shop-hero__intro .pdc-brief__lead{font-size:1.06rem}
.pdc-shop-hero__intro .pdc-brief__pt{font-size:.97rem}
.pdc-shop-hero__intro .pdc-brief__points{margin-top:14px!important;padding-top:14px!important}

/* ---------- Encadrés : base commune ---------- */
.pdc-note{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:16px;margin:2em 0;padding:20px 24px 20px 20px;border:1px solid rgba(31,61,58,.1);border-radius:18px;background:#edf2f1;clear:both}
.pdc-note__ico{position:relative;display:block;width:40px;height:40px;border-radius:12px;background:var(--pdc-green-800);color:#fff;--pdc-i:var(--pdc-i-info)}
.pdc-note__ico::after{inset:10px}
.pdc-note__body{min-width:0}
.pdc-note__body>:last-child{margin-bottom:0!important}
.pdc-prose .pdc-note p,.pdc-note p{margin:0 0 .65em;font-size:.98rem;line-height:1.7}
.pdc-prose .pdc-note ul,.pdc-note ul{margin:.3em 0 .65em}
.pdc-prose .pdc-note .pdc-note__title,.pdc-note__title{margin:6px 0 .35em;font:600 1.14rem/1.35 var(--pdc-serif);letter-spacing:-.005em;color:var(--pdc-green-900);text-wrap:balance}
.pdc-note__title strong{font-weight:inherit;color:inherit}
.pdc-note strong{color:var(--pdc-green-950)}
.pdc-note--tip{background:#f8f1e4;border-color:rgba(198,167,109,.38)}
.pdc-note--tip .pdc-note__ico{background:var(--pdc-gold);color:var(--pdc-green-950);--pdc-i:var(--pdc-i-bulb)}

/* ---------- Encadré d'alerte ---------- */
.pdc-note--warning{display:block;padding:0;border:1px solid var(--pdc-alert-line);background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(127,44,23,.05),0 20px 40px -28px rgba(127,44,23,.4)}
.pdc-note__flag{display:flex;align-items:center;gap:10px;margin:0!important;padding:11px 22px;border-bottom:1px solid var(--pdc-alert-line);background:var(--pdc-alert-50);color:var(--pdc-alert-800);font:600 .74rem/1.2 var(--pdc-sans)!important;letter-spacing:.16em;text-transform:uppercase}
.pdc-note--warning .pdc-note__ico{width:22px;height:22px;border-radius:0;background:none;color:inherit;--pdc-i:var(--pdc-i-alert)}
.pdc-note--warning .pdc-note__ico::after{inset:0}
.pdc-note--urgent .pdc-note__flag{background:var(--pdc-alert-700);border-bottom-color:var(--pdc-alert-700);color:#fff}
.pdc-note--urgent .pdc-note__ico{--pdc-i:var(--pdc-i-siren)}
.pdc-note--warning .pdc-note__body{padding:18px 24px 20px 22px}
.pdc-prose .pdc-note--warning .pdc-note__title,.pdc-note--warning .pdc-note__title{margin-top:0;font-size:1.24rem;color:var(--pdc-alert-800)}
.pdc-note--warning .pdc-hl--tel{color:var(--pdc-alert-700);background:none;padding:0;margin:0}

/* Tuiles d'appel */
.pdc-note__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:10px;margin:0!important;padding:0 22px 22px!important;list-style:none}
.pdc-prose .pdc-note__tiles>li,.pdc-note__tiles>li{margin:0;padding:0}
.pdc-note__tiles>li::before{display:none}
.pdc-tile{display:flex;align-items:center;gap:12px;height:100%;min-height:62px;padding:10px 14px;border:1.5px solid rgba(31,61,58,.16);border-radius:14px;background:#fff;color:var(--pdc-green-950);text-decoration:none!important}
.pdc-tile__ico{position:relative;flex:none;width:38px;height:38px;border-radius:50%;background:#edf2f1;color:var(--pdc-green-800);--pdc-i:var(--pdc-i-phone)}
.pdc-tile__ico::after{inset:11px}
.pdc-tile__text{display:flex;flex-direction:column;gap:3px;min-width:0}
.pdc-tile__label{font-size:.72rem;font-weight:600;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;color:var(--pdc-muted)}
.pdc-tile__num{font:600 1.22rem/1.15 var(--pdc-sans);font-variant-numeric:tabular-nums;letter-spacing:-.01em;white-space:nowrap}
.pdc-tile--urgent{border-color:rgba(156,59,34,.32)}
.pdc-tile--urgent .pdc-tile__ico{background:var(--pdc-alert-50);color:var(--pdc-alert-700)}
.pdc-tile--urgent .pdc-tile__label{color:var(--pdc-alert-800)}
.pdc-tile--primary{border-color:var(--pdc-alert-700);background:var(--pdc-alert-700);color:#fff}
.pdc-tile--primary .pdc-tile__ico{background:rgba(255,255,255,.16);color:#fff}
.pdc-tile--primary .pdc-tile__label{color:rgba(255,255,255,.9)}
.pdc-tile:hover{border-color:var(--pdc-green-800);box-shadow:0 10px 22px -14px rgba(15,36,34,.45)}
.pdc-tile--urgent:hover{border-color:var(--pdc-alert-700)}
.pdc-tile--primary:hover{background:var(--pdc-alert-800);border-color:var(--pdc-alert-800);color:#fff}
.pdc-tile:focus-visible{outline:2px solid var(--pdc-green-800);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.pdc-tile{transition:transform .2s var(--pdc-ease),box-shadow .2s,border-color .2s,background-color .2s}.pdc-tile:hover{transform:translateY(-2px)}}

/* ---------- Illustrations & photos (pages services) ---------- */
.pdc-prose .pdc-fig{margin:.4em 0 1.6em}
.pdc-fig img{display:block;width:100%;height:auto}
.pdc-fig--illus{display:flex;justify-content:center}
.pdc-prose .pdc-fig--illus img{width:min(230px,66%);border-radius:0}
.pdc-prose .pdc-fig--photo img{aspect-ratio:16/9;object-fit:cover;border-radius:18px;box-shadow:var(--pdc-shadow)}
@media (min-width:720px){
	.pdc-prose .pdc-fig{width:250px;margin-top:.3em;margin-bottom:1.1em}
	.pdc-prose .pdc-fig--illus{width:220px}
	.pdc-prose .pdc-fig--illus img{width:100%}
	.pdc-prose .pdc-fig--photo{width:260px}
	.pdc-prose .pdc-fig--photo img{aspect-ratio:4/3}
	.pdc-fig--right{float:right;margin-left:32px!important}
	.pdc-fig--left{float:left;margin-right:32px!important}
	/* Seuls les paragraphes et listes simples habillent une figure. */
	.pdc-service .pdc-content>:not(p,h3,h4,ul:not([class]),ol:not([class]),.wp-block-list,.pdc-fig){clear:both}
}

/* ---------- Mobile ---------- */
@media (max-width:700px){
	.pdc-brief{padding:20px 18px 20px 22px;margin-bottom:2em}
	.pdc-prose .pdc-brief__lead,.pdc-brief__lead{font-size:1.06rem;font-weight:500;line-height:1.55}
	.pdc-prose .pdc-fig--illus img{width:min(180px,56%)}
	.pdc-prose .pdc-fig--photo img{aspect-ratio:2/1}
	.pdc-prose .pdc-brief__pt,.pdc-brief__pt{padding-left:40px;font-size:.97rem}
	.pdc-shop-hero__intro .pdc-brief{padding:18px 16px 18px 20px}
	.pdc-note{grid-template-columns:34px minmax(0,1fr);column-gap:12px;padding:16px 16px 16px 14px}
	.pdc-note__ico{width:34px;height:34px;border-radius:10px}
	.pdc-note__ico::after{inset:8px}
	.pdc-note__flag{padding:10px 16px}
	.pdc-note--warning .pdc-note__body{padding:16px 16px 18px}
	.pdc-prose .pdc-note--warning .pdc-note__title,.pdc-note--warning .pdc-note__title{font-size:1.14rem}
	.pdc-note__tiles{padding:0 16px 18px!important;gap:8px}
	.pdc-tile{min-height:56px}
	.pdc-tile__num{font-size:1.14rem}
}