.elementor-kit-57636{--e-global-color-primary:#BA0000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#C3C3C3;--e-global-color-accent:#7A7A7A;--e-global-color-c917595:#000000;--e-global-color-c643659:#E50000;--e-global-color-097c0e8:#E4E4E4;--e-global-color-645fc69:#EAEAEA;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-size:48px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-text-decoration:none;--e-global-typography-secondary-font-family:"Montserrat";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.4em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.8em;--e-global-typography-accent-font-family:"Montserrat";--e-global-typography-accent-font-weight:500;--e-global-typography-b8c0bee-font-size:36px;--e-global-typography-b8c0bee-font-weight:900;--e-global-typography-b8c0bee-text-transform:uppercase;--e-global-typography-f77d358-font-family:"Montserrat";--e-global-typography-f77d358-font-size:14px;--e-global-typography-f77d358-font-weight:700;--e-global-typography-f77d358-text-transform:uppercase;--e-global-typography-6a9a153-font-size:12px;--e-global-typography-6f524cc-font-family:"Montserrat";--e-global-typography-6f524cc-font-size:18px;--e-global-typography-6f524cc-font-weight:700;--e-global-typography-6f524cc-text-transform:none;--e-global-typography-6f524cc-line-height:1.1em;--e-global-typography-1be25b4-font-size:24px;--e-global-typography-1be25b4-font-weight:900;--e-global-typography-1be25b4-text-transform:uppercase;--e-global-typography-87a28c4-font-family:"Montserrat";--e-global-typography-87a28c4-font-size:12px;--e-global-typography-87a28c4-font-weight:700;--e-global-typography-87a28c4-text-transform:none;--e-global-typography-87a28c4-line-height:1.8em;--e-global-typography-83cae0c-font-family:"Montserrat";--e-global-typography-83cae0c-font-size:36px;--e-global-typography-83cae0c-font-weight:900;--e-global-typography-83cae0c-text-transform:uppercase;--e-global-typography-98b71d6-font-size:24px;--e-global-typography-98b71d6-font-weight:900;--e-global-typography-0cc3850-font-family:"Montserrat";--e-global-typography-0cc3850-font-size:18px;--e-global-typography-0cc3850-font-weight:900;--e-global-typography-0cc3850-text-transform:uppercase;--e-global-typography-d80f558-font-family:"Montserrat";--e-global-typography-d80f558-font-size:24px;--e-global-typography-d80f558-font-weight:700;--e-global-typography-2a7c347-font-size:14px;--e-global-typography-2a7c347-line-height:1.4em;--e-global-typography-ea2a58a-font-family:"Montserrat";--e-global-typography-ea2a58a-font-size:16px;--e-global-typography-ea2a58a-font-weight:700;--e-global-typography-ea2a58a-line-height:1.4em;--e-global-typography-8f0f7b3-font-size:12px;--e-global-typography-8f0f7b3-font-weight:400;--e-global-typography-c99dc88-font-family:"Montserrat";--e-global-typography-c99dc88-font-size:14px;--e-global-typography-c99dc88-font-weight:700;--e-global-typography-c99dc88-line-height:1.4em;--e-global-typography-ae61090-font-family:"Montserrat";--e-global-typography-ae61090-font-size:16px;--e-global-typography-ae61090-font-weight:500;--e-global-typography-ae61090-text-transform:none;--e-global-typography-ae61090-line-height:1.4em;--e-global-typography-3b7e2a1-font-family:"EB Garamond";--e-global-typography-3b7e2a1-font-weight:700;--e-global-typography-3b7e2a1-font-style:italic;font-family:"Montserrat", Sans-serif;}.elementor-kit-57636 e-page-transition{background-color:#FFBC7D;}body.e-wc-error-notice .woocommerce-error, body.e-wc-error-notice .wc-block-components-notice-banner.is-error{background-color:var( --e-global-color-secondary );border-style:none;}body.e-wc-message-notice .woocommerce-message, body.e-wc-message-notice .wc-block-components-notice-banner.is-success{background-color:var( --e-global-color-secondary );border-style:none;}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{background-color:var( --e-global-color-secondary );background-image:var( --e-global-color-secondary );font-family:var( --e-global-typography-f77d358-font-family ), Sans-serif;font-size:var( --e-global-typography-f77d358-font-size );font-weight:var( --e-global-typography-f77d358-font-weight );text-transform:var( --e-global-typography-f77d358-text-transform );letter-spacing:var( --e-global-typography-f77d358-letter-spacing );border-width:1px 1px 1px 1px;}body.e-wc-message-notice .woocommerce-message .button:hover, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button:hover{background-color:var( --e-global-color-secondary );background-image:var( --e-global-color-secondary );}body.e-wc-info-notice .woocommerce-info, body.e-wc-info-notice .wc-block-components-notice-banner.is-info{background-color:var( --e-global-color-secondary );border-style:none;}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{background-color:var( --e-global-color-secondary );background-image:var( --e-global-color-secondary );font-family:var( --e-global-typography-f77d358-font-family ), Sans-serif;font-size:var( --e-global-typography-f77d358-font-size );font-weight:var( --e-global-typography-f77d358-font-weight );text-transform:var( --e-global-typography-f77d358-text-transform );letter-spacing:var( --e-global-typography-f77d358-letter-spacing );border-width:1px 1px 1px 1px;}body.e-wc-info-notice .woocommerce-info .button:hover, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .woocommerce-info .woocommerce-Button:hover, body.e-wc-info-notice .e-my-account-tab:not(.e-my-account-tab__dashboard--custom) .woocommerce .wc-block-components-notice-banner.is-info .woocommerce-Button:hover{background-color:var( --e-global-color-secondary );background-image:var( --e-global-color-secondary );}.elementor-kit-57636 a{color:var( --e-global-color-c643659 );}.elementor-kit-57636 a:hover{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{--error-message-text-color:var( --e-global-color-c917595 );font-family:var( --e-global-typography-ae61090-font-family ), Sans-serif;font-size:var( --e-global-typography-ae61090-font-size );font-weight:var( --e-global-typography-ae61090-font-weight );text-transform:var( --e-global-typography-ae61090-text-transform );line-height:var( --e-global-typography-ae61090-line-height );--error-message-icon-color:var( --e-global-color-c643659 );--error-message-normal-links-color:var( --e-global-color-c643659 );--error-message-hover-links-color:var( --e-global-color-primary );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{--message-message-text-color:var( --e-global-color-c917595 );font-family:var( --e-global-typography-ae61090-font-family ), Sans-serif;font-size:var( --e-global-typography-ae61090-font-size );font-weight:var( --e-global-typography-ae61090-font-weight );text-transform:var( --e-global-typography-ae61090-text-transform );line-height:var( --e-global-typography-ae61090-line-height );--message-message-icon-color:var( --e-global-color-c917595 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--message-buttons-normal-text-color:var( --e-global-color-c643659 );--message-buttons-hover-text-color:var( --e-global-color-primary );--message-buttons-hover-border-color:var( --e-global-color-primary );--message-border-type:solid;--message-border-color:var( --e-global-color-c643659 );--message-buttons-border-radius:0px 0px 0px 0px;--message-buttons-padding:15px 15px 15px 15px;}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{--info-message-text-color:var( --e-global-color-c917595 );font-family:var( --e-global-typography-ae61090-font-family ), Sans-serif;font-size:var( --e-global-typography-ae61090-font-size );font-weight:var( --e-global-typography-ae61090-font-weight );text-transform:var( --e-global-typography-ae61090-text-transform );line-height:var( --e-global-typography-ae61090-line-height );--info-message-icon-color:var( --e-global-color-c643659 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--info-buttons-normal-text-color:var( --e-global-color-c643659 );--info-buttons-hover-text-color:var( --e-global-color-primary );--info-buttons-hover-border-color:var( --e-global-color-primary );--info-border-type:solid;--info-border-color:var( --e-global-color-c643659 );--info-buttons-border-radius:0px 0px 0px 0px;--info-buttons-padding:15px 15px 15px 15px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1200px){.elementor-kit-57636{--e-global-typography-87a28c4-line-height:1.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-ae61090-font-size );line-height:var( --e-global-typography-ae61090-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-ae61090-font-size );line-height:var( --e-global-typography-ae61090-line-height );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-f77d358-font-size );letter-spacing:var( --e-global-typography-f77d358-letter-spacing );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-ae61090-font-size );line-height:var( --e-global-typography-ae61090-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-f77d358-font-size );letter-spacing:var( --e-global-typography-f77d358-letter-spacing );}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.e-wc-error-notice .woocommerce-error, .e-wc-error-notice .wc-block-components-notice-banner.is-error{font-size:var( --e-global-typography-ae61090-font-size );line-height:var( --e-global-typography-ae61090-line-height );}.e-wc-message-notice .woocommerce-message, .e-wc-message-notice .wc-block-components-notice-banner.is-success{font-size:var( --e-global-typography-ae61090-font-size );line-height:var( --e-global-typography-ae61090-line-height );}body.e-wc-message-notice .woocommerce-message .button, body.e-wc-message-notice .wc-block-components-notice-banner.is-success .button{font-size:var( --e-global-typography-f77d358-font-size );letter-spacing:var( --e-global-typography-f77d358-letter-spacing );}.e-wc-info-notice .woocommerce-info, .e-wc-info-notice .wc-block-components-notice-banner.is-info{font-size:var( --e-global-typography-ae61090-font-size );line-height:var( --e-global-typography-ae61090-line-height );}body.e-wc-info-notice .woocommerce-info .button, body.e-wc-info-notice .wc-block-components-notice-banner.is-info .button{font-size:var( --e-global-typography-f77d358-font-size );letter-spacing:var( --e-global-typography-f77d358-letter-spacing );}}/* Start custom CSS *//* =========================================================
CX – KÖZPONTI EGYEDI CSS (pharmacy-technology.hu/new)
2026-10-05: áthozva a Code Snippets 11-es kódrészletéből
(„CX: Egyedi CSS - Kozponti gyujtemeny”), változtatás nélkül.
Új egyedi CSS ide kerüljön, ne widgetekbe és ne kódrészletbe.
2026-10-05: 6. rész módosítva (ár a kártya alján), 8–11. rész új.
========================================================= */
/* --- 1. Kosar: "Shipment" cimke magyaritasa (mobil nezet) --- */
td[data-title="Shipment"]::before {
content: "Szállítás" !important;
font-size: 14px !important;
font-weight: bold;
display: inline-block;
visibility: visible !important;
}
/* --- 2. Fejlec minikosar: ures kosar uzenet magyaritasa --- */
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
font-size: 0 !important;
}
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message::before {
content: "Nincs termék a kosárban.";
font-size: 14px;
}
/* --- 3. Egyedi fekete "X" torles-ikon a kereso mezokon --- */
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none !important;
appearance: none !important;
width: 14px;
height: 14px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
cursor: pointer !important;
display: inline-block !important;
opacity: 0.7;
}
input[type="search"]::-webkit-search-cancel-button:hover {
opacity: 1;
}
/* --- 4. Penztar oldal: felesleges mezok elrejtese + placeholder javitas --- */
.woocommerce-additional-fields {
overflow: hidden;
padding: 15px;
}
.woocommerce-additional-fields textarea {
width: 100% !important;
box-sizing: border-box;
}
.woocommerce-form-coupon-toggle,
.woocommerce-form-coupon {
display: none !important;
}
/* A "Szallitas masik cimre" resz elrejtese a pharmacy-n SZANDEKOSAN kimarad:
a pharmacy szallitasi beallitasai (a regi oldalrol) nem modosithatok. 2026-10-04 */
#order_comments::placeholder {
color: transparent !important;
opacity: 0 !important;
}
#order_comments::-webkit-input-placeholder {
color: transparent !important;
opacity: 0 !important;
}
#order_comments::-moz-placeholder {
color: transparent !important;
opacity: 0 !important;
}
/* --- 5. Shop: kategoria-szuro radiogombok elrejtese, kattinthato cimkek --- */
.jet-filter-row .jet-radio-list__decorator,
.jet-filter-row .jet-checkboxes-list__decorator,
.jet-filter-row input[type="radio"],
.jet-filter-row input[type="checkbox"] {
display: none !important;
}
.jet-filter-row .jet-radio-list__label,
.jet-filter-row .jet-checkboxes-list__label {
cursor: pointer;
}
.jet-list-tree > .jet-radio-list__row > .jet-radio-list__item > .jet-radio-list__button > .jet-filters-counter {
display: none !important;
}
.jet-radio-list__input:checked + .jet-radio-list__button .jet-radio-list__label {
font-weight: bold !important;
}
/* --- 6. Shop: termekkartya elrendezes es kep-arany javitas --- */
.jet-woo-products__item .jet-woo-products__inner-box {
display: flex;
flex-direction: column;
height: 100%;
}
/* 2026-10-05: az ár és alatta a Kosárba gomb együtt a kártya alján (korábban csak a gomb) */
.jet-woo-products__item .jet-woo-product-price {
margin-top: auto !important;
}
.jet-woo-products__item .jet-woo-product-button {
margin-top: 0 !important;
}
.egyedi-termek-rács .jet-woo-product-thumbnail img {
aspect-ratio: 1 / 1 !important;
object-fit: contain !important;
width: 100% !important;
height: 100% !important;
background-color: #ffffff;
}
/* --- 7. Labjegyzet-felsoindex (sup) stilus --- */
.elementor-widget-text-editor sup,
.elementor-text-editor sup,
sup {
font-size: 0.6em !important;
vertical-align: super !important;
line-height: 0 !important;
position: relative !important;
top: -0.3em !important;
display: inline-block !important;
}
/* --- 8. Elementor termékrácsok (pl. termékoldal: Kapcsolódó termékek): az ár a gomb felett, a kártya alján --- */
.elementor-wc-products.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.elementor-wc-products.elementor-products-grid ul.products.elementor-grid li.product a.woocommerce-loop-product__link .price {
margin-top: auto;
}
/* --- 9. Fiókom → Fiókadatok és Címek: a mentés gombok jobbra zárva --- */
.woocommerce-EditAccountForm p:has(> button[name="save_account_details"]),
.woocommerce-address-fields p:has(> button[name="save_address"]) {
text-align: right;
}
/* --- 10. Fiókom és Pénztár űrlapjai: a böngésző automatikus kitöltésekor se legyen kék a mező (Gray Light 01; Fiókom fókuszban Gray Light + árnyék) --- */
.elementor-widget-woocommerce-my-account input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--e-global-color-645fc69) inset !important;
box-shadow: 0 0 0 1000px var(--e-global-color-645fc69) inset !important;
}
.elementor-widget-woocommerce-my-account input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5), 0 0 0 1000px var(--e-global-color-097c0e8) inset !important;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5), 0 0 0 1000px var(--e-global-color-097c0e8) inset !important;
}
/* Pénztár (Elementor Pénztár widget): az automatikusan kitöltött mező is Gray Light 01, mint a többi */
.elementor-widget-woocommerce-checkout-page input:-webkit-autofill,
.elementor-widget-woocommerce-checkout-page textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--e-global-color-645fc69) inset !important;
box-shadow: 0 0 0 1000px var(--e-global-color-645fc69) inset !important;
}
/* --- 11. Gombok: egységes árnyék az egész oldalon (2026-10-05) ---
A widgetek saját gomb-árnyék beállítása ki van kapcsolva, a gombok árnyékát CSAK itt kell módosítani.
Kivétel: a link-stílusú gombok az értesítőkben (fehér alap, piros keret) és a fejléc kosár-ikonja. */
.elementor-button:not(.elementor-menu-cart__toggle_button),
.ff-btn-submit,
a.button,
button.button,
input.button {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5) !important;
}
.woocommerce-message .button,
.woocommerce-info .button,
.woocommerce-error .button,
.wc-block-components-notice-banner .button {
box-shadow: none !important;
}
/* --- 12. Gombfeliratok: a globális linkszín (Tipográfia → Linkek) ne színezze át a Gomb widgetek szövegét (2026-10-05) ---
Ahol a Gomb widgetben nincs saját szövegszín, ott az Elementor alapértelmezett fehér felirata marad.
A widgetben beállított szövegszín ennél erősebb, továbbra is érvényes. */
.elementor-widget-button a.elementor-button,
.elementor-widget-button a.elementor-button:hover,
.elementor-widget-button a.elementor-button:focus,
.elementor-widget-button a.elementor-button:visited {
color: var(--e-global-color-secondary);
}
/* --- 13. Kosár és fejléc kosár-popup méretei (a cx 13. részéből; 2026-10-06; az Elementor widgetekben nincs rá beállítás) ---
Kosár oldal: a termékkép 64 px széles (a táblázat eddig 22 px-re nyomta össze; mobilon a kép rejtett, ott nem hat).
Fejléc kosár-popup: 400 px széles (eddig a tartalomhoz igazodott, kb. 330 px) – csak 768 px-től, mobilon változatlan. */
.elementor-widget-woocommerce-cart .woocommerce-cart-form td.product-thumbnail img {
width: 64px;
min-width: 64px;
height: auto;
}
@media (min-width: 768px) {
/* a „body” előtag azért kell, mert az Elementor saját popup-CSS-e a kit után töltődik be */
body .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--cart-type-mini-cart .elementor-menu-cart__main {
width: 400px;
}
}
/* --- 14. Pénztár „A megrendelése” táblázat: a Termék oszlop szélesebb (2026-10-05, a felhasználó kérésére; az Elementor pénztár-widgetjében nincs oszlopszélesség-beállítás) ---
A Termék oszlop a táblázat 60%-a; a csomagpont-logók sora a keskenyebb Részösszeg oszlopban magától két sorba törik. */
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout-review-order-table thead th.product-name {
width: 60%;
}
/* --- 15. WooCommerce-jelölők és rádiógombok (Kosár, Pénztár, Fiókom) – 2026-10-06, a felhasználó döntése ---
Az Elementor WooCommerce-elemeiben a négyzetre és a körre nincs gyári beállítás (csak a felirat színe és betűje), ezért itt kód adja
ugyanazt a kinézetet, amit az űrlapokon a Fluent Forms gyári beállítása ad: 18 px, Gray Light kitöltés, 1 px Black keret;
bejelölve: a jelölőnégyzet tömör fekete fehér pipával, a rádiógomb fekete pötty 2 px-es fehér körrel (2026-10-07).
Csak a három WooCommerce-elemre hat. A „display: inline-block” kell, mert a WooCommerce a pénztári jelölőt szövegközi elemmé teszi,
és akkor a 18 px nem érvényesülne. */
body .elementor-widget-woocommerce-cart .woocommerce input[type="checkbox"],
body .elementor-widget-woocommerce-cart .woocommerce input[type="radio"],
body .elementor-widget-woocommerce-checkout-page .woocommerce input[type="checkbox"],
body .elementor-widget-woocommerce-checkout-page .woocommerce input[type="radio"],
body .elementor-widget-woocommerce-my-account .woocommerce input[type="checkbox"],
body .elementor-widget-woocommerce-my-account .woocommerce input[type="radio"] {
-webkit-appearance: none;
appearance: none;
display: inline-block;
box-sizing: border-box;
width: 18px;
height: 18px;
min-width: 18px;
padding: 0;
border: 1px solid var(--e-global-color-c917595, #000);
border-radius: 0;
background: var(--e-global-color-097c0e8, #E4E4E4);
cursor: pointer;
}
body .elementor-widget-woocommerce-cart .woocommerce input[type="radio"],
body .elementor-widget-woocommerce-checkout-page .woocommerce input[type="radio"],
body .elementor-widget-woocommerce-my-account .woocommerce input[type="radio"] {
border-radius: 50%;
}
body .elementor-widget-woocommerce-cart .woocommerce input[type="checkbox"]:checked,
body .elementor-widget-woocommerce-checkout-page .woocommerce input[type="checkbox"]:checked,
body .elementor-widget-woocommerce-my-account .woocommerce input[type="checkbox"]:checked {
background: var(--e-global-color-c917595, #000) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") center / 12px 12px no-repeat;
}
body .elementor-widget-woocommerce-cart .woocommerce input[type="radio"]:checked,
body .elementor-widget-woocommerce-checkout-page .woocommerce input[type="radio"]:checked,
body .elementor-widget-woocommerce-my-account .woocommerce input[type="radio"]:checked {
background: var(--e-global-color-c917595, #000);
box-shadow: inset 0 0 0 2px var(--e-global-color-secondary, #fff);
}
/* --- 16. Kétszínű címsor – a webhely saját címsor-eleme (2026-10-06, a felhasználó döntése: „B) Központi elem”) ---
A HTML elemben csak a szöveg és az osztálynevek vannak, a teljes megjelenés itt van megadva:
ELSŐ SOR KIEMELT SOR
Az első sor színe alapból piros; „cx-cim--fekete”: fekete, „cx-cim--feher”: fehér. Fekete szó az első soron belül: ….
Méret alapból: mobilon 36 px, 768 px-től 48 px. Változatok: cx-cim--26-36, cx-cim--28-48, cx-cim--32-48, cx-cim--32-42.
A kiemelés betűje a Webhelybeállítások „Címsor kiemelés” globális betűtípusa (EB Garamond) – ott módosítható. */
.cx-cim {
margin: 0;
padding: 0;
font-family: "Montserrat", sans-serif;
font-weight: 900;
font-size: 36px;
line-height: 1;
text-transform: uppercase;
color: var(--e-global-color-c643659, #E50000);
}
@media (min-width: 768px) {
.cx-cim { font-size: 48px; }
}
.cx-cim__fo {
display: inline-block;
margin-bottom: -0.15em;
}
.cx-cim__fekete { color: var(--e-global-color-c917595, #000); }
.cx-cim__kiemeles {
display: inline;
font-family: var(--e-global-typography-3b7e2a1-font-family, "EB Garamond"), serif;
font-size: 0.8em;
font-weight: 700;
font-style: italic;
line-height: 1.4;
text-transform: none;
color: var(--e-global-color-secondary, #fff);
background-color: var(--e-global-color-c643659, #E50000);
padding: 0.05em 0.2em 0.15em;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.cx-cim--fekete { color: var(--e-global-color-c917595, #000); }
.cx-cim--feher { color: var(--e-global-color-secondary, #fff); }
.cx-cim--26-36 { font-size: 26px; }
.cx-cim--28-48 { font-size: 28px; }
.cx-cim--32-48,
.cx-cim--32-42 { font-size: 32px; }
@media (min-width: 768px) {
.cx-cim--26-36 { font-size: 36px; }
.cx-cim--28-48,
.cx-cim--32-48 { font-size: 48px; }
.cx-cim--32-42 { font-size: 42px; }
}
/* --- 17. Pénztár: régi kód a Pénztár widget saját Egyedi CSS mezőjéből (áthelyezve 2026-10-06, változatlan működéssel) ---
Megjegyzésmező igazítása, a kuponsáv és a „Szállítás másik címre” elrejtése, az angol helykitöltő szöveg elrejtése. */
/* --- 1. MEGLÉVŐ KÓD (Sorközök és Textarea igazítása) --- */
.elementor-widget-woocommerce-checkout-page .woocommerce-additional-fields {
overflow: hidden !important;
padding: 15px !important; /* Így a háttér nem tapad rá teljesen a mezőre. Az !important azért kell, mert a Pénztár widget saját térköz-beállítása a kit után töltődik be (eredetileg a widget saját CSS-ében volt). */
}
.elementor-widget-woocommerce-checkout-page .woocommerce-additional-fields textarea {
width: 100% !important; /* A szövegdoboz kitölti a rendelkezésre álló helyet, de nem lóg ki */
box-sizing: border-box;
}
/* --- 2. FELESLEGES FUNKCIÓK ELREJTÉSE --- */
/* Kuponkód bekérő sáv elrejtése */
.elementor-widget-woocommerce-checkout-page .woocommerce-form-coupon-toggle,
.elementor-widget-woocommerce-checkout-page .woocommerce-form-coupon {
display: none !important;
}
/* Szállítás másik címre opció elrejtése */
.elementor-widget-woocommerce-checkout-page #ship-to-different-address,
.elementor-widget-woocommerce-checkout-page .shipping_address {
display: none !important;
}
/* --- 3. ANGOL PLACEHOLDER SZÖVEG ELREJTÉSE (MEGOLDÁS) --- */
/* Az order_comments mező belsejében lévő angol placeholder szöveg eltüntetése */
.elementor-widget-woocommerce-checkout-page #order_comments::placeholder {
color: transparent !important;
opacity: 0 !important;
}
/* Régebbi/specifikus böngészőmotorok támogatása */
.elementor-widget-woocommerce-checkout-page #order_comments::-webkit-input-placeholder {
color: transparent !important;
opacity: 0 !important;
}
.elementor-widget-woocommerce-checkout-page #order_comments::-moz-placeholder {
color: transparent !important;
opacity: 0 !important;
}
/* --- 18. Fluent Forms: a sikeres beküldés üzenetének árnyéka – minden űrlapon (áthelyezve 2026-10-06 a Lábléc és a Kapcsolat űrlapjának saját CSS-éből) --- */
.fluentform .ff-message-success {
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
/* --- 19. Kategóriaoldal: kategória-linklista (áthelyezve 2026-10-06 a Kategóriaoldal sablon HTML eleméből; a lenyitó gombokat a központi JS gyűjtemény teszi hozzá) --- */
.kategoria-lista h5,.kategoria-lista h2,.kategoria-lista .widgettitle{display:none}
.kategoria-lista ul.product-categories,.kategoria-lista ul.children{list-style:none;margin:0;padding:0}
.kategoria-lista ul.product-categories>li.cat-item{position:relative;margin:0 2.5px 10px;padding:3px 0 0 25px;font:400 16px/24px Montserrat,sans-serif;color:#333}
.kategoria-lista ul.children{display:none;padding:10px 0 0 15px}
.kategoria-lista li.kl-open>ul.children{display:block}
.kategoria-lista ul.children>li.cat-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:0 0 10px;font:400 16px/19px Montserrat,sans-serif}
.kategoria-lista li.cat-item a{color:#333;text-decoration:none}
.kategoria-lista li.cat-item a:hover{color:#BA0000}
.kategoria-lista ul.product-categories>li.cat-item>.count{display:none}
.kategoria-lista .count{white-space:nowrap;color:#333}
.kategoria-lista li.current-cat>a{font-weight:700}
.kategoria-lista .kl-toggle{position:absolute;left:0;top:3px;width:20px;height:24px;cursor:pointer;background:none;border:0;padding:0}
.kategoria-lista .kl-toggle svg{width:20px;height:20px;margin-top:2px}
.kategoria-lista .kl-toggle .kl-minus,.kategoria-lista li.kl-open>.kl-toggle .kl-plus{display:none}
.kategoria-lista li.kl-open>.kl-toggle .kl-minus{display:inline}
/* --- 20. Shop és kategóriaoldalak: a márkalogó-szűrő (JetEngine Listing as filter) logói kattinthatók – kéz kurzor (2026-10-08) --- */
.jet-listing-grid.jet-select .jet-listing-grid__item{cursor:pointer;}
/* --- 21. Alcím és címke – a webhely saját elemei (2026-10-11, a felhasználó döntése: „Mehet, szerkesztők zárva”) ---
A HTML elemben csak a szöveg és az osztálynevek vannak, a teljes megjelenés itt van megadva.
Alcím:
Normál szöveg kiemelt szöveg
Alapból: Montserrat 700, 20 px, sorköz 1,5, Black; a kiemelés White betű Red háttéren.
Változatok: cx-alcim--16 (16 px), cx-alcim--feher (White szöveg);
kiemelés: cx-alcim__kiemeles--sotet (Red Dark háttér), cx-alcim__kiemeles--fekete (Black háttér);
felsorolás soronként: ….
Címszint: a fő címsor (cx-cim) alatt eggyel lejjebb – H1 alatt H2, H2 alatt H3.
Címke (kis, nagybetűs felirat egy szakasz fölött, nem címsor):