/* ===== Prosanté.re — modernisation 2026 (Claude, 26/09/2026) =====
   Fichier réversible : le supprimer rétablit l'apparence d'origine. Aucune modification de mise en page. */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&family=Inter:wght@400;500;600&display=swap');
:root{--ps-vert:#6f9c24;--ps-vert-clair:#8bb633;--ps-bleu:#1f7f8f;--ps-bleu-clair:#2fa4b5;--ps-encre:#1f2d2f;--ps-texte:#3d4a4c;--ps-bord:#e3ecd6;--ps-fond:#f5f8f3;}
body{font-family:'Inter','Segoe UI',system-ui,-apple-system,sans-serif;color:var(--ps-texte);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6;}
h1,h2,h3,h4,.page-header h1,.item-title,.contentheading{font-family:'Outfit','Segoe UI',sans-serif;color:var(--ps-encre);letter-spacing:-.01em;line-height:1.25;}
a{color:var(--ps-bleu);transition:color .15s ease;}
a:hover,a:focus{color:#155d69;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(47,164,181,.45);outline-offset:2px;}
/* En-tête */
header.header{box-shadow:0 2px 14px rgba(31,45,47,.07);position:relative;z-index:20;}
/* Boutons */
.btn,button,input[type=submit],input[type=button]{border-radius:999px!important;font-weight:600;transition:transform .12s ease,box-shadow .15s ease,background-color .15s ease;}
.btn-primary,button.btn-primary,input[type=submit]{background:var(--ps-bleu)!important;border-color:var(--ps-bleu)!important;color:#fff!important;box-shadow:0 3px 10px rgba(31,127,143,.22);}
.btn-primary:hover,button.btn-primary:hover,input[type=submit]:hover{background:#176a78!important;border-color:#176a78!important;transform:translateY(-1px);}
.btn-success{background:var(--ps-vert)!important;border-color:var(--ps-vert)!important;}
/* Champs de formulaire */
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=number],select,textarea{border:1px solid #cfdbd9!important;border-radius:10px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease;}
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=search]:focus,select:focus,textarea:focus{border-color:var(--ps-bleu-clair)!important;box-shadow:0 0 0 3px rgba(47,164,181,.18)!important;}
.input-prepend .add-on{border-radius:10px 0 0 10px!important;}
.input-prepend input{border-radius:0 10px 10px 0!important;}
/* Contenus, cartes et images */
.item-page img,.fc_item_image img,.fc-item img,.blog img,.fcitem img{border-radius:12px;}
.well,.fc-item,.fcitem,.fclayout .fc_items_block>*,.adsmanager .adsmanager_ads_box{border-radius:14px;}
.pagination ul>li>a,.pagination ul>li>span{border-radius:8px;margin:0 2px;}
table{border-collapse:collapse;}
.table th{background:#eef8fa;color:var(--ps-encre);}
/* Menus déroulants */
.dropdown-menu{border-radius:12px;border:1px solid var(--ps-bord);box-shadow:0 10px 30px rgba(31,45,47,.12);padding:6px 0;}
.dropdown-menu li>a{padding:8px 16px;}
/* Pied de page */
footer.footer a{text-decoration:none;}
footer.footer a:hover{text-decoration:underline;}
/* Accessibilité mobile : zones tactiles */
@media (max-width:767px){body{font-size:15px;}.btn,button,input[type=submit]{min-height:44px;}input[type=text],input[type=email],input[type=password],select{min-height:44px;font-size:16px;}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;}}

/* Pages légales accessibles à tous (obligation légale) : pas de fenêtre de connexion forcée */
body.itemid-202 #popup,body.itemid-202 #overlay,body.itemid-203 #popup,body.itemid-203 #overlay,body.itemid-204 #popup,body.itemid-204 #overlay,body.itemid-205 #popup,body.itemid-205 #overlay{display:none!important;}
body.itemid-202,body.itemid-203,body.itemid-204,body.itemid-205{overflow:auto!important;}
/* Champs : fond clair */
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=number],select,textarea{background-color:#fbfcfb!important;}

/* Carrousels d'articles : pas de débordement horizontal sur mobile */
.mod_fc_carousel_mask{overflow:hidden!important;}
img{max-width:100%;height:auto;}
@media (max-width:767px){html,body{overflow-x:hidden;}}

/* ===== Lot 2 (26/09/2026) : listes, annuaires, emploi ===== */
/* Cartes articles / fiches annuaire */
.gridItemInner{background:#fff !important;border:1px solid #e3ecd6;border-radius:14px !important;box-shadow:0 4px 14px rgba(31,45,47,.07) !important;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.gridItemInner:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,45,47,.13) !important}
.gridItemInner .itemInnerTop{background:#fff !important}
.gridItemInner .itemInnerBottom{background:#f7faf3 !important;border-top:1px solid #e3ecd6}
.articleItemImg img,.gridItemInner .fc_field_image{border-radius:0}
.articleItemImg img{aspect-ratio:16/10;object-fit:cover;width:100%;background:#eef3ea}
.fcitem_title,.gridItemInner h2,.gridItemInner h3{font-family:'Outfit',sans-serif !important;font-weight:600;color:#1f2d2f}
.fcitem_title:hover{color:#1f7f8f}
/* Boutons « Détail » / « Voir l'annonce » */
.miniLink{border-radius:999px !important;padding:5px 14px !important;font-family:'Outfit',sans-serif;font-weight:600;transition:background .2s ease,transform .15s ease}
.miniLink:hover{transform:translateY(-1px)}
/* Panneaux latéraux */
.panelHealth{border-radius:16px !important;overflow:hidden}
.panelHealth input[type=text],.panelHealth select{border-radius:10px !important}
/* Recherche des annuaires (en-tête) */
#absoluteHeader .panelHealth{background:#fff !important;border:1px solid #d9e2d0;box-shadow:0 6px 18px rgba(31,45,47,.10);padding:10px 12px !important}
#absoluteHeader .fc_filter_label{display:none !important}
#absoluteHeader .fc_filter_line{margin:0 !important;padding:0 !important}
#absoluteHeader .panelHealth{min-height:0 !important}
#absoluteHeader fieldset{padding:0 !important}
#absoluteHeader .fc_filter_line,#absoluteHeader .fc_filter_html{height:auto !important}
#absoluteHeader input[type=text]{margin:0 !important;height:40px}
#absoluteHeader input[type=text]{border:1px solid #cfdcc4 !important;border-radius:999px !important;padding-left:16px !important;width:100%}
@media (max-width:991px){#absoluteHeader{position:static !important;width:auto !important;margin:0 0 16px}}
/* Offres d'emploi */
.adsmanager-grid{border-radius:14px !important;overflow:hidden;background:#fff !important;border:1px solid #e3ecd6;box-shadow:0 4px 14px rgba(31,45,47,.07);transition:box-shadow .2s ease}
.adsmanager-grid:hover{box-shadow:0 12px 28px rgba(31,45,47,.13)}
.adsmanager-grid .list-image:not(:has(img)){display:none}
@media (max-width:767px){.adsmanager-grid .hidden-phone{display:block !important}.adsmanager-grid .healthpipe{display:none}}
/* Bandeau texte « Retrouvez votre identité visuelle » (page emploi) */
#before .banneritem > a > div:not(:has(img)){background:linear-gradient(120deg,#17545e,#1f7f8f 55%,#6f9c24) !important;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;height:auto !important;padding:20px 24px;width:100% !important;max-width:100% !important;box-sizing:border-box}
#before .banneritem:has(> a > div:not(:has(img))),#before .banneritem > a:has(> div:not(:has(img))){display:block;width:100% !important}
#before .banneritem > a > div:not(:has(img)) > div{color:#fff !important;font-family:'Outfit',sans-serif !important;font-size:clamp(20px,3.2vw,32px) !important;line-height:1.25 !important;height:auto !important;margin:0 !important;padding:0 !important;text-align:center}
/* Mobile : colonnes et boutons des listes dans l'écran */
@media (max-width:767px){#main > div{width:auto !important;max-width:100% !important}.itemInnerTop .miniLink{left:auto !important;float:right;margin:6px 0 10px}.itemInnerTop::after{content:"";display:block;clear:both}}

/* PROSANTE-LOGIN-LISIBLE 2026-10-08 : champs Identifiant / Mot de passe de l'en-tête, retour au rendu d'origine (fond vert, texte blanc) car le fond blanc de la charte rendait le texte tapé invisible. Pour annuler : supprimer ce bloc. */
body #top .login .controls input[type="text"],body #top .login .controls input[type="password"]{background-color:#688826 !important;color:#fff !important;-webkit-text-fill-color:#fff;border:0 !important;caret-color:#fff}
body #top .login .controls input::placeholder{color:rgba(255,255,255,.8)}
body #top .login .controls input:-webkit-autofill,body #top .login .controls input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;box-shadow:0 0 0 1000px #688826 inset !important;transition:background-color 9999s}
/* Bouton Déconnexion : texte blanc lisible sur fond bleu-vert Prosanté (il était blanc sur gris clair) */
#topMenu .logout-button input,#topLeftMenu .logout-button input{background:#1f7f8f !important;border-color:#1f7f8f !important;color:#fff !important}
