Separation Anxiety in Senior Large Breed Dogs: Calm Strategies That Work

/* ===================================================================
GREY SNOUT GUIDE ? CSS ADDITIONNEL COMPLET (WordPress)
Apparence ? Personnaliser ? CSS additionnel
REMPLACER TOUT (Ctrl+A ? Supprimer ? Coller ce fichier ? Publier)

Contient : header, homepage, newsletter, footer, ARTICLES, ARCHIVES (rubriques)
=================================================================== */

/* BOS CSS version: 2026-08-05-hero-unified */

:root {
–bos-beige: #faf7f2;
–bos-header-max: 1440px;
–bos-content-max: 920px;
–bos-article-max: 1200px;
–bos-header-pad: 0.65rem;
–bos-hero-max: 900px;
–bos-article-hero-max-width: 720px;
–bos-article-hero-height: 380px;
–bos-article-hero-radius: 12px;
–bos-menu-margin-right: 1.85rem;
–bos-menu-shift-right: 1.25rem;
–bos-brown: #8b7355;
–bos-brown-hover: #6b4f3a;
–bos-border: #e8dfd0;
–bos-text: #3d3228;
/* Typo articles ? ?chelle uniforme (+7 % sur toutes les tailles) */
–bos-article-scale: 1.07;
–bos-article-font: calc(1.125rem * var(–bos-article-scale));
–bos-article-h2: calc(1.39rem * var(–bos-article-scale));
–bos-article-h3: calc(1.19rem * var(–bos-article-scale));
–bos-article-lead: calc(1.09rem * var(–bos-article-scale));
–bos-article-note: calc(0.95rem * var(–bos-article-scale));
–bos-article-pick: calc(1.34rem * var(–bos-article-scale));
–bos-article-cta: calc(1.03rem * var(–bos-article-scale));
–bos-article-related: calc(1.08rem * var(–bos-article-scale));
–bos-article-faq: calc(1.03rem * var(–bos-article-scale));
–bos-article-disclosure: calc(0.75rem * var(–bos-article-scale));
–bos-article-table: calc(0.98rem * var(–bos-article-scale));
–bos-article-table-head: calc(0.92rem * var(–bos-article-scale));
–bos-article-table-body: calc(0.96rem * var(–bos-article-scale));
–bos-article-table-th: calc(0.9rem * var(–bos-article-scale));
–bos-article-mobile: calc(1.0625rem * var(–bos-article-scale));
–bos-article-mobile-h2: calc(1.28rem * var(–bos-article-scale));
–bos-article-mobile-h3: calc(1.12rem * var(–bos-article-scale));
–bos-article-mobile-table: calc(0.92rem * var(–bos-article-scale));
–bos-entry-title-min: calc(1.55rem * var(–bos-article-scale));
–bos-entry-title-max: calc(2.35rem * var(–bos-article-scale));
–bos-entry-title-d-min: calc(1.75rem * var(–bos-article-scale));
–bos-entry-title-d-max: calc(2.5rem * var(–bos-article-scale));
–bos-entry-title-m-min: calc(1.15rem * var(–bos-article-scale));
–bos-entry-title-m-max: calc(1.45rem * var(–bos-article-scale));
/* Typo bas de page (comments, related, footer, newsletter) ? m?me ?chelle */
–bos-ui-font: calc(1rem * var(–bos-article-scale));
–bos-ui-sm: calc(0.875rem * var(–bos-article-scale));
–bos-ui-heading: calc(1.28rem * var(–bos-article-scale));
–bos-ui-related-title: calc(1.12rem * var(–bos-article-scale));
–bos-ui-footer-nav: calc(1.06rem * var(–bos-article-scale));
–bos-ui-copyright: calc(0.875rem * var(–bos-article-scale));
–bos-ui-nav-post: calc(1.12rem * var(–bos-article-scale));
–bos-ui-btn: calc(1rem * var(–bos-article-scale));
}

/* ===================================================================
1. HEADER ? beige, logo, menu (position valid?e)
=================================================================== */

#masthead,
.site-header,
.main-header-bar,
.main-header-bar-wrap,
.ast-main-header-wrap,
.ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap,
.ast-primary-header-bar .ast-builder-grid-row,
.ast-primary-header-bar .ast-builder-grid-row-container,
.ast-builder-header-row,
.ast-builder-grid-row,
.site-primary-header-wrap,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-mobile-header-wrap,
#ast-mobile-header,
.ast-header-break-point .main-header-bar,
.ast-header-break-point .ast-primary-header-bar {
background-color: var(–bos-beige) !important;
background-image: none !important;
}

.site-header,
.main-header-bar,
.ast-primary-header-bar,
#masthead,
#masthead .main-header-bar-wrap,
#masthead .site-primary-header-wrap {
border-bottom: none !important;
box-shadow: none !important;
}

.main-header-menu > .menu-item > a,
.main-header-menu .menu-link {
color: #4a3d30 !important;
font-weight: 600;
}

.main-header-menu > .menu-item > a:hover,
.main-header-menu .menu-link:hover {
color: var(–bos-brown-hover) !important;
}

.site-title a {
color: var(–bos-text) !important;
font-weight: 700;
}

.custom-logo-link img,
.site-logo-img,
.site-header .site-logo-img {
height: 118px !important;
width: auto !important;
max-height: none !important;
max-width: min(760px, 90vw) !important;
object-fit: contain !important;
object-position: left center !important;
image-rendering: auto;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
}

.custom-logo-link {
display: inline-block !important;
line-height: 0 !important;
background: transparent !important;
overflow: visible !important;
padding-left: 0 !important;
margin-left: 0 !important;
}

.site-branding,
.ast-site-identity,
.site-header .site-branding,
.ast-site-identity-wrap,
.site-header-primary-section-left,
.site-header-primary-section-right,
.main-header-menu,
.main-header-menu .menu-item,
.main-header-menu .menu-link {
background-color: var(–bos-beige) !important;
background-image: none !important;
}

.site-branding,
.ast-site-identity,
.site-header .site-branding {
overflow: visible !important;
flex-shrink: 0 !important;
}

#page,
.site-content,
.ast-separate-container .site-content {
background-color: var(–bos-beige) !important;
}

.site-title,
.site-description {
display: none !important;
}

#masthead,
.site-header {
position: relative !important;
}

.ast-primary-header-bar {
padding: 0.45rem 0 0.5rem !important;
min-height: 0 !important;
height: auto !important;
margin-bottom: 0 !important;
}

#masthead,
.site-header,
.main-header-bar {
min-height: 0 !important;
}

body.home .site-content,
body.home #content,
body.home .site-main {
margin-top: 0 !important;
padding-top: 1rem !important;
}

.home .entry-content {
padding-top: 0 !important;
margin-top: 0 !important;
}

.home .entry-content > div:first-child {
margin-top: 0 !important;
background: var(–bos-beige) !important;
background-image: none !important;
}

.home .entry-content .bos-homepage,
.home .entry-content > div:first-child {
background: var(–bos-beige) !important;
background-image: none !important;
}

@media (min-width: 922px) {
.ast-primary-header-bar,
.main-header-bar-wrap {
padding: 0.45rem 0 0.5rem 0 !important;
overflow: visible !important;
}

.custom-logo-link img,
.site-logo-img,
.site-header .site-logo-img {
height: 150px !important;
max-width: min(900px, 48vw) !important;
}

.custom-logo-link,
.ast-primary-header-bar .site-header-primary-section-left .custom-logo-link,
.ast-primary-header-bar .site-header-primary-section-left .site-branding {
margin-left: 0.35rem !important;
padding-left: 0 !important;
}

.ast-primary-header-bar .ast-container,
.main-header-bar-wrap .ast-container,
.ast-primary-header-bar .site-primary-header-wrap,
.ast-primary-header-bar .ast-builder-grid-row-container {
max-width: calc(100vw – 0.75rem) !important;
width: calc(100vw – 0.75rem) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(–bos-header-pad) !important;
padding-right: var(–bos-header-pad) !important;
}

.ast-primary-header-bar .ast-builder-grid-row,
.ast-primary-header-bar .site-primary-header-wrap > .ast-builder-grid-row {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
grid-template-columns: unset !important;
padding-right: 0 !important;
box-sizing: border-box !important;
}

.ast-primary-header-bar .site-header-primary-section-left {
flex: 1 1 auto !important;
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: space-between !important;
min-width: 0 !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}

.ast-primary-header-bar .site-header-primary-section-left > .site-header-focus-item:first-child,
.ast-primary-header-bar .site-header-primary-section-left .site-branding,
.ast-primary-header-bar .site-header-primary-section-left .custom-logo-link {
flex: 0 0 auto !important;
margin-left: 0.35rem !important;
}

.ast-primary-header-bar .site-header-primary-section-left .ast-builder-menu-1,
.ast-primary-header-bar .site-header-primary-section-left .main-header-bar-navigation,
.ast-primary-header-bar .site-header-primary-section-left .main-header-menu {
flex: 0 1 auto !important;
margin-left: auto !important;
margin-right: var(–bos-menu-margin-right) !important;
transform: translateX(var(–bos-menu-shift-right)) !important;
}

.ast-primary-header-bar .site-header-primary-section-right {
margin-right: 0 !important;
padding-right: 0 !important;
flex: 0 0 auto !important;
}

.ast-primary-header-bar .main-header-bar-navigation nav,
.ast-primary-header-bar .main-header-menu {
display: flex !important;
flex-wrap: nowrap !important;
justify-content: flex-end !important;
align-items: center !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
white-space: nowrap !important;
}

.ast-primary-header-bar .main-header-menu > .menu-item {
flex: 0 0 auto !important;
white-space: nowrap !important;
}

.main-header-menu > .menu-item > a,
.main-header-menu .menu-link {
font-size: 1.26rem !important;
letter-spacing: 0.045em !important;
padding-left: 1.05rem !important;
padding-right: 1.05rem !important;
white-space: nowrap !important;
border: none !important;
border-top: none !important;
border-bottom: none !important;
box-shadow: none !important;
}

.main-header-menu > .menu-item:last-child > a,
.main-header-menu > .menu-item:last-child .menu-link {
padding-right: 0 !important;
}

.single-post .entry-title {
font-size: clamp(var(–bos-entry-title-d-min), calc(3.2vw * var(–bos-article-scale)), var(–bos-entry-title-d-max)) !important;
}
}

@media (max-width: 921px) {
.custom-logo-link img,
.site-logo-img,
.site-header .site-logo-img,
#ast-mobile-header .custom-logo-link img,
.ast-mobile-header-wrap .custom-logo-link img,
.ast-header-break-point .custom-logo-link img {
height: 92px !important;
width: auto !important;
max-height: none !important;
max-width: min(600px, calc(100vw – 44px)) !important;
object-fit: contain !important;
}

.custom-logo-link,
#ast-mobile-header .custom-logo-link {
max-width: calc(100vw – 68px) !important;
}

.ast-primary-header-bar,
.ast-mobile-header-wrap .ast-primary-header-bar,
#ast-mobile-header .ast-primary-header-bar {
min-height: 0 !important;
padding: 0.15rem 0 !important;
}

/* Menu mobile ? fond vert teal, traits + croix blancs */
.menu-toggle,
.main-header-menu-toggle,
.ast-mobile-menu-trigger-outline,
#ast-mobile-header .menu-toggle,
.ast-mobile-header-wrap .menu-toggle,
.ast-header-break-point .menu-toggle {
color: #fffdf9 !important;
background-color: #0f766e !important;
border: 1px solid #0f766e !important;
border-color: #0f766e !important;
outline: none !important;
border-radius: 6px !important;
box-shadow: none !important;
}

.menu-toggle:hover,
.main-header-menu-toggle:hover,
.ast-mobile-menu-trigger-outline:hover,
#ast-mobile-header .menu-toggle:hover,
.ast-mobile-header-wrap .menu-toggle:hover,
.ast-header-break-point .menu-toggle:hover {
color: #ffffff !important;
background-color: #0d6b64 !important;
border-color: #0d6b64 !important;
}

.menu-toggle .ast-mobile-svg,
.menu-toggle .ast-menu-svg,
.menu-toggle .ast-close-svg,
.menu-toggle svg,
.mobile-menu-toggle-icon svg {
fill: currentColor !important;
color: inherit !important;
}
}

@media (max-width: 544px) {
.custom-logo-link img,
.site-logo-img,
.site-header .site-logo-img,
#ast-mobile-header .custom-logo-link img,
.ast-mobile-header-wrap .custom-logo-link img {
height: 84px !important;
max-width: min(540px, calc(100vw – 40px)) !important;
}
}

/* ===================================================================
2. HOMEPAGE ? Quick answers 2?2 + disclosure petit
=================================================================== */

.home .entry-content .bos-quick-answers,
.home .entry-content div:has(> a[href*=”10-signs-your-large-breed-dog-is-getting-old”]) {
display: grid !important;
grid-template-columns: repeat(2, 420px) !important;
justify-content: center !important;
align-items: stretch !important;
gap: 0.75rem !important;
width: fit-content !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
flex-direction: unset !important;
flex-wrap: unset !important;
}

.home .entry-content .bos-quick-answers a,
.home .entry-content div:has(> a[href*=”10-signs-your-large-breed-dog-is-getting-old”]) a {
display: block !important;
width: 100% !important;
max-width: none !important;
min-width: 0 !important;
flex: unset !important;
box-sizing: border-box !important;
text-align: center !important;
}

/* WordPress ajoute des
entre les liens ? les masquer pour la grille 2?2 */
.home .entry-content .bos-quick-answers br,
.home .entry-content div:has(> a[href*=”10-signs-your-large-breed-dog-is-getting-old”]) br {
display: none !important;
}

@media (max-width: 640px) {
.home .entry-content .bos-quick-answers,
.home .entry-content div:has(> a[href*=”10-signs-your-large-breed-dog-is-getting-old”]) {
grid-template-columns: 1fr !important;
width: 100% !important;
max-width: 420px !important;
}
}

.home .entry-content .bos-disclosure p,
.home .entry-content section.bos-disclosure p,
.home .entry-content section:has(> p > em) p {
font-size: var(–bos-article-disclosure) !important;
line-height: 1.55 !important;
color: #7a6550 !important;
}

.home .entry-content .bos-disclosure em,
.home .entry-content section:has(> p > em) em {
font-size: inherit !important;
}

/* ===================================================================
2b. FOOTER ? rubriques sur UNE ligne centr?e
=================================================================== */

.site-primary-footer-wrap .ast-builder-footer-grid-columns,
.site-primary-footer-wrap .site-primary-footer-inner-wrap {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
width: 100% !important;
}

.site-footer-primary-section-2,
.site-footer .site-footer-primary-section-2,
.site-footer .site-footer-section-2 {
flex: 1 1 100% !important;
width: 100% !important;
max-width: 100% !important;
grid-column: 1 / -1 !important;
justify-content: center !important;
}

.site-footer .footer-widget-area,
.site-footer .footer-bar-navigation,
.site-footer .footer-navigation {
width: 100% !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

.site-footer .footer-navigation .ast-nav-menu,
.site-footer .footer-navigation .menu,
.site-footer .astra-footer-horizontal-menu {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
max-width: 100% !important;
gap: 0.75rem 1.5rem !important;
margin: 0 auto !important;
padding: 0 !important;
list-style: none !important;
}

.site-footer .footer-navigation .menu-item,
.site-footer .ast-nav-menu .menu-item {
flex: 0 0 auto !important;
white-space: nowrap !important;
margin: 0 !important;
}

.site-footer .footer-navigation .menu-item a,
.site-footer .footer-navigation .menu-link,
.site-footer .ast-nav-menu .menu-item a,
.site-footer .ast-nav-menu .menu-link {
color: #4a3d30 !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap !important;
}

.site-footer .footer-navigation .menu-item a:hover,
.site-footer .footer-navigation .menu-link:hover,
.site-footer .ast-nav-menu .menu-item a:hover,
.site-footer .ast-nav-menu .menu-link:hover {
color: var(–bos-brown-hover) !important;
}

@media (min-width: 922px) {
.site-footer .footer-navigation .menu-item a,
.site-footer .footer-navigation .menu-link,
.site-footer .ast-nav-menu .menu-item a,
.site-footer .ast-nav-menu .menu-link {
font-size: var(–bos-ui-footer-nav) !important;
padding-left: 0.95rem !important;
padding-right: 0.95rem !important;
}

.site-footer .footer-navigation .menu-item:last-child a,
.site-footer .ast-nav-menu .menu-item:last-child a {
padding-right: 0 !important;
}
}

@media (max-width: 640px) {
.site-footer .footer-navigation .ast-nav-menu,
.site-footer .footer-navigation .menu {
flex-wrap: wrap !important;
justify-content: center !important;
row-gap: 0.5rem !important;
}
}

/* ===================================================================
3. NEWSLETTER ? fond beige, bouton marron, align? Quick answers
(supprime d?grad? vert TechWire + bouton violet SureForms)
=================================================================== */

.site-footer,
.site-above-footer-wrap,
.site-above-footer-wrap.ast-builder-grid-row-container,
.site-above-footer-wrap .ast-builder-grid-row-container-inner,
.site-above-footer-wrap .site-above-footer-inner-wrap,
.site-above-footer-wrap .ast-builder-footer-grid-columns,
.site-above-footer-wrap .site-footer-section,
.site-above-footer-wrap .footer-widget-area,
.site-above-footer-wrap .footer-widget-area-inner,
.site-above-footer-wrap .widget,
.site-above-footer-wrap .widget_block {
background-color: var(–bos-beige) !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
}

.site-above-footer-wrap {
width: 100% !important;
max-width: none !important;
padding: 2rem var(–bos-header-pad) !important;
box-sizing: border-box !important;
}

.site-above-footer-wrap .site-above-footer-inner-wrap,
.site-above-footer-wrap .ast-builder-grid-row-container-inner,
.site-above-footer-wrap .footer-widget-area,
.site-above-footer-wrap .footer-widget-area-inner {
max-width: var(–bos-header-max) !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(–bos-header-pad) !important;
padding-right: var(–bos-header-pad) !important;
box-sizing: border-box !important;
}

.srfm-form-container,
.srfm-form-container-2715,
.srfm-form-container.srfm-bg-color {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
padding: 0 !important;
max-width: var(–bos-content-max) !important;
width: 100% !important;
margin: 0 auto !important;
box-sizing: border-box !important;
}

.srfm-form-container-2715,
.srfm-form-container-2715 .srfm-form {
–srfm-color-scheme-primary: var(–bos-brown) !important;
–srfm-color-scheme-text-on-primary: #fffdf9 !important;
–srfm-btn-color-hover: var(–bos-brown-hover) !important;
–srfm-btn-color-disabled: #c4b5a5 !important;
–srfm-color-input-border-hover: var(–bos-brown) !important;
–srfm-color-input-border-focus-glow: rgba(139, 115, 85, 0.18) !important;
}

.srfm-form-container-2715 .srfm-input-common,
.srfm-form-container-2715 input[type=”email”],
.srfm-form-container-2715 input[type=”text”] {
background: #fffdf9 !important;
border: 1px solid var(–bos-border) !important;
color: var(–bos-text) !important;
border-radius: 8px !important;
min-height: 48px !important;
font-size: var(–bos-ui-font) !important;
}

.srfm-form-container-2715 .srfm-input-common:focus,
.srfm-form-container-2715 input[type=”email”]:focus,
.srfm-form-container-2715 input[type=”text”]:focus {
border-color: var(–bos-brown) !important;
box-shadow: 0 0 0 3px rgba(139, 115, 85, 0.15) !important;
outline: none !important;
}

.srfm-form-container-2715 #srfm-submit-btn,
.srfm-form-container-2715 .srfm-submit-button,
.srfm-form-container-2715 .srfm-custom-button,
.srfm-form-container-2715 .srfm-button.srfm-btn-frontend {
background-color: var(–bos-brown) !important;
background-image: none !important;
border: 1px solid var(–bos-brown) !important;
color: #fffdf9 !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: var(–bos-ui-btn) !important;
min-height: 48px !important;
padding: 0.75rem 1.5rem !important;
cursor: pointer !important;
}

.srfm-form-container-2715 #srfm-submit-btn:hover,
.srfm-form-container-2715 .srfm-submit-button:hover,
.srfm-form-container-2715 .srfm-custom-button:hover,
.srfm-form-container-2715 .srfm-button.srfm-btn-frontend:hover {
background-color: var(–bos-brown-hover) !important;
border-color: var(–bos-brown-hover) !important;
color: #fffdf9 !important;
}

@media (min-width: 768px) {
.site-above-footer-wrap {
padding: 2.25rem var(–bos-header-pad) !important;
}

.srfm-form-container-2715 {
padding-left: calc((100% – min(840px, 100%) – 0.75rem) / 2) !important;
padding-right: 0 !important;
}

.srfm-form-container-2715 .srfm-form,
.srfm-form-container-2715 form {
display: flex !important;
flex-wrap: nowrap !important;
align-items: stretch !important;
justify-content: flex-start !important;
gap: 0.75rem !important;
max-width: min(840px, 100%) !important;
}

.srfm-form-container-2715 .srfm-form-field,
.srfm-form-container-2715 .srfm-block.srfm-email-block,
.srfm-form-container-2715 .srfm-field-block {
flex: 1 1 auto !important;
margin: 0 !important;
min-width: 0 !important;
}

.srfm-form-container-2715 .srfm-submit-wrap,
.srfm-form-container-2715 .srfm-button-block,
.srfm-form-container-2715 .srfm-form-footer {
flex: 0 0 auto !important;
margin: 0 !important;
}

.srfm-form-container-2715 #srfm-submit-btn,
.srfm-form-container-2715 .srfm-submit-button {
width: auto !important;
min-width: 10rem !important;
white-space: nowrap !important;
}
}

@media (max-width: 767px) {
.site-above-footer-wrap {
padding: 1.5rem 1rem !important;
}

.srfm-form-container-2715 {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
}

.srfm-form-container-2715 .srfm-form,
.srfm-form-container-2715 form {
display: flex !important;
flex-direction: column !important;
gap: 0.75rem !important;
width: 100% !important;
}

.srfm-form-container-2715 .srfm-form-field,
.srfm-form-container-2715 .srfm-block,
.srfm-form-container-2715 .srfm-submit-wrap,
.srfm-form-container-2715 .srfm-button-block {
width: 100% !important;
margin: 0 !important;
}

.srfm-form-container-2715 .srfm-input-common,
.srfm-form-container-2715 input[type=”email”] {
width: 100% !important;
box-sizing: border-box !important;
}

.srfm-form-container-2715 #srfm-submit-btn,
.srfm-form-container-2715 .srfm-submit-button {
width: 100% !important;
display: block !important;
}
}

/* ===================================================================
4. ARTICLES ? titres teal, cartes produit, tableaux
=================================================================== */
/* — Single post page (Astra) — */
.single-post .site-content {
background-color: #faf7f2;
}

/* Astra ? separate container ? ? retire la bo?te blanche ?troite sur desktop */
.single-post.ast-separate-container #primary {
margin-top: 0 !important;
margin-bottom: 0 !important;
background: transparent !important;
}

.single-post.ast-separate-container article.ast-article-single,
.single-post article.ast-article-single {
padding: 1.25rem !important;
background-color: var(–bos-beige) !important;
border: none !important;
box-shadow: none !important;
}

.single-post .site-content > .ast-container,
.single-post #primary,
.single-post .site-main {
max-width: var(–bos-header-max) !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}

/* Desktop articles ? largeur lecture confortable, centr?e */
@media (min-width: 922px) {
.single-post .site-content > .ast-container {
display: block !important;
max-width: min(var(–bos-article-max), calc(100vw – 1.5rem)) !important;
width: min(var(–bos-article-max), calc(100vw – 1.5rem)) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}

.single-post #primary,
.single-post .site-main {
max-width: 100% !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
}

.single-post .ast-primary-header-bar .ast-container,
.single-post .main-header-bar-wrap .ast-container,
.single-post .ast-primary-header-bar .site-primary-header-wrap,
.single-post .ast-primary-header-bar .ast-builder-grid-row-container {
max-width: calc(100vw – 0.75rem) !important;
width: calc(100vw – 0.75rem) !important;
margin-left: auto !important;
margin-right: auto !important;
}
}

.single-post .entry-header {
max-width: 100%;
width: 100%;
margin: 0 auto 2.25rem;
padding: 0 0 0.5rem;
box-sizing: border-box;
text-align: center;
}

.single-post .entry-title {
color: #0f766e !important;
font-size: clamp(var(–bos-entry-title-min), calc(3.8vw * var(–bos-article-scale)), var(–bos-entry-title-max));
font-weight: 650;
line-height: 1.35;
letter-spacing: -0.01em;
text-transform: none;
margin-bottom: 0.85em;
padding: 0;
background: none;
border: none;
border-radius: 0;
box-shadow: none;
display: block;
text-align: center;
}

.single-post .entry-title::before {
display: none;
content: none;
}

/* Cat?gories, date, ? Leave a comment ? + Must Read meta ? brown, centr? sous le titre */
.single-post .entry-header .entry-meta,
.single-post .entry-header .entry-meta a,
.single-post .entry-header .ast-single-entry-meta,
.single-post .entry-header .posted-on,
.single-post .entry-header .cat-links,
.single-post .entry-header .comments-link,
.single-post .entry-meta,
.single-post .entry-meta a,
.single-post .ast-single-entry-meta,
.single-post .ast-single-entry-meta a,
.single-post .posted-on,
.single-post .posted-on a,
.single-post .cat-links,
.single-post .cat-links a,
.single-post .tags-links,
.single-post .tags-links a,
.single-post .comments-link,
.single-post .comments-link a,
.single-post .ast-terms-link,
.single-post .ast-terms-link a,
.single-post .ast-single-related-posts-container .ast-taxonomy-container,
.single-post .ast-single-related-posts-container .ast-taxonomy-container a,
.single-post .ast-single-related-posts-container .cat-links,
.single-post .ast-single-related-posts-container .cat-links a {
color: #8b7355 !important;
-webkit-text-fill-color: #8b7355 !important;
}

.single-post .entry-header .entry-meta,
.single-post .entry-header .ast-single-entry-meta,
.single-post .entry-header .posted-on,
.single-post .entry-header .cat-links,
.single-post .entry-header .comments-link {
text-align: center;
}

.single-post .entry-header .entry-meta a:link,
.single-post .entry-header .entry-meta a:visited,
.single-post .entry-meta a:link,
.single-post .entry-meta a:visited,
.single-post .ast-single-entry-meta a:link,
.single-post .ast-single-entry-meta a:visited,
.single-post .cat-links a:link,
.single-post .cat-links a:visited,
.single-post .comments-link a:link,
.single-post .comments-link a:visited,
.single-post .ast-terms-link a:link,
.single-post .ast-terms-link a:visited,
.single-post .ast-single-related-posts-container .cat-links a:link,
.single-post .ast-single-related-posts-container .cat-links a:visited {
color: #8b7355 !important;
-webkit-text-fill-color: #8b7355 !important;
}

.single-post .entry-content {
max-width: 100%;
width: 100%;
margin: 0 auto;
padding: 1.15rem 0 2.5rem;
overflow-x: clip;
min-width: 0;
box-sizing: border-box;
}

.single-post .post-navigation,
.single-post .comments-area,
.single-post .ast-single-related-posts-container {
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
box-sizing: border-box;
}

.single-post .entry-content > .bos-article-html:first-child {
margin-top: 0;
}

/* — Article body — */
.bos-article-html {
font-size: var(–bos-article-font);
line-height: 1.72;
color: #2c2419;
max-width: 100%;
min-width: 0;
overflow-x: clip;
}

.bos-article-html p:not(.bos-hub-kicker):not(.bos-hub-intro):not(.bos-hub-count):not(.bos-hub-more) {
margin: 0 0 1.15em;
}

.bos-article-html p:last-child {
margin-bottom: 0;
}

.bos-article-html a:not(.bos-cta-amazon):not([href*=”tag=greysnoutguid”]) {
color: #6b4f3a;
font-weight: 600;
text-decoration: underline;
text-decoration-color: rgba(107, 79, 58, 0.35);
text-underline-offset: 2px;
transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

.bos-article-html a:not(.bos-cta-amazon):not([href*=”tag=greysnoutguid”]):hover {
color: #8b7355;
text-decoration-color: rgba(139, 115, 85, 0.55);
}

.bos-article-html strong {
color: #5c4a37;
font-weight: 650;
}

/* Clearfix spacer after hero ? never show as a beige box */
.bos-article-html .bos-article-hero + p {
margin: 0 !important;
padding: 0 !important;
background: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
min-height: 0 !important;
}

.bos-article-html .bos-article-hero + p:has(+ .bos-intro),
.bos-article-html .bos-article-hero + p[style*=”clear”] {
display: none !important;
height: 0 !important;
overflow: hidden !important;
}

/* Tips

? same as normal body text (no brown callout box) */
.bos-article-html p:has(> em:first-child:last-child):not(.bos-vet-note):not(.bos-disclosure) {
background: transparent;
border: none;
border-left: none;
padding: 0;
border-radius: 0;
font-size: inherit;
color: #2c2419;
line-height: inherit;
box-shadow: none;
}

.bos-article-html p:has(> em:first-child:last-child):not(.bos-vet-note):not(.bos-disclosure) em {
color: #2c2419;
font-style: normal;
font-weight: inherit;
}

/* Affiliate disclosure ? homepage box style */
.bos-article-html p.bos-disclosure,
.bos-article-html .bos-disclosure,
.bos-article-html section.bos-disclosure,
.bos-article-html > p:last-of-type:has(> em:first-child:last-child) {
background: #fffdf9 !important;
border: 1px solid #e8dfd0 !important;
border-left: 1px solid #e8dfd0 !important;
border-radius: 10px !important;
padding: 1rem 1.25rem !important;
margin: 1.5em 0 !important;
font-size: var(–bos-article-disclosure) !important;
line-height: 1.55 !important;
color: #7a6550 !important;
width: fit-content;
max-width: 100%;
box-shadow: none;
}

.bos-article-html p.bos-disclosure em,
.bos-article-html .bos-disclosure em,
.bos-article-html section.bos-disclosure em,
.bos-article-html > p:last-of-type:has(> em:first-child:last-child) em {
color: inherit !important;
font-style: italic;
font-size: inherit !important;
}

.bos-article-html section.bos-disclosure p {
margin: 0 !important;
font-size: inherit !important;
color: inherit !important;
background: none !important;
border: none !important;
padding: 0 !important;
}

/* Label at start of paragraph ? Antibiotics:, Food switches:, etc. */
.bos-article-html p > strong:first-child {
color: #5c4a37;
font-weight: 700;
}

/* Inline keyword emphasis mid-paragraph */
.bos-article-html p strong:not(:first-child) {
color: #5c4a37;
background: rgba(139, 115, 85, 0.12);
padding: 0.06em 0.3em;
border-radius: 4px;
font-weight: 650;
}

.bos-article-html em {
color: #5c4a37;
}

.single-post .entry-content .bos-article-html h2:not(.bos-pick-title),
.bos-article-html h2:not(.bos-pick-title) {
color: #3d3228 !important;
margin-top: 2.25em;
margin-bottom: 0.85em;
font-size: var(–bos-article-h2);
line-height: 1.28;
letter-spacing: -0.015em;
font-weight: 800;
padding: 0;
background: none;
border: none;
border-radius: 0;
box-shadow: none;
display: block;
}

.single-post .entry-content .bos-article-html h2:not(.bos-pick-title)::before,
.bos-article-html h2:not(.bos-pick-title)::before {
display: none;
content: none;
}

.single-post .entry-content .bos-article-html h3,
.bos-article-html h3 {
color: #3d3228 !important;
margin-top: 1.75em;
margin-bottom: 0.7em;
font-size: var(–bos-article-h3);
line-height: 1.35;
font-weight: 800;
letter-spacing: -0.015em;
padding: 0;
background: none;
border: none;
border-radius: 0;
display: block;
}

.single-post .entry-content .bos-article-html h3::before,
.bos-article-html h3::before {
display: none;
content: none;
}

.bos-article-html .bos-intro h3 {
margin-top: 1.35em;
}

.bos-article-html .bos-intro h3:first-of-type {
margin-top: 0.5em;
}

/* Intro block ? paragraphs above first major section */
.bos-article-html .bos-intro {
background: linear-gradient(180deg, #f5f0e8 0%, #faf7f2 100%);
border: 1px solid #e8dfd0;
border-radius: 12px;
padding: 1.25rem 1.4rem 1.1rem;
margin: 0 0 2em;
}

.bos-article-html .bos-intro > p {
margin-bottom: 0.95em;
}

.bos-article-html .bos-intro > p:last-child {
margin-bottom: 0;
}

.bos-article-html .bos-intro > p:first-child {
background: transparent;
border: none;
padding: 0;
font-size: inherit;
}

.bos-article-html .bos-vet-note {
background: #fffbeb;
border: 1px solid #fde68a;
border-left: 4px solid #d97706;
border-radius: 0 10px 10px 0;
padding: 0.75rem 1rem;
font-size: var(–bos-article-note);
color: #78350f;
line-height: 1.6;
margin: 1em 0 !important;
}

.bos-article-html .bos-vet-note em {
color: #92400e;
font-style: normal;
font-weight: 600;
}

/* Playbook / FAQ-style label blocks (Antibiotics:, Food switches:, etc.) */
.bos-article-html .bos-playbook {
margin: 1.15em 0 1.75em;
}

.bos-article-html .bos-playbook > p {
background: #fffdf9;
border-left: 3px solid #8b7355;
padding: 0.7rem 1rem 0.7rem 1.1rem;
margin: 0.45em 0;
border-radius: 0 8px 8px 0;
line-height: 1.65;
}

.bos-article-html .bos-playbook > p > strong:first-child {
display: inline-block;
min-width: 8.5em;
color: #5c4a37;
font-weight: 700;
}

/* First paragraph after a section title ? visual anchor */
.bos-article-html h2 + p:not(.bos-disclosure):not(.bos-final-recap-item):not(:has(> strong:first-child + br)),
.bos-article-html h3 + p:not(.bos-disclosure):not(.bos-vet-note):not(.bos-final-recap-item):not(:has(> strong:first-child + br)) {
color: #3d3228;
font-size: var(–bos-article-lead);
padding-left: 0.15rem;
}

.bos-article-html ul,
.bos-article-html ol {
margin: 0.5em 0 1.25em;
padding-left: 0;
list-style: none;
}

.bos-article-html ul li,
.bos-article-html ol li {
position: relative;
padding-left: 1.35rem;
margin-bottom: 0.45em;
}

.bos-article-html ul li::before {
content: “”;
position: absolute;
left: 0.15rem;
top: 0.62em;
width: 0.42rem;
height: 0.42rem;
border-radius: 50%;
background: #8b7355;
}

.bos-article-html ol {
counter-reset: bos-ol;
}

.bos-article-html ol li {
counter-increment: bos-ol;
}

.bos-article-html ol li::before {
content: counter(bos-ol) “.”;
position: absolute;
left: 0;
top: 0;
color: #8b7355;
font-weight: 700;
font-size: 0.95em;
}

.bos-article-html hr {
border: 0;
height: 1px;
margin: 2.75em 0;
background: linear-gradient(
90deg,
transparent 0%,
#e8dfd0 15%,
#e8dfd0 85%,
transparent 100%
);
}

.bos-article-html .bos-table-wrap {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: 1.35em 0 1.65em;
border: 1px solid #e8dfd0;
border-radius: 12px;
background: #fffdf9;
box-shadow: 0 2px 12px rgba(92, 74, 55, 0.05);
}

.bos-article-html .bos-table-wrap table {
border-collapse: collapse;
width: 100%;
min-width: 520px;
margin: 0;
font-size: var(–bos-article-table);
border: none;
border-radius: 0;
box-shadow: none;
table-layout: fixed;
}

.bos-article-html .bos-table-wrap col.bos-table-col-product {
width: 34%;
}

.bos-article-html .bos-table-wrap col.bos-table-col-best {
width: 22%;
}

.bos-article-html .bos-table-wrap col.bos-table-col-mid {
width: 24%;
}

.bos-article-html .bos-table-wrap col.bos-table-col-price {
width: 20%;
}

.bos-article-html .bos-table-wrap th {
background: #f0e9df;
color: #3d3228;
font-weight: 650;
font-size: var(–bos-article-table-head);
text-transform: none;
letter-spacing: 0.01em;
}

.bos-article-html .bos-table-wrap th,
.bos-article-html .bos-table-wrap td {
text-align: left;
padding: 0.72rem 0.95rem;
border-bottom: 1px solid #e8dfd0;
vertical-align: top;
}

.bos-article-html .bos-table-wrap tbody tr:nth-child(even) td {
background: rgba(245, 240, 232, 0.35);
}

.bos-article-html .bos-table-wrap tbody tr:hover td {
background: rgba(245, 240, 232, 0.65);
}

.bos-article-html .bos-table-wrap tr:last-child td {
border-bottom: 0;
}

/* Product column — dot + num + name (table-cell only, never flex/grid) */
.bos-article-html .bos-table-wrap td.bos-table-product,
.bos-article-html .bos-table-wrap tbody td:first-child {
display: table-cell !important;
width: 34% !important;
min-width: 11rem !important;
vertical-align: top;
line-height: 1.45;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}

.bos-article-html .bos-table-cell-inner {
display: block !important;
width: 100%;
line-height: 1.45;
}

.bos-article-html .bos-table-wrap td.bos-table-product *,
.bos-article-html .bos-table-wrap tbody td:first-child:has(.bos-table-dot) * {
flex: unset !important;
min-width: unset !important;
}

.bos-article-html .bos-table-lead {
display: inline !important;
white-space: nowrap !important;
}

.bos-article-html .bos-table-dot {
display: inline-block !important;
vertical-align: 0.15em;
width: 0.45em;
height: 0.45em;
min-width: 0.45em;
margin-right: 0.25rem;
border-radius: 50%;
background: #0f766e;
}

.bos-article-html .bos-table-num {
display: inline !important;
color: #0f766e !important;
font-weight: 700;
margin-right: 0.3rem;
}

.bos-article-html .bos-table-name {
display: inline !important;
color: #0f766e;
font-weight: 650;
}

.bos-article-html .bos-table-wrap td.bos-table-product,
.bos-article-html .bos-table-wrap tbody td:first-child:has(.bos-table-name) {
color: #0f766e;
font-weight: 650;
}

/* Tables (inline in articles ? Quick picks) */
.bos-article-html table {
border-collapse: collapse;
width: 100%;
margin: 1.25em 0 1.5em;
font-size: var(–bos-article-table-body);
background: #fffdf9;
border: 1px solid #e8dfd0;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(92, 74, 55, 0.06);
}

.bos-article-html table th {
background: #f5f0e8;
color: #5c4a37;
font-weight: 700;
font-size: var(–bos-article-table-th);
text-align: left;
padding: 0.65rem 0.85rem;
border: 1px solid #e8dfd0;
}

.bos-article-html table td {
padding: 0.6rem 0.85rem;
border: 1px solid #e8dfd0;
color: #2c2419;
}

.bos-article-html table tbody tr:nth-child(even) td {
background: #faf7f2;
}

.bos-article-html table tbody tr:hover td {
background: #f5f0e8;
}

/* Final recap list (playbook / final picks) */
.bos-article-html .bos-final-recap-item {
padding: 0.65rem 0.9rem 0.65rem 1rem;
margin: 0.4em 0;
background: #fffdf9;
border-left: 3px solid #8b7355;
border-radius: 0 8px 8px 0;
line-height: 1.65;
}

.bos-article-html .bos-final-recap-item::first-letter {
font-weight: 700;
color: #5c4a37;
}

/* Product pick cards (#1, #2, …) */
.bos-article-html .bos-pick-block,
.single-post .bos-pick-block {
background: #fffdf9;
border: 1px solid #e8dfd0;
border-radius: 12px;
padding: 1.35rem 1.45rem 1.15rem;
margin: 2em 0;
box-shadow: 0 3px 14px rgba(92, 74, 55, 0.07);
}

/* Hide redundant


between consecutive pick cards */
.bos-article-html .bos-pick-block + hr:has(+ .bos-pick-block),
.single-post .bos-pick-block + hr:has(+ .bos-pick-block) {
display: none;
}

.single-post .entry-content .bos-pick-block h2,
.single-post .bos-pick-block h2,
.single-post .entry-content h2.bos-pick-title,
.single-post h2.bos-pick-title,
.single-post .entry-content .bos-article-html .bos-pick-block h2,
.single-post .entry-content .bos-article-html .bos-pick-block h2.bos-pick-title,
.single-post .entry-content .bos-article-html h2.bos-pick-title,
.bos-article-html .bos-pick-block h2,
.bos-article-html .bos-pick-block h2.bos-pick-title,
.bos-article-html h2.bos-pick-title {
margin-top: 0;
padding: 0 0 0.5rem 0;
margin-bottom: 0.85rem;
border: none;
background: transparent;
border-radius: 0;
font-size: var(–bos-article-pick);
line-height: 1.3;
color: #0f766e !important;
font-weight: 800;
letter-spacing: -0.015em;
display: block !important;
box-shadow: none;
}

/* Green dot — JS span, or CSS fallback if JS did not inject span */
.single-post .entry-content .bos-pick-block h2:not(:has(.bos-pick-dot))::before,
.single-post .bos-pick-block h2:not(:has(.bos-pick-dot))::before,
.single-post .entry-content h2.bos-pick-title:not(:has(.bos-pick-dot))::before,
.single-post h2.bos-pick-title:not(:has(.bos-pick-dot))::before,
.single-post .entry-content .bos-article-html .bos-pick-block h2:not(:has(.bos-pick-dot))::before,
.single-post .entry-content .bos-article-html h2.bos-pick-title:not(:has(.bos-pick-dot))::before,
.bos-article-html .bos-pick-block h2:not(:has(.bos-pick-dot))::before,
.bos-article-html h2.bos-pick-title:not(:has(.bos-pick-dot))::before {
content: “”;
display: inline-block;
width: 0.42em;
height: 0.42em;
min-width: 0.42em;
margin-right: 0.35rem;
vertical-align: 0.16em;
border-radius: 50%;
background: #0f766e;
}

.single-post .entry-content .bos-pick-block .bos-pick-dot,
.single-post .bos-pick-block .bos-pick-dot,
.single-post .entry-content .bos-article-html .bos-pick-block .bos-pick-dot,
.bos-article-html .bos-pick-block .bos-pick-dot {
display: inline-block;
width: 0.42em;
height: 0.42em;
min-width: 0.42em;
margin-right: 0.35rem;
vertical-align: 0.16em;
border-radius: 50%;
background: #0f766e;
}

.single-post .entry-content .bos-pick-block .bos-pick-num,
.single-post .bos-pick-block .bos-pick-num,
.single-post .entry-content h2.bos-pick-title .bos-pick-num,
.single-post h2.bos-pick-title .bos-pick-num,
.single-post .entry-content .bos-article-html .bos-pick-block .bos-pick-num,
.bos-article-html .bos-pick-block .bos-pick-num,
.single-post .entry-content .bos-article-html h2.bos-pick-title .bos-pick-num,
.bos-article-html h2.bos-pick-title .bos-pick-num {
display: inline;
color: #0f766e !important;
font-weight: 800;
margin-right: 0.15rem;
}

.single-post .entry-content .bos-pick-block .bos-pick-name,
.single-post .bos-pick-block .bos-pick-name,
.single-post .entry-content h2.bos-pick-title .bos-pick-name,
.single-post h2.bos-pick-title .bos-pick-name,
.single-post .entry-content .bos-article-html .bos-pick-block .bos-pick-name,
.bos-article-html .bos-pick-block .bos-pick-name,
.single-post .entry-content .bos-article-html h2.bos-pick-title .bos-pick-name,
.bos-article-html h2.bos-pick-title .bos-pick-name {
display: inline;
color: #0f766e !important;
font-weight: 800;
}

/* Labels in product cards ? muted, not same weight as pick titles */
.bos-article-html .bos-pick-block p > strong:first-child,
.single-post .bos-pick-block p > strong:first-child {
color: #7a6550;
font-weight: 600;
font-size: 0.92em;
letter-spacing: 0.02em;
background: none;
padding: 0;
}

.bos-article-html .bos-pick-block .bos-cta-wrap {
margin-top: 1.5em;
padding: 0;
background: transparent;
border: none;
box-shadow: none;
}

.bos-article-html .bos-cta-wrap,
.bos-article-html p:has(> a[href*=”tag=greysnoutguid”]:only-child) {
margin: 1.5em 0;
padding: 1.1rem 1.25rem;
text-align: center;
background: linear-gradient(180deg, #f0e9df 0%, #ebe3d6 100%);
border: 1px solid #ddd0bc;
border-radius: 12px;
box-shadow: inset 0 1px 0 rgba(255, 253, 249, 0.65);
}

.bos-article-html .bos-pick-block p:has(> a[href*=”tag=greysnoutguid”]:only-child) {
margin: 1.35em 0 0.25em;
padding: 0;
background: transparent;
border: none;
box-shadow: none;
}

.bos-article-html a.bos-cta-amazon,
.bos-article-html p > a[href*=”tag=greysnoutguid”]:only-child {
display: inline-block;
background: linear-gradient(180deg, #9a7b5c 0%, #735538 100%);
color: #fffdf9 !important;
text-decoration: none !important;
font-weight: 700;
padding: 0.9rem 1.85rem;
border-radius: 10px;
font-size: var(–bos-article-cta);
letter-spacing: 0.02em;
border: 1px solid #5c4033;
box-shadow: 0 4px 14px rgba(92, 74, 55, 0.3);
transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

.bos-article-html a.bos-cta-amazon strong,
.bos-article-html p > a[href*=”tag=greysnoutguid”]:only-child strong {
color: inherit !important;
font-weight: inherit;
}

.bos-article-html a.bos-cta-amazon:hover,
.bos-article-html p > a[href*=”tag=greysnoutguid”]:only-child:hover {
background: linear-gradient(180deg, #8b7355 0%, #5c4033 100%);
color: #fffdf9 !important;
transform: translateY(-1px);
box-shadow: 0 6px 18px rgba(92, 74, 55, 0.35);
}

.bos-article-html .bos-related {
background: linear-gradient(180deg, #f5f0e8 0%, #faf7f2 100%);
border: 1px solid #e8dfd0;
border-radius: 12px;
padding: 1.35rem 1.45rem;
margin: 2.25em 0 1.65em;
box-shadow: 0 2px 10px rgba(92, 74, 55, 0.05);
}

.bos-article-html .bos-related h3 {
margin-top: 0;
color: #3d3228 !important;
font-size: var(–bos-article-related);
background: transparent;
border-left: none;
padding: 0;
border-radius: 0;
}

.bos-article-html .bos-related ul {
margin: 0.65em 0 0;
}

.bos-article-html .bos-related li {
margin-bottom: 0.5em;
}

.bos-article-html .bos-related a {
color: #6b4f3a;
font-weight: 600;
text-decoration: none;
}

.bos-article-html .bos-related a:hover {
text-decoration: underline;
text-underline-offset: 2px;
}

.bos-article-html .bos-article-hero {
clear: both;
display: block;
max-width: var(–bos-article-hero-max-width) !important;
width: 100% !important;
margin: 1.35em auto 3.75em !important;
text-align: center !important;
line-height: 0;
overflow: hidden;
border-radius: var(–bos-article-hero-radius);
box-shadow: 0 6px 22px rgba(92, 74, 55, 0.14);
}

.bos-article-html .bos-article-hero + .bos-intro,
.bos-article-html .bos-article-hero + p:not([style*=”clear”]) {
margin-top: 1.5rem;
}

.bos-article-html .bos-article-hero img {
display: block !important;
float: none !important;
width: 100% !important;
max-width: 100% !important;
height: var(–bos-article-hero-height) !important;
max-height: var(–bos-article-hero-height) !important;
object-fit: cover !important;
object-position: center center !important;
margin: 0 auto !important;
padding: 0 !important;
border: 0 !important;
border-radius: var(–bos-article-hero-radius);
box-sizing: border-box !important;
}

/* Pas de double image : image a la une WP masquee si hero in-article present */
.single-post .ast-article-single:has(.bos-article-hero) .post-thumb,
.single-post .ast-article-single:has(.bos-article-hero) .ast-blog-featured-section,
.single-post .ast-article-single:has(.bos-article-hero) .ast-single-post-featured-section,
.single-post .ast-article-single:has(.bos-article-hero) .wp-post-image:not(.bos-article-hero img) {
display: none !important;
}

@media (max-width: 600px) {
.bos-article-html .bos-article-hero {
max-width: 100% !important;
margin-bottom: 2.5em !important;
}

.bos-article-html .bos-article-hero img {
height: 240px !important;
max-height: 240px !important;
}
}

/* FAQ blocks:

Question?
Answer

*/
.bos-article-html p:has(> strong:first-child + br),
.bos-article-html h2 + p:has(> strong:first-child + br),
.bos-article-html h3 + p:has(> strong:first-child + br) {
background: #fffdf9;
border: 1px solid #e8dfd0;
border-radius: 10px;
padding: 0.85rem 1rem !important;
margin: 0.85em 0;
line-height: 1.65;
text-align: left !important;
}

.bos-article-html p:has(> strong:first-child + br) strong {
display: block;
color: #3d3228;
font-size: var(–bos-article-faq);
margin: 0 0 0.3em 0;
padding: 0;
text-align: left !important;
}

/* Must Read + Leave a Comment ? teal on all single posts */
.single-post .ast-related-posts-title,
.single-post .ast-related-posts-title-section .ast-related-posts-title {
color: #0f766e !important;
font-size: var(–bos-ui-heading) !important;
line-height: 1.35 !important;
}

.single-post .comment-reply-title,
.single-post #reply-title,
.single-post .comments-area .comment-reply-title {
color: #0f766e !important;
font-size: var(–bos-ui-heading) !important;
line-height: 1.35 !important;
}

.single-post .comments-area,
.single-post .ast-single-related-posts-container {
font-size: var(–bos-ui-font);
line-height: 1.65;
}

.single-post .logged-in-as,
.single-post .comment-notes,
.single-post .comment-form-comment label,
.single-post .comments-area .required-field-message,
.single-post .comments-area .comment-form-cookies-consent label {
font-size: var(–bos-ui-font) !important;
line-height: 1.6 !important;
}

.single-post .comment-form textarea,
.single-post .comment-form input[type=”text”],
.single-post .comment-form input[type=”email”],
.single-post .comment-form input[type=”url”] {
font-size: var(–bos-ui-font) !important;
line-height: 1.55 !important;
}

.single-post .ast-single-related-posts-container .entry-title,
.single-post .ast-single-related-posts-container .entry-title a,
.single-post .ast-related-post .entry-title,
.single-post .ast-related-post .entry-title a,
.single-post .ast-related-post-content .entry-title,
.single-post .ast-related-post-content .entry-title a,
.single-post .ast-related-posts-wrapper .entry-title a {
font-size: var(–bos-ui-related-title) !important;
line-height: 1.4 !important;
}

.single-post .ast-single-related-posts-container .entry-meta,
.single-post .ast-single-related-posts-container .posted-on,
.single-post .ast-single-related-posts-container .posted-on a,
.single-post .ast-single-related-posts-container .cat-links,
.single-post .ast-single-related-posts-container .cat-links a,
.single-post .ast-related-post .entry-meta,
.single-post .ast-related-post .posted-on,
.single-post .ast-related-post .cat-links {
font-size: var(–bos-ui-sm) !important;
line-height: 1.5 !important;
}

.site-below-footer-wrap,
.site-below-footer-wrap .ast-builder-grid-row,
.site-below-footer-wrap .site-footer-section,
.ast-footer-copyright,
.site-footer .ast-footer-copyright,
.site-footer .ast-footer-copyright p,
.site-footer-primary-section-1 .ast-footer-copyright {
font-size: var(–bos-ui-copyright) !important;
line-height: 1.55 !important;
}

.single-post .comment-respond #submit,
.single-post .form-submit #submit,
.single-post .comments-area #submit {
background-color: #0f766e !important;
background-image: none !important;
border: 1px solid #0f766e !important;
color: #fffdf9 !important;
border-radius: 8px !important;
font-weight: 600 !important;
font-size: var(–bos-ui-btn) !important;
cursor: pointer !important;
}

.single-post .comment-respond #submit:hover,
.single-post .form-submit #submit:hover,
.single-post .comments-area #submit:hover {
background-color: #0d6b64 !important;
border-color: #0d6b64 !important;
color: #fffdf9 !important;
}

.single-post .post-navigation .nav-links a,
.single-post .post-navigation .nav-previous a,
.single-post .post-navigation .nav-next a,
.single-post .post-navigation .nav-previous,
.single-post .post-navigation .nav-next {
font-weight: 700 !important;
font-size: var(–bos-ui-nav-post) !important;
line-height: 1.45 !important;
}

.single-post .logged-in-as a {
font-weight: 700 !important;
font-size: var(–bos-ui-font) !important;
}

/* ===================================================================
5. ARCHIVES / RUBRIQUES ? Nutrition, Health, Care, Product Reviews
Pr?sentation align?e sur les articles (beige, teal, typo BOS)
=================================================================== */

.archive .site-content,
.category .site-content,
.tag .site-content,
.search .site-content,
.blog .site-content {
background-color: var(–bos-beige) !important;
}

.archive.ast-plain-container #primary,
.category.ast-plain-container #primary,
.tag.ast-plain-container #primary,
.search.ast-plain-container #primary,
.blog.ast-plain-container #primary {
margin-top: 0 !important;
margin-bottom: 0 !important;
background: transparent !important;
}

.archive .site-content > .ast-container,
.category .site-content > .ast-container,
.tag .site-content > .ast-container,
.search .site-content > .ast-container,
.blog .site-content > .ast-container {
max-width: var(–bos-header-max) !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
box-sizing: border-box !important;
}

/* Pleine largeur contenu ? pas de sidebar sur les rubriques */
.archive #secondary,
.category #secondary,
.tag #secondary,
.search #secondary {
display: none !important;
}

.archive.ast-right-sidebar .site-content > .ast-container,
.category.ast-right-sidebar .site-content > .ast-container,
.tag.ast-right-sidebar .site-content > .ast-container,
.search.ast-right-sidebar .site-content > .ast-container {
display: block !important;
}

.archive #primary,
.category #primary,
.tag #primary,
.search #primary,
.blog #primary {
width: 100% !important;
max-width: min(var(–bos-article-max), calc(100vw – 1.5rem)) !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 1.25rem 0 2.5rem !important;
border: none !important;
float: none !important;
}

/* Titre de rubrique (ex. Nutrition) */
.archive .ast-archive-description,
.archive .page-header,
.category .ast-archive-description,
.tag .ast-archive-description,
.search .page-header {
text-align: center;
margin: 0 auto 2.5rem;
padding: 0 1rem 0.75rem;
max-width: 100%;
box-sizing: border-box;
}

.archive .page-title,
.archive .ast-archive-title,
.category .page-title,
.tag .page-title,
.search .page-title {
color: #0f766e !important;
font-size: clamp(var(–bos-entry-title-min), calc(3.8vw * var(–bos-article-scale)), var(–bos-entry-title-max)) !important;
font-weight: 650 !important;
line-height: 1.35 !important;
letter-spacing: -0.01em;
text-align: center;
margin: 0;
}

.archive .ast-archive-description p,
.category .ast-archive-description p,
.tag .taxonomy-description p {
font-size: var(–bos-article-font);
line-height: 1.72;
color: #2c2419;
margin: 1rem auto 0;
max-width: 42rem;
}

/* Liste des articles ? cartes avec vignette */
.archive .ast-article-post,
.category .ast-article-post,
.tag .ast-article-post,
.search .ast-article-post {
display: grid !important;
grid-template-columns: min(220px, 36%) 1fr !important;
gap: 0.35rem 1.5rem !important;
align-items: start !important;
padding: 1.35rem 1.4rem !important;
margin: 0 0 1.15rem !important;
background: #fffdf9 !important;
border: 1px solid var(–bos-border) !important;
border-radius: 12px !important;
box-shadow: 0 2px 12px rgba(92, 74, 55, 0.06) !important;
}

.archive .ast-article-post:not(:has(.post-thumb img, .ast-blog-featured-section img)),
.category .ast-article-post:not(:has(.post-thumb img, .ast-blog-featured-section img)),
.tag .ast-article-post:not(:has(.post-thumb img, .ast-blog-featured-section img)),
.search .ast-article-post:not(:has(.post-thumb img, .ast-blog-featured-section img)) {
grid-template-columns: 1fr !important;
}

.archive .post-thumb,
.category .post-thumb,
.tag .post-thumb,
.search .post-thumb,
.archive .ast-blog-featured-section,
.category .ast-blog-featured-section {
grid-column: 1 !important;
grid-row: 1 / span 4 !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0;
}

.archive .post-thumb img,
.category .post-thumb img,
.tag .post-thumb img,
.search .post-thumb img,
.archive .ast-blog-featured-section img,
.category .ast-blog-featured-section img {
width: 100% !important;
height: auto !important;
max-height: 168px !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 10px !important;
display: block !important;
}

.archive .entry-header,
.category .entry-header,
.tag .entry-header,
.search .entry-header {
grid-column: 2 !important;
}

.archive .entry-summary,
.category .entry-summary,
.tag .entry-summary,
.search .entry-summary,
.archive .ast-excerpt-container,
.category .ast-excerpt-container,
.archive .entry-content,
.category .entry-content {
grid-column: 2 !important;
}

.archive .ast-article-post:not(:has(.post-thumb img)) .entry-header,
.archive .ast-article-post:not(:has(.post-thumb img)) .entry-summary,
.archive .ast-article-post:not(:has(.post-thumb img)) .entry-content,
.category .ast-article-post:not(:has(.post-thumb img)) .entry-header,
.category .ast-article-post:not(:has(.post-thumb img)) .entry-summary {
grid-column: 1 !important;
}

.archive .ast-article-post:last-of-type,
.category .ast-article-post:last-of-type,
.tag .ast-article-post:last-of-type,
.search .ast-article-post:last-of-type {
margin-bottom: 0 !important;
}

.archive .entry-header,
.category .entry-header,
.tag .entry-header,
.search .entry-header {
margin-bottom: 0.85rem;
text-align: left;
}

.archive .entry-title,
.category .entry-title,
.tag .entry-title,
.search .entry-title {
margin: 0 0 0.5em;
padding: 0;
background: none;
border: none;
box-shadow: none;
}

.archive .entry-title a,
.category .entry-title a,
.tag .entry-title a,
.search .entry-title a {
color: #0f766e !important;
font-size: clamp(1.25rem, 2.4vw, 1.65rem) !important;
font-weight: 650 !important;
line-height: 1.35 !important;
letter-spacing: -0.01em;
text-decoration: none !important;
transition: color 0.15s ease;
}

.archive .entry-title a:hover,
.category .entry-title a:hover,
.tag .entry-title a:hover,
.search .entry-title a:hover {
color: #0d6b64 !important;
}

/* Meta ? brown comme les articles, sans email auteur */
.archive .entry-meta,
.category .entry-meta,
.tag .entry-meta,
.search .entry-meta,
.archive .posted-on,
.category .posted-on,
.tag .posted-on,
.search .posted-on,
.archive .cat-links,
.category .cat-links,
.tag .cat-links,
.search .cat-links {
color: #8b7355 !important;
font-size: var(–bos-ui-sm) !important;
line-height: 1.5 !important;
}

.archive .entry-meta a,
.category .entry-meta a,
.tag .entry-meta a,
.search .entry-meta a,
.archive .posted-on a,
.category .posted-on a,
.tag .posted-on a,
.search .posted-on a,
.archive .cat-links a,
.category .cat-links a,
.tag .cat-links a,
.search .cat-links a {
color: #8b7355 !important;
-webkit-text-fill-color: #8b7355 !important;
text-decoration: none !important;
}

.archive .entry-meta a:hover,
.category .entry-meta a:hover,
.tag .entry-meta a:hover,
.search .entry-meta a:hover {
color: var(–bos-brown-hover) !important;
text-decoration: underline !important;
}

.archive .entry-meta .posted-by,
.archive .entry-meta .author-name,
.archive .entry-meta .author,
.archive .entry-meta .byline,
.category .entry-meta .posted-by,
.category .entry-meta .author-name,
.tag .entry-meta .posted-by,
.search .entry-meta .posted-by {
display: none !important;
}

/* Extrait */
.archive .entry-summary,
.category .entry-summary,
.tag .entry-summary,
.search .entry-summary,
.archive .ast-excerpt-container,
.category .ast-excerpt-container,
.tag .ast-excerpt-container,
.search .ast-excerpt-container {
font-size: var(–bos-article-font);
line-height: 1.72;
color: #2c2419;
margin: 0 0 1rem;
}

.archive .entry-summary p,
.category .entry-summary p,
.tag .entry-summary p,
.search .entry-summary p,
.archive .ast-excerpt-container p,
.category .ast-excerpt-container p {
margin: 0 0 1em;
}

/* Read More */
.archive a.read-more,
.category a.read-more,
.tag a.read-more,
.search a.read-more,
.archive .read-more,
.category .read-more,
.tag .read-more,
.search .read-more {
color: var(–bos-brown) !important;
font-weight: 700 !important;
font-size: var(–bos-ui-font) !important;
text-decoration: none !important;
letter-spacing: 0.01em;
}

.archive a.read-more:hover,
.category a.read-more:hover,
.tag a.read-more:hover,
.search a.read-more:hover {
color: var(–bos-brown-hover) !important;
text-decoration: underline !important;
text-underline-offset: 2px;
}

/* Pagination */
.archive .ast-pagination,
.category .ast-pagination,
.tag .ast-pagination,
.search .ast-pagination,
.archive .navigation.posts-navigation,
.category .navigation.posts-navigation {
margin: 2.5rem auto 1rem;
padding: 0 1rem;
text-align: center;
font-size: var(–bos-ui-font);
}

.archive .ast-pagination a,
.category .ast-pagination a,
.tag .ast-pagination a,
.search .ast-pagination a,
.archive .navigation.posts-navigation a,
.category .navigation.posts-navigation a {
color: var(–bos-brown) !important;
font-weight: 600 !important;
text-decoration: none !important;
}

.archive .ast-pagination a:hover,
.category .ast-pagination a:hover,
.tag .ast-pagination a:hover,
.search .ast-pagination a:hover {
color: var(–bos-brown-hover) !important;
text-decoration: underline !important;
}

.archive .ast-pagination .current,
.category .ast-pagination .current,
.tag .ast-pagination .current {
color: #0f766e !important;
font-weight: 700 !important;
}

@media (max-width: 600px) {
.archive #primary,
.category #primary,
.tag #primary,
.search #primary {
padding-left: 0.75rem !important;
padding-right: 0.75rem !important;
}

.archive .ast-article-post,
.category .ast-article-post,
.tag .ast-article-post,
.search .ast-article-post {
grid-template-columns: 1fr !important;
padding: 1.15rem 1rem !important;
}

.archive .post-thumb,
.category .post-thumb,
.archive .entry-header,
.category .entry-header,
.archive .entry-summary,
.category .entry-summary,
.archive .entry-content,
.category .entry-content {
grid-column: 1 !important;
grid-row: auto !important;
}

.archive .post-thumb,
.category .post-thumb {
margin-bottom: 0.85rem !important;
}

.archive .entry-title a,
.category .entry-title a,
.tag .entry-title a,
.search .entry-title a {
font-size: clamp(1.08rem, 4.2vw, 1.28rem) !important;
}
}

/* ===================================================================
6. PAGES HUB ? Nutrition, Health, Care, Product Reviews
=================================================================== */

.page:has(.bos-hub-page) .site-content,
.page:has(.bos-hub-page) #primary,
.page:has(.bos-hub-page) .site-main,
.page:has(.bos-hub-page) .ast-container,
.page:has(.bos-hub-page) .site-content > .ast-container {
padding-top: 0 !important;
margin-top: 0 !important;
}

.page:has(.bos-hub-page) article,
article:has(.bos-hub-page) {
padding-top: 0 !important;
margin-top: 0 !important;
}

.page:has(.bos-hub-page) .entry-header,
article:has(.bos-hub-page) .entry-header {
display: none !important;
}

.page:has(.bos-hub-page) .site-content,
.page:has(.bos-hub-page) .entry-content,
.page:has(.bos-hub-page) article,
article:has(.bos-hub-page) .entry-content,
article:has(.bos-hub-page) {
background: var(–bos-beige) !important;
border: none !important;
box-shadow: none !important;
}

.page:has(.bos-hub-page) .entry-content,
article:has(.bos-hub-page) .entry-content {
padding: 0 !important;
max-width: 100% !important;
}

.bos-article-html.bos-hub-page,
.bos-hub-page {
max-width: min(var(–bos-article-max), calc(100vw – 1.5rem));
margin: 0 auto;
padding: 0 1.25rem 3rem;
color: #2c2419;
line-height: 1.65;
box-sizing: border-box;
}

.bos-hub-header {
text-align: center;
margin-bottom: 6.5rem;
}

.bos-hub-kicker {
font-size: var(–bos-ui-sm);
letter-spacing: 0.14em;
text-transform: uppercase;
color: #8b7355;
margin: 0 0 0.5rem;
}

.bos-hub-title {
color: #0f766e !important;
font-size: clamp(var(–bos-entry-title-min), calc(3.8vw * var(–bos-article-scale)), var(–bos-entry-title-max));
font-weight: 650;
line-height: 1.35;
margin: 0 0 0.75rem;
}

.bos-article-html.bos-hub-page .bos-hub-intro {
font-size: var(–bos-article-font);
color: #5c4a37;
max-width: 40rem;
margin: 0 auto 1rem;
line-height: 1.72;
text-align: center;
}

.bos-article-html.bos-hub-page .bos-hub-header .bos-hub-kicker,
.bos-article-html.bos-hub-page .bos-hub-header .bos-hub-count {
text-align: center;
}

.bos-hub-count {
font-size: var(–bos-ui-sm);
color: #7a6550;
margin: 0;
}

.bos-hub-section {
margin-bottom: 2rem;
}

.bos-hub-section + .bos-hub-section {
margin-top: 8.5rem;
}

.bos-hub-h2 {
font-size: var(–bos-article-h2);
color: #3d3228;
margin: 0 0 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(–bos-border);
}

.bos-hub-grid {
display: grid;
gap: 1rem;
}

.bos-hub-grid-3 {
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.bos-hub-card {
display: block;
padding: 1.2rem 1.25rem;
background: #fffdf9;
border: 1px solid var(–bos-border);
border-radius: 10px;
text-decoration: none !important;
color: #2c2419 !important;
box-shadow: 0 2px 10px rgba(92, 74, 55, 0.06);
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bos-hub-card:hover {
border-color: #d4c4ae;
box-shadow: 0 4px 16px rgba(92, 74, 55, 0.1);
}

.bos-hub-card strong {
display: block;
color: #6b4f3a;
font-weight: 650;
margin: 0.35rem 0 0.25rem;
font-size: var(–bos-ui-font);
}

.bos-hub-card-icon {
font-size: 1.5rem;
line-height: 1;
}

.bos-hub-card-meta {
font-size: var(–bos-ui-sm);
color: #6b5a47;
}

.bos-hub-list {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0.75rem;
}

.bos-hub-list li {
background: #fffdf9;
border: 1px solid var(–bos-border);
border-radius: 10px;
padding: 0.85rem 1.15rem;
box-shadow: 0 2px 8px rgba(92, 74, 55, 0.04);
display: flex;
align-items: center;
gap: 0.55rem;
}

.bos-article-html .bos-hub-list li {
padding-left: 1.15rem;
margin-bottom: 0;
}

.bos-article-html .bos-hub-list li::before {
position: static;
flex-shrink: 0;
top: auto;
left: auto;
margin: 0;
}

.bos-hub-list a {
color: #6b4f3a !important;
font-weight: 600;
font-size: var(–bos-ui-font);
text-decoration: none !important;
line-height: 1.45;
display: block;
flex: 1;
min-width: 0;
}

.bos-hub-list a:hover {
color: var(–bos-brown-hover) !important;
text-decoration: underline !important;
text-underline-offset: 2px;
}

.bos-article-html.bos-hub-page .bos-hub-more {
margin: 7.25rem 0 0;
text-align: center;
}

.bos-hub-more a {
display: inline-block;
color: #0f766e !important;
font-weight: 700;
font-size: var(–bos-ui-font);
text-decoration: none !important;
padding: 0.65rem 1.25rem;
border: 1px solid #0f766e;
border-radius: 8px;
transition: background 0.15s ease, color 0.15s ease;
}

.bos-hub-more a:hover {
background: #0f766e;
color: #fffdf9 !important;
}

.bos-hub-disclosure {
background: #fffdf9;
border: 1px solid var(–bos-border);
border-radius: 10px;
padding: 0.6rem 1rem;
margin-top: 7.25rem;
}

.bos-article-html.bos-hub-page .bos-hub-disclosure p,
.bos-article-html.bos-hub-page .bos-hub-disclosure em,
.bos-hub-disclosure p,
.bos-hub-disclosure em {
margin: 0 !important;
font-size: 0.68rem !important;
font-style: normal;
color: #7a6550;
line-height: 1.45;
}

@media (max-width: 600px) {
.bos-hub-page {
padding: 0 1rem 2.5rem;
}

.bos-hub-header {
margin-bottom: 4.5rem;
}

.bos-hub-section + .bos-hub-section {
margin-top: 5.5rem;
}

.bos-article-html.bos-hub-page .bos-hub-more {
margin-top: 5.25rem;
}

.bos-hub-disclosure {
margin-top: 5.25rem;
}

.bos-hub-grid-3 {
grid-template-columns: 1fr;
}
}

@media (max-width: 600px) {
.single-post .entry-header,
.single-post .entry-content {
padding-left: 1rem;
padding-right: 1rem;
}

.single-post .entry-title {
font-size: clamp(var(–bos-entry-title-m-min), calc(4.5vw * var(–bos-article-scale)), var(–bos-entry-title-m-max));
}

.bos-article-html {
font-size: var(–bos-article-mobile);
line-height: 1.68;
}

.bos-article-html h2 {
font-size: var(–bos-article-mobile-h2);
}

.bos-article-html h3 {
font-size: var(–bos-article-mobile-h3);
}

.bos-article-html a.bos-cta-amazon,
.bos-article-html p > a[href*=”tag=greysnoutguid”]:only-child {
display: block;
width: 100%;
box-sizing: border-box;
}

.bos-article-html .bos-pick-block {
padding: 1.05rem 1.1rem;
}

.bos-article-html .bos-table-wrap {
border-radius: 10px;
margin-left: 0;
margin-right: 0;
}

.bos-article-html .bos-table-wrap table {
min-width: 480px;
font-size: var(–bos-article-mobile-table);
}

.bos-article-html .bos-table-wrap th,
.bos-article-html .bos-table-wrap td {
padding: 0.6rem 0.75rem;
}

.bos-article-html .bos-table-wrap thead th:first-child,
.bos-article-html .bos-table-wrap td.bos-table-product,
.bos-article-html .bos-table-wrap tbody td:first-child {
min-width: 9.5rem !important;
width: 36% !important;
}

.bos-article-html .bos-table-name {
font-size: 0.95em;
line-height: 1.4;
}
}

/* ===================================================================
TABLE QUICK PICKS v7 — override legacy flex rules still in WP custom CSS
Works with or without .bos-article-html wrapper (WP sometimes closes div early)
=================================================================== */
.single-post .entry-content .bos-table-wrap table,
.bos-article-html .bos-table-wrap table {
table-layout: fixed !important;
width: 100% !important;
min-width: 520px !important;
}

.single-post .entry-content .bos-table-wrap col.bos-table-col-product,
.bos-article-html .bos-table-wrap col.bos-table-col-product {
width: 34% !important;
}

.single-post .entry-content .bos-table-wrap col.bos-table-col-best,
.bos-article-html .bos-table-wrap col.bos-table-col-best {
width: 22% !important;
}

.single-post .entry-content .bos-table-wrap col.bos-table-col-mid,
.bos-article-html .bos-table-wrap col.bos-table-col-mid {
width: 24% !important;
}

.single-post .entry-content .bos-table-wrap col.bos-table-col-price,
.bos-article-html .bos-table-wrap col.bos-table-col-price {
width: 20% !important;
}

.single-post .entry-content .bos-table-wrap tbody td:first-child,
.single-post .entry-content .bos-table-wrap td.bos-table-product,
.bos-article-html .bos-table-wrap tbody td:first-child:has(.bos-table-dot),
.bos-article-html .bos-table-wrap tbody td:first-child,
.bos-article-html table tbody td:first-child:has(.bos-table-dot) {
display: table-cell !important;
width: 34% !important;
min-width: 11rem !important;
vertical-align: top !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
flex: none !important;
flex-direction: unset !important;
align-items: unset !important;
gap: unset !important;
}

.single-post .entry-content .bos-table-cell-inner,
.bos-article-html .bos-table-cell-inner {
display: block !important;
width: 100% !important;
min-width: 0 !important;
line-height: 1.45 !important;
}

.single-post .entry-content .bos-table-lead,
.bos-article-html .bos-table-lead {
display: inline !important;
white-space: nowrap !important;
}

.single-post .entry-content .bos-table-dot,
.bos-article-html .bos-table-dot {
display: inline-block !important;
vertical-align: 0.15em !important;
width: 0.45em !important;
height: 0.45em !important;
min-width: 0.45em !important;
margin: 0 0.25rem 0 0 !important;
border-radius: 50% !important;
background: #0f766e !important;
flex-shrink: unset !important;
}

.single-post .entry-content .bos-table-num,
.bos-article-html .bos-table-num {
display: inline !important;
color: #0f766e !important;
font-weight: 700 !important;
margin-right: 0.3rem !important;
flex-shrink: unset !important;
}

.single-post .entry-content .bos-table-name,
.bos-article-html .bos-table-name {
display: inline !important;
color: #0f766e !important;
font-weight: 650 !important;
flex: none !important;
min-width: 0 !important;
}

@media (max-width: 600px) {
.single-post .entry-content .bos-table-wrap tbody td:first-child,
.single-post .entry-content .bos-table-wrap td.bos-table-product,
.bos-article-html .bos-table-wrap tbody td:first-child,
.bos-article-html .bos-table-wrap td.bos-table-product {
min-width: 9.5rem !important;
width: 36% !important;
}
}

Leave a Comment

Your email address will not be published. Required fields are marked *