/* Theme Name: Savoy Child Theme URI: http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825 Description: Savoy child theme Author: NordicMade Author URI: http://www.nordicmade.com Template: savoy Version: 1.0 */ /* Child theme CSS --------------------------------------------------------------- */ /* Startseite: Zum Shop-Link im Banner weiss (Text + Unterstrich) */ body.page-id-2417 .nm-banner-link.type-txt { color: #fff; border-bottom-color: #fff; } body.page-id-2417 .nm-banner.text-color-light .nm-banner-link.type-txt { color: #fff; border-bottom-color: #fff; } /* Login/Registrierung (My Account + /b2b/): grauen Theme-Hintergrund ueberschreiben */ .nm-woocommerce-account-login .nm-page-wrap { background-color: #FFF9F9; } /* Contact Form 7: Abstand zwischen Checkbox und Label-Text */ .wpcf7-list-item-label { margin-left: 8px; } /* Shop-Uebersicht: Germanized Rechtstexte (Umsatzsteuerfrei/Versandkosten) im Hover-Bereich kompakter machen - waren mit 200% line-height + grossen Margins zu hoch, dadurch Ueberlappung mit der naechsten Produktreihe bei hochformatigen Bildern. */ .nm-shop-loop-actions .wc-gzd-additional-info-loop { font-size: 11px; line-height: 1.3; margin: 2px 0; } /* Abstand zwischen Kleinunternehmerregelung und Versandkosten-Zeile weiter verringern */ .nm-shop-loop-actions .small-business-info { margin-bottom: 0; } .nm-shop-loop-actions .shipping-costs-info { margin-top: -4px; } /* Hover-Box (Rechtstexte) startet jetzt sauber UNTER Titel/Preis, statt wie urspruenglich 23px in die Preis-Zeile hineinzuragen (das war fuers alte, einzeilige Zum Produkt gedacht, nicht fuer den laengeren Rechtstext). */ .nm-shop-loop-actions { top: 100% !important; } /* Zusaetzlicher Flexbox-Zeilenabstand (row-gap) zwischen den Rechtstext-Zeilen entfernen */ .nm-shop-loop-actions { row-gap: 0 !important; } /* Zahlungsarten-Uebersicht ([payment_methods_info]-Shortcode): Karten-Layout wie bei anderen FGR-Kundenseiten. Gezielt auf .woocommerce-gzd begrenzt (dieser Wrapper existiert NUR bei diesem Shortcode), damit die echte Zahlungsart-Auswahl im Checkout unberuehrt bleibt. */ .woocommerce-gzd .payment_methods.methods { display: flex; flex-wrap: wrap; gap: 16px; list-style: none; padding: 0; margin: 0; } .woocommerce-gzd .payment_methods.methods li { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #e6e6e6; border-radius: 12px; padding: 22px 26px; flex: 1 1 150px; max-width: 260px; background: #fff; text-align: center; } .woocommerce-gzd .payment_methods.methods li label { display: flex; flex-direction: column; align-items: center; gap: 12px; font-size: 15px; color: #989898; cursor: default; } .woocommerce-gzd .payment_methods.methods li img { max-width: 60px; max-height: 32px; width: auto; height: auto; } .woocommerce-gzd .payment_methods.methods .payment_box { text-align: center; font-size: 13px; margin-top: 4px; color: #989898; } /* Personalisierungs-Feld (Morse-Code-Kette): Padding an die Options-Zeilen (Halskettenlaenge/Buchstaben) angleichen, damit es auf gleicher Hoehe beginnt statt buendig am Rand zu kleben. */ .fgr-personalisierung-feld { padding: 11px 0 11px 16px; } /* Warenkorb: Kleinunternehmer-Hinweis bekommt dasselbe seitliche Padding wie die Summenzeilen (Zwischensumme, Versand etc.) darueber. */ .wc-gzd-small-business-info { padding-left: 18px !important; padding-right: 18px !important; } /* Datenschutz-Checkbox im B2B-Formular: gleiche graue Textfarbe wie der Passwort-Hinweistext darueber. */ .fgr-b2b-privacy-row { color: #777777; font-size: 14px; } /* Home Banner Slider (nm-banner) auf Mobil: Theme setzt hier einen weissen Hintergrund hinter den Text, sobald der Text unters Bild rutscht (.alt-mobile-layout). Global transparent, betrifft jedes Vorkommen des Moduls auf der Seite. */ @media (max-width: 768px) { .nm-banner.alt-mobile-layout .nm-banner-content { background: transparent !important; } } /* Vertrag widerrufen (/vertrag-widerrufen/): Leer-Hinweis klebte direkt unter dem Menue und nutzte die pauschale WooCommerce-Notiz-Schrift (18px, dunkel) statt der normalen Seiten-Schrift - macht Germanized hier oefter so. Abstand ergaenzen und an die Standard-Typografie angleichen, wie es das Theme in .woocommerce-MyAccount-content bereits fuer andere Hinweise tut. */ .order-withdrawal-request { padding-top: 40px; padding-bottom: 40px; } .order-withdrawal-request .woocommerce-info { font-size: inherit; color: inherit; } /* Gewaehrleistungsrechte-Link im Menue: Germanized/WooCommerce stylt den inneren Link standardmaessig eigenstaendig (Akzentfarbe, duenne Schrift). An die uebrigen Menuepunkte angleichen (gleiche Farbe/Schriftstaerke). */ .elementor-nav-menu--main .wc-gzd-legal-guarantee, .elementor-nav-menu--main .wc-gzd-legal-guarantee a.wc-gzd-popover-trigger { color: inherit !important; font-weight: inherit !important; font-size: inherit !important; text-decoration: none !important; } /* Der innere Germanized-Link bekommt ungewollt das Padding der generischen "a im Menue"-Regel ab (eigentlich nur fuer die Menuepunkt-Links gedacht), waehrend unser aeusserer Wrapper (div/a wurden zu span, siehe functions.php) kein eigenes Padding mehr hat. Dadurch stand der Text ca. 20px zu weit rechts. Padding an die richtige Stelle verschieben, damit es exakt wie bei den anderen Menuepunkten aussieht. */ .elementor-nav-menu--main .wc-gzd-popover-trigger { padding: 0 !important; } /* Der aeussere Menuepunkt ist bei diesem Eintrag ein statt (siehe functions.php) und daher standardmaessig "inline". Dadurch wirkt sich das Padding oben/unten nicht auf die Zeilenhoehe aus wie bei den echten Link-Menuepunkten - der Abstand nach oben/unten war dadurch minimal kleiner. display:flex angleichen (wie bei den echten -Menuepunkten), Padding-Wert bewusst nicht erneut setzen - der wird korrekt vererbt. */ .elementor-nav-menu--main .fgr-menu-item-shortcode > span.elementor-item { display: flex !important; align-items: center; } /* "Zum Produkt"-Link im Morse-Code-Kette-Teaser (Startseite): schwarz statt weiss. Gezielt auf dieses eine Banner-Widget begrenzt (Elementor-Element-ID), da dieselbe .nm-banner-link-Klasse auch beim "zum Shop"-Link im Haupt-Banner verwendet wird, der bewusst weiss bleiben soll. */ .elementor-element-2308c94 .nm-banner-link.type-txt { color: #000 !important; border-bottom-color: #000 !important; } /* Produkt-Detailseite: Herz-Icon (Wishlist) und Shariff-Icons wieder in einer Zeile mit Trennstrich, wie vorher bei den Theme-eigenen Share-Icons. Shariff gibt seinen Block per 'clear:both; display:block !important' aus - als Flex-Item in .nm-product-share-wrap wirkt sich das aber nicht mehr aus (float/clear haben laut Spezifikation keinen Effekt auf Flex-Items), daher reicht es, den Wrapper auf display:flex umzustellen. Siehe woocommerce/single-product/share.php (Child-Theme-Override). */ .nm-product-share-wrap.has-share-buttons { display: flex; align-items: center; overflow: visible; } .nm-product-share-wrap.has-share-buttons .nm-product-wishlist-button-wrap { float: none; }