/* ========================================================= AKADÁLYMENTES / MAGAS KONTRASZTÚ SÁRGA TÉMA Aktiválás: ========================================================= */ body.theme-color-yellow { --a11y-yellow: #f1cf27; --a11y-black: #000000; --a11y-white: #ffffff; --a11y-border: #000000; background: var(--a11y-black) !important; color: var(--a11y-white) !important; } /* Alap oldal és nagyobb tartalmi felületek */ body.theme-color-yellow .site-wrap, body.theme-color-yellow main, body.theme-color-yellow main section, body.theme-color-yellow main aside, body.theme-color-yellow .carousel-section, body.theme-color-yellow footer, body.theme-color-yellow .footer, body.theme-color-yellow .homepage-static-content, body.theme-color-yellow .hero-section, body.theme-color-yellow .about-section, body.theme-color-yellow .why-us-section, body.theme-color-yellow .services-section, body.theme-color-yellow .partners-section, body.theme-color-yellow .documents-section, body.theme-color-yellow .contact-section, body.theme-color-yellow .services-container, body.theme-color-yellow .services-detials, body.theme-color-yellow .faq-section, body.theme-color-yellow .process-section { background-color: var(--a11y-black) !important; background-image: none !important; color: var(--a11y-white) !important; } /* A normál oldalszöveg fehér fekete háttéren */ body.theme-color-yellow main h1, body.theme-color-yellow main h2, body.theme-color-yellow main h3, body.theme-color-yellow main h4, body.theme-color-yellow main h5, body.theme-color-yellow main h6, body.theme-color-yellow main p, body.theme-color-yellow main li, body.theme-color-yellow main span, body.theme-color-yellow main strong, body.theme-color-yellow main small, body.theme-color-yellow main label { color: var(--a11y-white) !important; } body.theme-color-yellow main a { color: var(--a11y-yellow) !important; text-decoration-color: currentColor; } body.theme-color-yellow .section-title, body.theme-color-yellow .section-title-left, body.theme-color-yellow .detials-area .big-title, body.theme-color-yellow .benifit h3, body.theme-color-yellow .services-intro h1 { color: var(--a11y-white) !important; -webkit-text-fill-color: var(--a11y-white) !important; background: none !important; } body.theme-color-yellow footer, body.theme-color-yellow .footer { background: var(--a11y-black) !important; color: var(--a11y-white) !important; } body.theme-color-yellow footer :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, small, label), body.theme-color-yellow .footer :is(h1, h2, h3, h4, h5, h6, p, li, span, strong, small, label) { color: var(--a11y-white) !important; } body.theme-color-yellow footer a, body.theme-color-yellow .footer a { color: var(--a11y-yellow) !important; } body.theme-color-yellow .company-name, body.theme-color-yellow .section-subtitle, body.theme-color-yellow .hero-trust { color: var(--a11y-yellow) !important; } body.theme-color-yellow .section-title-left::after, body.theme-color-yellow .services-intro::after, body.theme-color-yellow .hero-trust::before { background: var(--a11y-yellow) !important; } body.theme-color-yellow ::marker { color: var(--a11y-yellow) !important; } /* Oldalfejlécek / hero jellegű elemek: fekete háttér, fehér szöveg */ body.theme-color-yellow .details-header, body.theme-color-yellow .header, body.theme-color-yellow .header__top, body.theme-color-yellow .header__middle { background: var(--a11y-black) !important; color: var(--a11y-white) !important; } body.theme-color-yellow .details-header::before, body.theme-color-yellow .details-header::after, body.theme-color-yellow .hero-section::before, body.theme-color-yellow .why-us-section::before { background: none !important; background-image: none !important; } body.theme-color-yellow .header a, body.theme-color-yellow .header button, body.theme-color-yellow .header span, body.theme-color-yellow .details-header h1 { color: var(--a11y-white) !important; } /* ========================================================= KÁRTYÁK / KÁRTYA JELLEGŰ ELEMEK ========================================================= */ body.theme-color-yellow :is( .exp-badge, .about_satisfied, .feature-card, .advantage-card, .services-section .service-card, .doc-card, .info_main, .services-showcase .service-card, .process-step, .cta-content, .testimonial-card, .faq-card, .details-main .left_services, .detials-card .card-area, .benifit ul li, .about-us-section > .about-right, .single-card, .keypoint-section .card, .privacy-policy .table-wrapper ) { background: var(--a11y-yellow) !important; background-color: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; box-shadow: none !important; } /* Minden kártyán belüli szöveg fekete */ body.theme-color-yellow :is( .exp-badge, .about_satisfied, .feature-card, .advantage-card, .services-section .service-card, .doc-card, .info_main, .services-showcase .service-card, .process-step, .cta-content, .testimonial-card, .faq-card, .details-main .left_services, .detials-card .card-area, .benifit ul li, .about-us-section > .about-right, .single-card, .keypoint-section .card, .privacy-policy .table-wrapper ) :is(h1, h2, h3, h4, h5, h6, p, span, li, strong, small, label, a) { color: var(--a11y-black) !important; -webkit-text-fill-color: var(--a11y-black) !important; } /* Kártyák dekorációi ne tegyék olvashatatlanná a tartalmat */ body.theme-color-yellow .feature-card::before, body.theme-color-yellow .services-section .service-card::after, body.theme-color-yellow .services-showcase .service-card::after, body.theme-color-yellow .services-showcase .service-card::before, body.theme-color-yellow .services-showcase .text-only-card::after, body.theme-color-yellow .info_main::after { display: none !important; } /* Hoverben is maradjon a magas kontraszt */ body.theme-color-yellow :is( .feature-card, .advantage-card, .services-section .service-card, .doc-card, .services-showcase .service-card, .process-step, .testimonial-card, .faq-card, .detials-card .card-area, .keypoint-section .card ):hover { background: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; box-shadow: 0 0 0 3px var(--a11y-black) !important; } /* Text-only service card is accessibility mode-ban ugyanúgy sárga */ body.theme-color-yellow .services-showcase .text-only-card, body.theme-color-yellow .services-showcase .service-card ~ .text-only-card:hover { background: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border: 2px solid var(--a11y-black) !important; } body.theme-color-yellow .services-showcase .text-only-card .card-content h2, body.theme-color-yellow .services-showcase .text-only-card .card-content p { color: var(--a11y-black) !important; } /* Oldalsó szolgáltatáslista kártyaként */ body.theme-color-yellow .details-main .left_services h3, body.theme-color-yellow .details-main .left_services ul, body.theme-color-yellow .details-main .left_services ul::before, body.theme-color-yellow .details-main .left_services ul li, body.theme-color-yellow .details-main .left_services ul li a, body.theme-color-yellow .details-main .left_services ul li a:hover { background: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; } body.theme-color-yellow .details-main .left_services ul::before { opacity: 0 !important; } /* ========================================================= IKONOK Sárga kártyán fekete, fekete felületen fehér ========================================================= */ body.theme-color-yellow :is( .feature-icon, .service-icon, .info-icon, .doc-icon, .doc-download, .step-number, .author-avatar, .adv-number, .detials-card .info-icon ) { background: transparent !important; color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; box-shadow: none !important; } body.theme-color-yellow :is( .feature-icon, .service-icon, .info-icon, .doc-icon, .doc-download, .step-number, .author-avatar, .adv-number, .detials-card .info-icon, .detials-card .card-area svg, .about-right .title svg ) svg, body.theme-color-yellow :is( .feature-icon, .service-icon, .info-icon, .doc-icon, .doc-download, .step-number, .author-avatar, .adv-number, .detials-card .info-icon, .detials-card .card-area svg, .about-right .title svg ) svg path { color: var(--a11y-black) !important; fill: currentColor !important; stroke: currentColor !important; } body.theme-color-yellow .detials-card .card-area svg, body.theme-color-yellow .detials-card .card-area svg path, body.theme-color-yellow .about-right .title svg, body.theme-color-yellow .about-right .title svg path { color: var(--a11y-black) !important; fill: var(--a11y-black) !important; stroke: var(--a11y-black) !important; } /* Fekete hátterű területeken lévő ikonok legyenek fehérek */ body.theme-color-yellow .header svg, body.theme-color-yellow .hero-section svg, body.theme-color-yellow .details-header svg { color: var(--a11y-white) !important; } body.theme-color-yellow .header svg path, body.theme-color-yellow .hero-section svg path, body.theme-color-yellow .details-header svg path { fill: currentColor !important; stroke: currentColor !important; } /* ========================================================= GOMBOK / LINK JELLEGŰ VEZÉRLŐK ========================================================= */ body.theme-color-yellow .btn, body.theme-color-yellow .button, body.theme-color-yellow a.hero__more.button, body.theme-color-yellow button:not(.drawer__tab), body.theme-color-yellow input[type="button"], body.theme-color-yellow input[type="submit"] { background: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border: 2px solid var(--a11y-black) !important; box-shadow: none !important; text-shadow: none !important; } body.theme-color-yellow .btn:hover, body.theme-color-yellow .button:hover, body.theme-color-yellow a.hero__more.button:hover, body.theme-color-yellow button:not(.drawer__tab):hover, body.theme-color-yellow input[type="button"]:hover, body.theme-color-yellow input[type="submit"]:hover { background: var(--a11y-white) !important; color: var(--a11y-black) !important; border-color: var(--a11y-white) !important; } /* Sárga kártyán belül a CTA legyen fekete, hogy elkülönüljön */ body.theme-color-yellow :is( .feature-card, .advantage-card, .services-section .service-card, .doc-card, .info_main, .services-showcase .service-card, .process-step, .cta-content, .testimonial-card, .faq-card, .detials-card .card-area, .about-us-section > .about-right, .single-card, .keypoint-section .card ) :is(.btn, .button, .btn_primary) { background: var(--a11y-black) !important; color: var(--a11y-white) !important; -webkit-text-fill-color: var(--a11y-white) !important; border-color: var(--a11y-black) !important; } body.theme-color-yellow :is( .feature-card, .advantage-card, .services-section .service-card, .doc-card, .info_main, .services-showcase .service-card, .process-step, .cta-content, .testimonial-card, .faq-card, .detials-card .card-area, .about-us-section > .about-right, .single-card, .keypoint-section .card ) :is(.btn, .button, .btn_primary):hover { background: var(--a11y-white) !important; color: var(--a11y-black) !important; -webkit-text-fill-color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; } body.theme-color-yellow .services-showcase .service-card .btn_primary::before { display: none !important; } /* ========================================================= FORM ELEMEK ========================================================= */ body.theme-color-yellow input:not([type="button"]):not([type="submit"]), body.theme-color-yellow textarea, body.theme-color-yellow select { background: var(--a11y-black) !important; color: var(--a11y-white) !important; border: 2px solid var(--a11y-yellow) !important; } body.theme-color-yellow input::placeholder, body.theme-color-yellow textarea::placeholder { color: var(--a11y-white) !important; opacity: 0.85; } /* ========================================================= TÁBLÁZATOK / ADATKEZELÉSI OLDAL ========================================================= */ body.theme-color-yellow table { background: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; } body.theme-color-yellow th { background: var(--a11y-black) !important; color: var(--a11y-white) !important; border-color: var(--a11y-yellow) !important; } body.theme-color-yellow td, body.theme-color-yellow tbody tr, body.theme-color-yellow tbody tr:nth-child(even), body.theme-color-yellow tbody tr:hover { background: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; } body.theme-color-yellow td * { color: var(--a11y-black) !important; } /* ========================================================= KIEGÉSZÍTŐ ELEMEK ========================================================= */ body.theme-color-yellow .rescue-badge, body.theme-color-yellow .top-card::after { background: var(--a11y-yellow) !important; color: var(--a11y-black) !important; border-color: var(--a11y-black) !important; } body.theme-color-yellow .about-left p, body.theme-color-yellow p.small-info, body.theme-color-yellow .card-content li, body.theme-color-yellow .card-content p, body.theme-color-yellow .card-content ul { color: var(--a11y-white) !important; } body.theme-color-yellow .services-showcase .service-card .card-content li, body.theme-color-yellow .services-showcase .service-card .card-content p, body.theme-color-yellow .services-showcase .service-card .card-content ul { color: var(--a11y-black) !important; } /* Képek maradnak változatlanok; csak a körülöttük lévő keret legyen kontrasztos */ body.theme-color-yellow .hero-image img, body.theme-color-yellow .about-img-wrapper img, body.theme-color-yellow .service_img img, body.theme-color-yellow .card-image, body.theme-color-yellow .details-img, body.theme-color-yellow .map-wrapper { border-color: var(--a11y-yellow) !important; } /* Fókuszállapot billentyűzetes navigációhoz */ body.theme-color-yellow a:focus-visible, body.theme-color-yellow button:focus-visible, body.theme-color-yellow input:focus-visible, body.theme-color-yellow textarea:focus-visible, body.theme-color-yellow select:focus-visible, body.theme-color-yellow summary:focus-visible, body.theme-color-yellow [tabindex]:focus-visible { outline: 4px solid var(--a11y-yellow) !important; outline-offset: 3px !important; } /* Sárga kártyán a sárga fókusz nem látszana, ott fekete legyen */ body.theme-color-yellow :is( .feature-card, .advantage-card, .services-section .service-card, .doc-card, .info_main, .services-showcase .service-card, .process-step, .cta-content, .testimonial-card, .faq-card, .detials-card .card-area, .about-us-section > .about-right, .single-card, .keypoint-section .card ) :is(a, button, input, textarea, select, summary, [tabindex]):focus-visible { outline-color: var(--a11y-black) !important; } /* Kijelölt szöveg */ body.theme-color-yellow ::selection { background: var(--a11y-yellow); color: var(--a11y-black); }