/* Theme Name: Woodmart Child Description: Woodmart Child Theme Author: XTemos Author URI: http://xtemos.com Template: woodmart Version: 1.0.0 Text Domain: woodmart */ /* *********************************************************************************************************************** * Globális beállítások *********************************************************************************************************************** */ /* *************************************************************************************************** * Admin színváltozók és UI-szerepkör szerinti aliasok *************************************************************************************************** */ /* * Medusa Beauty - aktivan hasznalt admin szinvaltozok * Ezek a szinek jelenleg dokumentacios celbol vannak itt rogzitve. * Elso korben nincsenek komponensekhez bekotve, csak keznel vannak tartva. * A sorvegi kommentek a WoodMart Theme Settings pontos admin-utvonalait jelzik. */ :root { /* Styles and colors > Colors / Pages background */ --medusa-paper : #f4f0ed; /* Colors > Mobile browser top bar color; Pages background > All pages background; Pages background > Product archive background; Pages background > Single product background; Pages background > Blog archive background; Pages background > Single post background */ --medusa-blush : #ddc4b3; /* Colors > Secondary color */ /* Styles and colors > Buttons / Forms / Links / Carousel */ --medusa-soft-ivory : #f7f3f0; /* Forms > Form background color; Carousel > Carousel arrow > Background color > Regular */ --medusa-text-main : #3b2b26; /* Buttons > Default buttons background; Forms > Form text color; Links > Color > Regular; Carousel > Carousel arrow > Color > Regular */ --medusa-text-soft : #5a453d; /* Buttons > Default buttons hover background */ --medusa-text-muted : #7a655c; /* Forms > Form placeholder color; Carousel > Carousel arrow > Color > Disabled */ --medusa-line-soft : #dbcbbf; /* Forms > Form border color; Links > Underlining color > Regular; Carousel > Carousel pagination > Background color > Regular */ --medusa-line-strong : #b89e90; /* Carousel > Carousel pagination > Background color > Hover */ --medusa-cloud : #efe7e1; /* Carousel > Carousel arrow > Background color > Disabled */ --medusa-powder : #eadcd2; /* Carousel > Carousel arrow > Background color > Hover */ /* Styles and colors > Forms / Colors / Links / Carousel / Styles */ --medusa-gold-script-soft : #cfab4a; /* Forms > Form border color focus */ --medusa-gold-script-rich : #b5881f; /* Colors > Primary color; Buttons > Accent buttons background; Links > Color > Hover; Links > Underlining color > Hover; Carousel > Carousel arrow > Color > Hover; Carousel > Carousel pagination > Background color > Active; Styles > Keyboard focus outline */ --medusa-gold-script-core : #8f6a12; /* Buttons > Accent buttons hover background */ } /* * Medusa Beauty - kesobbi CSS-felhasznalashoz eloallitott alias valtozok * Ezek mar nem admin-mezok szerint, hanem UI-szerepkor szerint vannak rendezve. * A medusa-theme- prefix direkt utkozeselkerules miatt kerult be. */ :root { --medusa-theme-bg : var(--medusa-paper); /* Fo vilagos oldalhatter */ --medusa-theme-bg-alt : var(--medusa-cloud); /* Alternativ, lagy szekciohatter */ --medusa-theme-surface : var(--medusa-soft-ivory); /* Kartya, input vagy puha felulet */ --medusa-theme-surface-accent : var(--medusa-powder); /* Melegebb, puder jellegu kiegeszito felulet */ --medusa-theme-text : var(--medusa-text-main); /* Elsodleges szovegszin */ --medusa-theme-text-soft : var(--medusa-text-soft); /* Masodlagos sotet szoveg vagy hover tonalitas */ --medusa-theme-text-muted : var(--medusa-text-muted); /* Placeholder, disabled vagy halkabb szoveg */ --medusa-theme-heading : var(--medusa-text-main); /* Cimsorok alap szine */ --medusa-theme-border : var(--medusa-line-soft); /* Alap border vagy elvalaszto szin */ --medusa-theme-border-strong : var(--medusa-line-strong); /* Eroteljesebb border vagy kiemeltebb elvalaszto */ --medusa-theme-brand : var(--medusa-gold-script-rich); /* Elsodleges brand arany kiemeles */ --medusa-theme-brand-hover : var(--medusa-gold-script-core); /* Brand arany hover allapot */ --medusa-theme-brand-soft : var(--medusa-gold-script-soft); /* Lagyabb arany fokusz vagy finom kiemeles */ --medusa-theme-link : var(--medusa-text-main); /* Alap linkszin */ --medusa-theme-link-hover : var(--medusa-gold-script-rich); /* Link hover arany kiemeles */ --medusa-theme-button-bg : var(--medusa-gold-script-rich); /* Accent vagy kiemelt gombhatter */ --medusa-theme-button-bg-hover : var(--medusa-gold-script-core); /* Accent vagy kiemelt gomb hover hatter */ --medusa-theme-button-text : #ffffff; /* Vilagos gombfelirat */ --medusa-theme-selection-bg : var(--medusa-blush); /* Szovegkijeloleshez vagy finom interakcios kiemeleshez hasznalhato hatter */ } /* *************************************************************************************************** * Fejléc menü beállítások *************************************************************************************************** */ /* * Gepeink mega menu - felso informacios sor finom hover kiemelese. * Elso korben a custom kontener classra celozunk, de megtartunk egy fallback * Elementor-widget szelektort is a jelenlegi HTML blokkhoz. */ .medusa-mega-menu-gepeink .elementor-widget-wd_text_block .wd-text-block a, .wd-dropdown-menu .elementor-element-e5e98c9 .wd-text-block a { display : inline-block; transition : transform 0.18s ease, color 0.18s ease; transform-origin : center center; } .medusa-mega-menu-gepeink .elementor-widget-wd_text_block .wd-text-block a:hover, .wd-dropdown-menu .elementor-element-e5e98c9 .wd-text-block a:hover { transform : scale(1.04); } .medusa-mega-menu-gepeink .elementor-widget-wd_text_block .wd-text-block a:hover, .wd-dropdown-menu .elementor-element-e5e98c9 .wd-text-block a:hover { color : var(--medusa-theme-brand-hover); } /* *********************************************************************************************************************** * Aloldal specifikus beállítások *********************************************************************************************************************** */ /* *************************************************************************************************** * Kezdooldal beállítások *************************************************************************************************** */ /* ******************************************************************************* * Home slider ******************************************************************************* */ /* * Kezdooldali hero slider - csak vizualis effektek maradnak a child theme-ben, * az elrendezest es pozicionalast teljesen a WoodMart / Elementor kezeli. */ body.home .medusa-home-slider-1 { text-shadow : 0 2px 18px rgba(33, 23, 18, 0.22); } body.home .medusa-home-slider-1 .title, body.home .medusa-home-slider-1 .wd-slide-title, body.home .medusa-home-slider-1 .wd-title-element { text-shadow : 0 3px 20px rgba(26, 18, 14, 0.30); } body.home .medusa-home-slider-1 .btn, body.home .medusa-home-slider-1 .wd-button-wrapper a { box-shadow : 0 12px 28px rgba(26, 18, 14, 0.20); } /* * A gep PNG jelenleg kulon eloteri reteg. Enyhe arnyekkal es pici kontraszttal * jobban beul a terbe, es kevesbe hat kulon rarakott kivagasnak. */ body.home .medusa-home-slider-1 .elementor-widget-wd_image_or_svg img, body.home .medusa-home-slider-1 .wd-image img { filter : drop-shadow(0 18px 36px rgba(24, 17, 13, 0.24)); } /* * A kezdooldali overlap header logoja es menuje a vilagos sliderhattereken * finom kontraszterositest kap, dobozos hatter nelkul. */ body.home .whb-overcontent .site-logo img, body.home .whb-overcontent .wd-logo img { filter : drop-shadow(0 2px 10px rgba(31, 22, 17, 0.30)) brightness(1.05) contrast(1.08); } body.home .whb-overcontent .menu > li > a, body.home .whb-overcontent .wd-tools-element > a, body.home .whb-overcontent .wd-tools-element > div, body.home .whb-overcontent .whb-header a { text-shadow : 0 2px 12px rgba(31, 22, 17, 0.26); }