/* pharmacie-du-centre-croix.com - small fixes on top of the original css/style.css (2026-11-12).
   Loaded by wp-content/mu-plugins/croix-polish.php after the original stylesheets.
   Desktop keeps the original design; the block at the end is the phone layout (same blocks, colours and images, stacked).
   Rollback: bash /root/backups/croix-polish-20261112/rollback.sh */

/* The "Devenez Fan Sur Facebook" label lost its wrapper (#facebook) in the archive and fell on top of the first
   menu item. Same place as in the original CSS: right end of the top bar. */
#header .txt-facebook{position:absolute;left:817px;top:0;float:none;margin:3px 0 0;font-family:'Ubuntu',Arial,Helvetica,sans-serif;font-size:12px;line-height:12px;color:#000}
#header .img-facebook{position:absolute;left:903px;top:0;float:none;margin:3px 0 0}
#ast-scroll-top{display:none!important}

/* phone number in the header is a tel: link now - it must look exactly like the plain text did */
#tel-header a{color:inherit;text-decoration:none}

/* "Pharmacie de Garde" box: wrapper restored in the template (span.garde), it is not a link */
span.garde{display:block;cursor:default}

/* page numbers of the product lists were not archived: "2 3 4 ... Suivant" is plain text without links - hide the dead pager */
.paginationControl:not(:has(a)){display:none}

/* cookie banner (plugin Cookie Notice): site font and colours; the "x" is hidden because the plugin counts it as "accept" */
#cookie-notice{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:18px}
#cookie-notice.cookie-notice-visible,#cookie-notice.cookie-revoke-visible{border-top:1px solid #bfe5a2;box-shadow:0 -2px 8px rgba(0,0,0,.12)}
#cookie-notice .cn-button:not(.cn-button-custom){color:#fff;font-family:inherit;font-size:13px;border-radius:3px}
#cookie-notice #cn-close-notice{display:none}
@media (max-width:767px){
html{-webkit-text-size-adjust:100%}
body{display:flex;flex-direction:column;background-image:none;font-size:13px}

/* ---- header: top menu, logo, languages, contact box, opening hours ---- */
#header_frame{position:static;order:-1;background:none}
#header{width:auto;height:auto}
#menuh{position:static;width:auto;height:auto;background:#80d243;box-shadow:0 2px 3px rgba(0,0,0,.25)}
#menuh ul{float:none;display:grid;grid-template-columns:repeat(3,1fr)}
#menuh ul li{float:none;display:block;background:none;border-right:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45)}
#menuh ul li:nth-child(3n){border-right:0}
#menuh ul li:nth-child(n+4){border-bottom:0}
#menuh ul li a{float:none;height:auto;padding:0 4px;font-size:13px;line-height:38px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#menuh ul li a:hover,#menuh ul li a.selected{background:none;font-weight:bold}
#header .txt-facebook,#header .img-facebook{display:none}
#logo{float:none;position:relative;left:auto;top:auto;width:auto;height:104px;margin:10px 8px 0;background-size:125px auto}
.nom{left:132px;right:0;top:20px;width:auto;font-size:clamp(23px,8vw,34px);line-height:1.05}
.nom span{font-size:.8em}
.encart_langue{position:static;margin:6px 8px 10px;font-size:12px}
.encart_langue br{display:none}
.encart_langue img{vertical-align:middle;margin:0 4px 0 10px!important}
#contact-newsletter{position:static;width:auto;height:auto;margin:0 10px;padding:10px;background:#ecf7e8;border:1px solid #cfe8c4;border-radius:10px;text-align:center}
#adresse-header,#tel-header{position:static;text-align:center}
#adresse-header{font-size:13px;letter-spacing:.3px}
#tel-header{font-size:28px;line-height:1.3}
#newsletter{position:static;float:none;width:auto;max-width:262px;height:auto;margin:8px auto 0;padding:0 10px 8px;overflow:hidden;text-align:left}
#titre-newsletter{width:auto;float:none}
#newsletter #input_newsletter{width:calc(100% - 46px);height:28px;line-height:28px;font-size:16px;border-radius:0}
#newsletter #js_submit{height:28px;width:30px;margin-left:6px;padding:0}
#header_frame>div:last-child{font-size:16px!important;margin:12px 10px 0;width:auto!important}
#header_frame>div:last-child>span{display:block;padding:8px 6px!important;line-height:1.25}

/* ---- columns: category menu, page content, right-hand boxes, "Top pathologies" ---- */
#container{width:auto;margin:0;padding-top:0}
#content{float:none;width:auto;display:flex;flex-direction:column;margin-bottom:16px}
#right,#colonne_gauche{display:contents}
#menu_gauche{order:1;float:none;width:auto;margin:12px 10px 0}
#menuv{float:none;width:auto;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;list-style:none}
#menuv>li{background-size:100% 42px!important;min-height:42px}
/* three of the button images (and all hover images) are 210px wide with a 190px button drawn inside */
#menuv>li.orthopedie,#menuv>li.naturelle,#menuv>li.beaute,#menuv>li:hover{background-size:110.6% 42px!important}
#menuv li a{font-size:15px;line-height:42px;padding-left:10px;white-space:nowrap}
ul#menuv ul{width:auto;margin:0 6px 0 6px}
ul#menuv ul li a{white-space:normal;font-size:13px;line-height:22px;padding:2px 0 2px 10px}
#colonne_centre{order:2;float:none;width:auto;height:auto;margin:14px 12px 8px;display:flex;flex-direction:column;min-width:0}
#index,#index.padding-home{float:none;width:auto;padding-top:0!important}
#top-index{position:static;order:-1;width:auto;height:auto;margin:0 0 12px}
#top-index #wrapper,#top-index #slider{float:none;width:auto!important;height:auto!important}
#top-index img{display:block;width:100%}
/* slideshow of the category pages (Nivo slider 2.6, 550x271 pictures) scaled to the screen width */
.slider-wrapper{float:none;width:auto;height:auto}
.nivoSlider{width:auto!important;height:auto!important;aspect-ratio:550/271;background-size:100% auto!important}
.nivoSlider img{width:100%;height:auto}
.nivo-slice{background-size:calc(100vw - 24px) auto!important}
.nivo-caption{left:0;right:0;width:auto;height:auto;box-sizing:border-box}
.nivo-caption .tit,.nivo-caption p{width:auto}
#colonne_centre img{max-width:100%;height:auto}
#colonne_centre iframe,#colonne_centre object,#colonne_centre embed,#colonne_centre table{max-width:100%}
.colonne_droite{order:3;float:none;width:213px;height:auto;margin:6px auto 0}
#pathologies{order:4;float:none;margin:14px auto 0;overflow:hidden}

/* ---- text ---- */
h1{font-size:21px;line-height:1.25;margin-bottom:14px}
h2{font-size:18px;line-height:1.25;display:block}
p{font-size:14px;line-height:21px;text-align:left}
.chemin,#ariane-loupe,#file,#fil_ariane{font-size:11px;height:auto}
#loupe{display:none}
.fakeLi{float:none;display:block;width:auto;margin-left:0;font-size:14px;line-height:20px}
.lien,.retour{font-size:14px;padding-top:4px;padding-bottom:4px}

/* ---- product lists and product page ---- */
.listing{width:auto;height:auto;padding:8px}
.listing_img{width:84px;height:84px;margin-right:8px}
.listing_img img{max-width:84px;max-height:84px;width:auto;height:auto}
.listing_info{float:none;width:auto}
.listing_titre{float:none}
.listing_titre h2{line-height:1.2!important}
.listing_prix{float:none;width:auto;text-align:left;font-size:20px;margin:4px 0}
.listing_texte{font-size:13px;line-height:19px}
.detail{width:auto;height:auto}
.detail_titre{float:none}
.detail_prix{float:none;margin:6px 0}
.detail_img{float:none;display:block;margin:0 auto 12px}
.txt-info{float:none;width:auto;font-size:14px;line-height:21px}
.produits_associes{float:none;width:auto}
#carr{float:none;width:100%;overflow:hidden}
.jcarousel-container{width:auto!important}
.jcarousel-clip{width:auto!important;overflow:hidden}
.paginationControl{float:none;margin-left:0}
.paginationleft,.numpage,.paginationright,.disabledgauche,.disableddroite,.pagination_selected{display:inline-block;padding:6px 10px;margin:0 2px 4px 0}

/* ---- news ---- */
#container_actualite,#actualite_detail{width:auto!important}
#listing_calendrier{width:auto!important}

/* ---- forms ---- */
#contenu_gauche_formulaire{width:auto!important;float:none;border-right:0!important;padding-right:0}
#contenu_droit_formulaire{float:none;width:auto;margin-top:14px}
#formulaire_1,#formulaire_2{width:auto!important;float:none!important}
#formulaire_1 input,#formulaire_2 input,#formulaire_1 textarea,#formulaire_2 textarea{width:100%!important;max-width:320px;box-sizing:border-box;font-size:16px}
#formulaire_1 input,#formulaire_2 input{height:34px!important}
#formulaire_1 .submit input,#formulaire_2 .submit input{height:40px!important}
#formulaire_1 .divGenerateur li input,#formulaire_2 .divGenerateur li input{width:28px!important;height:20px!important}
#formulaire_1 .divGenerateur li label,#formulaire_2 .divGenerateur li label{width:auto!important;height:auto}
#formulaire_1 label,#formulaire_2 label{width:auto!important}
fieldset{width:auto;max-width:320px;box-sizing:border-box}

/* ---- footer ---- */
#footer{float:none;order:2}
#img-footer{display:none}
.wrap{width:auto;margin:0;padding:6px 14px 26px;overflow:visible}
#footer_gauche{float:none;width:auto}
.foot{width:auto;margin-bottom:8px;column-count:2;column-gap:16px}
.foot li,.foot2 li{line-height:24px}
.foot li a,.foot2 li a,.foot2 li ul li a{font-size:13px;line-height:24px}
#footer_droit{float:none;width:auto;height:auto;padding:0;display:flex;flex-wrap:wrap}
.footer_adresse{flex:0 0 100%;height:auto;padding:8px 0;text-align:left;font-size:13px;line-height:20px;overflow:visible}
.footer_adresse p{float:none;width:auto;padding:0;color:#fff;text-align:left}
.nom-adresse{float:none;display:block}
.adresse-footer{display:block;margin-right:0}
.foot2{flex:0 0 50%;width:50%;float:none;box-sizing:border-box;padding-right:8px}
#giphar{float:none;margin:14px 0 0}
#paquet_telecom_bandeau{font-size:12px}
#cookie-notice{font-size:14px;line-height:20px}
#cookie-notice .cookie-notice-container{padding:12px}
#cookie-notice .cn-button:not(.cn-button-custom){min-width:120px;min-height:40px;font-size:15px}
}