/* === Neureiter-Design fuer Matthies (Theme-Kopie honeygrid_neureiter) === */
/* Grundfarben */
body { background: #f5f5f5; color: #222626; }
a { color: #00488a; }
h1, h2, h3, legend { color: #00488a; }
legend { border-color: #00488a; }
h1 { font-size: 30px; font-weight: 400; }
/* Topbar blau */
#topbar-container { background: #00488a; }
#topbar-container a, #topbar-container span, #topbar-container i { color: #fff !important; }
#topbar-container a:hover, #topbar-container a:focus { background: transparent !important; text-decoration: underline; }
/* Header weiss, Suche gross */
#header { background: #fff; box-shadow: none; }
.navbar-search input { height: 40px; border: 1px solid #939595; border-radius: 0 3px 3px 0; font-size: 15px; }
#header .navbar-search .input-group .input-group-btn .dropdown-toggle { height: 40px; background: #f5f5f5; border-color: #939595; color: #222626; }
/* Hauptmenue hellgrau wie Neureiter */
#categories { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; } .navbar-categories, .navbar-categories ul.level-1 { background: transparent !important; }
.navbar-categories > ul > li > a, .navbar-categories > ul > li > a span, #mainNavigation a { background: transparent !important; color: #222626 !important; text-transform: none !important; font-size: 15px !important; font-weight: 600 !important; }
.navbar-categories > ul > li > a:hover, .navbar-categories > ul > li.open > a, #mainNavigation a:hover { background: #e6e6e6 !important; color: #00488a !important; }
.navbar-categories .dropdown-menu { border-top: 3px solid #00488a; } .navbar-categories .dropdown-menu a:hover { color: #00488a !important; background: #f5f5f5 !important; }
/* Breadcrumb */
#breadcrumb_navi, #breadcrumb_navi a, #breadcrumb_navi span { color: #222626 !important; font-size: 14px; font-weight: 700; }
#breadcrumb_navi a:hover { color: #00488a !important; }
/* Buttons */
.btn-primary, .btn-buy { background: #00488a !important; border-color: #00488a !important; color: #fff !important; border-radius: 3px; font-weight: 700; }
.btn-primary:hover, .btn-buy:hover, .btn-primary:focus, .btn-buy:focus { background: #003566 !important; border-color: #003566 !important; }
#main .btn-default, #main .btn.btn-default { background: #fff; border: 2px solid #00488a; color: #00488a; border-radius: 3px; font-weight: 700; }
#main .btn-default:hover, #main .btn.btn-default:hover { background: #00488a; color: #fff; }
/* Linke Spalte */
#left .box.panel { background: transparent; border: 0; box-shadow: none; }
#left .box .panel-heading { background: transparent; border: 0; color: #00488a; font-size: 20px; font-weight: 700; text-transform: uppercase; padding-left: 0; }
.navbar-categories-left a { background: transparent !important; color: #222626; font-weight: 600; }
.navbar-categories-left li a { font-size: 14px; padding-top: 6px; padding-bottom: 6px; }
.navbar-categories-left .active > a, .navbar-categories-left a:hover { background: #fff !important; color: #00488a; }
/* Produktliste als weisse Karten */
.product-container { background: #fff; border: 0 !important; border-radius: 2px; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1); margin-bottom: 16px; }
.product-tile .title a, .product-tile .title a:hover { color: #222626 !important; font-size: 20px; }
.product-container .inside .content-container .content-container-inner .title a { font-weight: 600 !important; }
.product-tile .price, .product-tile .price * { color: #dc2626 !important; font-size: 24px; font-weight: 600; }
.product-tile .btn-buy { text-transform: none !important; font-size: 14px !important; height: 40px; }
#main .productlisting-filter-container .btn.btn-default { background: #fff; border: 1px solid #939595; color: #222626; font-weight: 400; }
#main .productlisting-filter-container .btn.btn-default:hover { background: #f5f5f5; color: #222626; }
/* Produktseite weiss wie Neureiter */
.product-info-content { background: #fff; padding-top: 15px; padding-bottom: 15px; }
.product-info-details { background: #fff !important; }
.product-info-title-desktop { color: #00488a !important; font-size: 30px; font-weight: 400; }
.product-info-details .current-price-container, .product-info-details .current-price-container * { color: #dc2626 !important; font-size: 30px !important; font-weight: 600 !important; }
.product-info-details dt { color: #374151; font-weight: 400; }
.products-shipping-time-value { color: #47c53b !important; }
.product-info-details .btn-buy { text-transform: none !important; }
.wishlist-container .btn-text { color: #00488a; }
#main .nav-tabs > li > a { color: #00488a; font-weight: 700; }
#main .nav-tabs > li.active > a, #main .nav-tabs > li.active > a:hover, #main .nav-tabs > li.active > a:focus { color: #00488a; border-bottom: 3px solid #00488a; }
/* Footer weiss mit blauer Leiste */
#footer { background: #fff; color: #222626; border-top: 1px solid #e5e5e5; }
#footer a { color: #393f3f; }
#footer .footer-bottom { background: #00488a; color: #fff; }
#footer .footer-bottom a { color: #fff; }
/* Topbar: Kontakt links wie Neureiter */
#topbar-container .navbar-topbar { position: relative; }
#topbar-container .navbar-topbar::before { content: "Telefon: 07251 / 3289487  |  info@matthies-drechseln.de"; position: absolute; left: 15px; top: 0; line-height: 30px; color: #fff; font-size: 13px; white-space: pre; }
@media (max-width: 991px) { #topbar-container .navbar-topbar::before { display: none; } }
/* Header wie Neureiter: Slogan aus, Suche breiter */
#header .custom-container { display: none; }
@media (min-width: 992px) { #header .navbar-search { width: 50%; } }
/* Startseite: alter Starttext nur in diesem Theme ausgeblendet */
.content-page-index, .content-page-index + p { display: none; }
/* Startseite Neureiter-Stil (HTML-Widget) */
.mn-home { margin: 0 0 30px; color: #222626; }
.mn-home section { margin: 0 0 40px; }
.mn-h { color: #00488a; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 20px; }
.mn-btn { display: inline-block; background: #00488a; color: #fff !important; font-weight: 700; padding: 10px 24px; border-radius: 3px; text-decoration: none !important; }
.mn-btn:hover { background: #003566; }
.mn-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; background: linear-gradient(90deg, #fff 0%, #eef2f6 100%); padding: 40px; }
.mn-hero-text { flex: 1 1 340px; }
.mn-hero-logo { max-height: 50px; margin-bottom: 15px; }
.mn-hero-title { color: #222626 !important; font-size: 34px; font-weight: 700; line-height: 1.2; margin: 0 0 15px; }
.mn-hero-prices { list-style: none; padding: 0; margin: 0 0 20px; }
.mn-hero-prices li { display: flex; justify-content: space-between; gap: 15px; padding: 6px 12px; margin-bottom: 4px; background: #c0392b; color: #fff; font-size: 15px; }
.mn-hero-prices b { white-space: nowrap; }
.mn-hero-img { flex: 1 1 340px; text-align: center; }
.mn-hero-img img { width: 100%; max-width: 560px; height: auto; mix-blend-mode: multiply; }
.mn-promos { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
.mn-promo { display: flex; flex-direction: column; background: #fff; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); text-decoration: none !important; color: #222626 !important; padding: 0 0 15px; }
.mn-promo img { width: 100%; height: 160px; object-fit: contain; background: #fff; padding: 10px; }
.mn-promo-title { font-size: 18px; font-weight: 700; color: #00488a; padding: 10px 15px 0; }
.mn-promo-text { padding: 4px 15px 10px; flex: 1; }
.mn-promo-link { margin: 0 15px; align-self: flex-start; border: 2px solid #00488a; color: #00488a; font-weight: 700; padding: 4px 14px; border-radius: 3px; }
.mn-intro h2 { color: #00488a; font-size: 30px; font-weight: 400; }
.mn-lead { font-size: 18px; font-weight: 700; }
.mn-intro p { font-size: 15px; line-height: 1.6; }
.mn-cat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.mn-cat-grid a { background: #fff; padding: 18px 15px; font-size: 15px; font-weight: 600; color: #222626 !important; text-decoration: none !important; box-shadow: 0 2px 4px rgba(0,0,0,.08); border-left: 4px solid #00488a; }
.mn-cat-grid a:hover { color: #00488a !important; background: #f0f4f8; }
.mn-brand-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 16px; background: #fff; padding: 20px; }
.mn-brand-row a { display: flex; align-items: center; justify-content: center; height: 80px; }
.mn-brand-row img { max-width: 100%; max-height: 70px; }
.mn-service-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; }
.mn-service { background: #fff; padding: 25px; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1); }
.mn-service small { color: #00488a; font-weight: 700; text-transform: uppercase; }
.mn-service h3 { color: #222626 !important; font-size: 20px; margin: 5px 0 10px; }
.mn-service p { font-size: 14px; line-height: 1.6; }
/* Breadcrumb mit Pfeilen statt Doppelpfeilen */
#breadcrumb_navi .breadcrumbSeparator { font-size: 0; padding: 0 10px; }
#breadcrumb_navi .breadcrumbSeparator::before { content: "\203A"; font-size: 20px; line-height: 1; color: #222626; vertical-align: -2px; }
/* Linke Spalte: Ueberschrift KATEGORIEN wie Neureiter */
#left .box-categories::before { content: "Kategorien"; display: block; color: #00488a; font-size: 26px; font-weight: 700; text-transform: uppercase; margin: 0 0 10px; }
#left .box .panel-heading { font-size: 24px; }
/* Produktliste: kompakter wie Neureiter */
.product-tile .description { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.product-tile .price-tax { border-left: 0 !important; }
.product-tile .price-tax .rating, .product-tile .rating-container { display: none !important; }
/* Produktseite: Mengenauswahl schlicht */
#main .product-info-details .input-number .btn { background: #fff !important; border: 1px solid #939595 !important; color: #222626 !important; border-radius: 3px; }
#main .product-info-details .input-number .btn:hover { background: #f5f5f5 !important; }
#main .product-info-details .input-number input { border-color: #939595; }
/* Startseite: Ueberschriften ohne Honeygrid-Unterstrich, Angebote-Bereich wie Abschnittsueberschrift */
#main .mn-home h2, #main .mn-home h3 { border-bottom: 0; padding-bottom: 0; }
#main #home-center h3 { color: #00488a; font-size: 26px; font-weight: 700; text-transform: uppercase; border-bottom: 0; padding-bottom: 0; margin: 0 0 20px; }
#home-center .container-fluid { padding-left: 0; padding-right: 0; }
/* Startseite mobil kompakter */
@media (max-width: 767px) {
  #main #home-center h3 { font-size: 22px; }
  .mn-hero { padding: 20px; gap: 15px; }
  .mn-hero-title { font-size: 24px; }
  .mn-hero-prices li { font-size: 14px; }
  .mn-promos { grid-template-columns: 1fr 1fr; gap: 10px; }
  .mn-promo img { height: 110px; }
  .mn-promo-title { font-size: 15px; }
  .mn-promo-text { font-size: 12px; }
  .mn-cat-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .mn-cat-grid a { padding: 12px 10px; font-size: 13px; }
  .mn-brand-row { grid-template-columns: repeat(3, 1fr); padding: 10px; }
  .mn-brand-row a { height: 60px; }
  .mn-h { font-size: 22px; }
}
/* Eingebettete Videos in Beschreibungen mobil nicht breiter als der Bildschirm */
#main iframe[src*="youtube"], #main iframe[src*="vimeo"] { max-width: 100%; height: auto; aspect-ratio: 16 / 9; }
/* Hinweisboxen hell statt braun (Honeygrid-Original: #755000) */
.alert.alert-info { background-color: #e8f0f8 !important; color: #00488a !important; border-color: #b8cde3 !important; }
.alert.alert-info a, .alert.alert-info .alert-link { color: #00488a !important; text-decoration: underline; }
/* Footer wie Neureiter: Links | Kontakt & Shop Service (Spalte 2 ist im Shop leer) */
#footer { padding-top: 30px; }
#footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3, #footer .inside .row .footer-col-4 { height: auto; min-height: 0; padding-top: 0; padding-bottom: 20px; }
#footer .inside .row .footer-col-4 { padding-bottom: 0; }
#footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3, #footer .inside .row .footer-col-4 { border: 0 !important; }
#footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3 { width: 33.3333%; }
#footer .footer-col-1 .panel { background: transparent; border: 0; box-shadow: none; }
#footer .footer-col-1 .panel-heading { background: transparent; border: 0; padding: 0 0 8px; }
#footer .panel .panel-heading .panel-title.footer-column-title { color: #374151; font-size: 18px; font-weight: 700; text-transform: none; }
#footer .footer-col-1 .panel-body { padding: 0; }
#footer .panel .panel-body ul li a { padding: 3px 0; color: #393f3f; font-size: 14px; line-height: 20px; background: transparent; }
#footer .panel .panel-body ul li a:hover { color: #00488a; text-decoration: underline; background: transparent; }
#footer .footer-col-2::before { content: "Kontakt & Shop Service"; display: block; color: #374151; font-size: 18px; font-weight: 700; margin: 0 0 8px; }
#footer .footer-col-2::after { content: "Telefonische Beratung:\A Klaus W. Matthies\A Holzbearbeitungs-Maschinen + Werkzeuge\A 76694 Forst\A \A Telefon 07251 / 3289487\A info@matthies-drechseln.de"; display: block; white-space: pre-line; color: #393f3f; font-size: 14px; line-height: 21px; }
#footer .btn-withdrawal { background: #00488a !important; border-color: #00488a !important; color: #fff !important; border-radius: 3px; }
@media (max-width: 767px) {
  #footer .inside .row .footer-col-1, #footer .inside .row .footer-col-2, #footer .inside .row .footer-col-3 { width: 100%; }
  #footer .footer-col-2 { margin-top: 20px; }
}