/* Scope color overrides to the yellow homepage buttons identified in the audit. */
#page-container #et-boc #post-20924 .et_pb_button_0,
#page-container #et-boc #post-20924 .et_pb_button_1,
#page-container #et-boc #post-20924 .et_pb_promo_button,
#page-container #et-boc #post-20924 .et_pb_more_button {
    color: #20272b !important;
    background-color: #eeab19 !important;
}
footer #mc_embed_signup a { color: #765200 !important; text-decoration: underline; }
footer .et_pb_text p { color: #4c565c; }
/* Catalogue controls: retain yellow backgrounds with readable foregrounds. */
/* Breadcrumbs (Woo archives + crumbs_by_path on products): one look everywhere,
   home crumb in the brand accent, the rest grey. */
.woocommerce-breadcrumb,
.woocommerce-breadcrumb a,
.woocommerce-breadcrumb [aria-current] { color: #767676 !important; }
.woocommerce-breadcrumb a:first-child { color: #eeab19 !important; }
#main-content .woocommerce-result-count { color: #595959 !important; }
#main-content a.carmodel_tag_btn,
#main-content a.carmodel_tag_btn:hover,
#main-content a.carmodel_tag_btn.active { color: #20272b !important; opacity: 1; }
#main-content .bobs-product-loop .wp-element-button { color: #20272b !important; }
.difl_imagehotspotitem[role="button"] { cursor: pointer; }
.difl_imagehotspotitem[role="button"]:focus-visible,
.et_pb_menu__icon:focus-visible,
.et_pb_button:focus-visible { outline: 3px solid #125ea8; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
    .difl_imagehotspotitem, .difl_marker, .df-image-hotspot-icon { animation: none !important; }
}

/* Heroes: the shared global hero (Kontakt, Återförsäljare, Montering …) only
   grew to its text, cropping people out of the photo; give it real height and
   bias the crop upwards so faces stay in frame. */
.bobs-hero.et_pb_section { min-height: clamp(360px, 50vh, 560px); background-position: center 30% !important; }
.home .et_pb_section.et_pb_section_0.et_pb_with_background {
    min-height: clamp(420px, 60vh, 640px);
    display: flex; flex-direction: column; justify-content: center;
}
@media (max-width: 767px) {
    .bobs-hero.et_pb_section { min-height: 320px; }
    .home .et_pb_section.et_pb_section_0.et_pb_with_background { min-height: 420px; }
}

/* Footer: headings read as headings, links a step smaller, round social icons. */
footer .et_pb_section h2.widgettitle,
footer .et_pb_section h2.title {
    position: relative; display: block;
    font-size: 13px !important; font-weight: 700 !important; line-height: 1.3 !important;
    text-transform: uppercase; letter-spacing: .06em; color: #20272b !important;
    padding: 0 0 10px !important; margin: 0 0 14px !important;
}
footer .et_pb_section h2.widgettitle::after,
footer .et_pb_section h2.title::after {
    content: ""; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background: #eeab19;
}
footer .et_pb_section .widget_nav_menu a,
footer .et_pb_section .custom-html-widget,
footer .et_pb_section .custom-html-widget a { font-size: 14px !important; line-height: 1.9 !important; }
footer .et_pb_section .widget_nav_menu li { padding: 0 !important; margin: 0 !important; }
footer .custom-html-widget img[src*="instagram-icon"],
footer .custom-html-widget img[src*="facebook-icon"],
footer .custom-html-widget img[data-src*="instagram-icon"],
footer .custom-html-widget img[data-src*="facebook-icon"] {
    width: 32px !important; height: 32px !important; object-fit: contain; margin: 10px 6px 0 0 !important;
}

/* Montering: the "Ladda ner" link was only its text inside a yellow box that
   turned grey on card hover, so it read as disabled. Stretch the link over
   the whole box and keep it yellow. */
#bobbare-cpt .df-item-acf:has(a) { position: relative; cursor: pointer; transition: background-color .2s; }
#bobbare-cpt .df-item-acf:has(a) * { position: static !important; }
#bobbare-cpt .df-cpt-outer-wrap:hover .df-item-acf:has(a),
#bobbare-cpt .df-cpt-outer-wrap .df-item-acf:has(a):hover { background-color: #d4960f !important; }
#bobbare-cpt .df-item-acf a { color: #fff !important; text-decoration: none !important; }
#bobbare-cpt .df-item-acf a::after { content: ""; position: absolute; inset: 0; }