/* Theme Name: Edubin Child Theme URI: https://themeforest.net/item/edubin-education-lms-wordpress-theme/24037792 Description: Education LMS WordPress Theme Edubin Child Theme Author: Pixelcurve Author URI: https://themeforest.net/user/pixelcurve Template: edubin Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Tags: custom-header, custom-logo, blog, theme-options Text Domain: edubin-child * If you are not familiar with Child Themes, you can read about it here: * http://codex.wordpress.org/Child_Themes */ /* Wszystkie style działają wyłącznie wewnątrz głównego kontenera sm-rec-wrapper */ .sm-rec-wrapper { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; width: 100%; box-sizing: border-box; } .sm-rec-wrapper .sm-rec-section { margin-bottom: 50px; } .sm-rec-wrapper .sm-rec-main-title { font-size: 1.8rem; margin-bottom: 25px; color: #0076a3; text-transform: uppercase; letter-spacing: 1px; border-left: 4px solid #00a2ff; padding-left: 15px; } /* Harmonijka Główna (Opis kierunku) */ .sm-rec-wrapper .sm-rec-accordion-main { margin-bottom: 30px; background-color: #edf2f7; border-radius: 8px; padding: 15px; border: 1px solid #cbd5e1; } .sm-rec-wrapper .sm-rec-accordion-main summary { cursor: pointer; color: #2b6cb0; font-weight: bold; font-size: 1.1rem; padding: 5px; outline: none; } .sm-rec-wrapper .sm-rec-accordion-main-content { margin-top: 15px; padding: 5px 10px; color: #2d3748; font-size: 0.95rem; line-height: 1.6; text-align: left; } .sm-rec-wrapper .sm-rec-accordion-main-content p { margin-bottom: 12px; } /* Elastyczna Siatka (Grid) */ .sm-rec-wrapper .sm-rec-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; align-items: start; } /* Kafelki */ .sm-rec-wrapper .sm-rec-card { background: linear-gradient(135deg, #ffffff 0%, #f4f7f9 100%); border: 2px solid #00a2ff; border-radius: 8px; padding: 30px; display: flex; flex-direction: column; justify-content: space-between; transition: transform 0.2s ease, box-shadow 0.2s ease; box-sizing: border-box; } .sm-rec-wrapper .sm-rec-card:hover { transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0, 162, 255, 0.1); } .sm-rec-wrapper .sm-rec-card-centered { align-items: center; } /* Nagłówek Kafelka */ .sm-rec-wrapper .sm-rec-card-header { display: flex; align-items: center; width: 100%; margin-bottom: 20px; gap: 20px; } .sm-rec-wrapper .sm-rec-card-icon { font-size: 3rem; display: flex; align-items: center; justify-content: center; min-width: 60px; } .sm-rec-wrapper .sm-rec-card-title { font-size: 1.5rem; font-weight: 600; line-height: 1.3; color: #1a2530; margin: 0; } /* Harmonijka wewnątrz kafelka */ .sm-rec-wrapper .sm-rec-card-accordion { width: 100%; text-align: center; } .sm-rec-wrapper .sm-rec-card-accordion summary { display: inline-block; cursor: pointer; color: #ffffff; border: 2px solid #00a2ff; background: #00a2ff; padding: 10px 30px; border-radius: 6px; font-size: 1rem; font-weight: bold; transition: background 0.2s ease, border-color 0.2s ease; list-style: none; } .sm-rec-wrapper .sm-rec-card-accordion summary::-webkit-details-marker { display: none; } .sm-rec-wrapper .sm-rec-card-accordion summary:hover { background: #0076a3; border-color: #0076a3; } .sm-rec-wrapper .sm-rec-card-body { text-align: left; margin-top: 20px; font-size: 0.95rem; line-height: 1.6; color: #4a5568; border-top: 1px solid #e2e8f0; padding-top: 15px; } .sm-rec-wrapper .sm-rec-card-body ul { margin-left: 20px; margin-bottom: 15px; padding-left: 0; } .sm-rec-wrapper .sm-rec-card-body li { margin-bottom: 5px; } .sm-rec-wrapper .sm-rec-card-body hr { border: 0; border-top: 1px dashed #cbd5e1; margin: 15px 0; } /* Przyciski pobierania */ .sm-rec-wrapper .sm-rec-btn-download { display: inline-block; text-decoration: none; color: #ffffff; border: 2px solid #00a2ff; background: #00a2ff; padding: 10px 30px; border-radius: 6px; font-size: 1rem; font-weight: bold; text-align: center; width: 100%; transition: background 0.2s ease, border-color 0.2s ease; box-sizing: border-box; } .sm-rec-wrapper .sm-rec-btn-download:hover { background: #0076a3; border-color: #0076a3; } /* RESPONSYWNOŚĆ (MEDIA QUERIES) */ @media (max-width: 768px) { .sm-rec-wrapper .sm-rec-main-title { font-size: 1.5rem; } .sm-rec-wrapper .sm-rec-card-header { flex-direction: column; text-align: center; gap: 10px; } .sm-rec-wrapper .sm-rec-card { padding: 20px; } .sm-rec-wrapper .sm-rec-card-title { font-size: 1.3rem; } .sm-rec-wrapper .sm-rec-btn-download, .sm-rec-wrapper .sm-rec-card-accordion summary { width: 100%; padding: 12px 15px; }.single-course-layout-01 .edubin-course-single-layout-wrap-01 { padding: 5px;} } /* ========================= HARD RESET FOCUS (motyw + przeglądarka) ========================= */ a, button, input, select, textarea { outline: none !important; box-shadow: none !important; } /* usuwa focus z wrapperów menu (często Edubin / WP menu) */ li:focus, li:focus-within, .nav-item:focus, .nav-item:focus-within, .menu-item:focus, .menu-item:focus-within { outline: none !important; box-shadow: none !important; } /* ========================= JEDYNY SYSTEM WCAG FOCUS ========================= */ a:focus-visible, button:focus-visible, .nav-link:focus-visible, .logo-wrapper a:focus-visible, .header-top-right a:focus-visible, .quote-icon a:focus-visible, .edubin-woo-mini-cart-link:focus-visible, .edubin-mini-cart-content a:focus-visible, .woocommerce-mini-cart__buttons a:focus-visible, .edubin-mobile-hamburger-menu a:focus-visible { outline: 3px solid #ffbf47 !important; outline-offset: 3px !important; box-shadow: none !important; border-radius: 4px; } /* DOMYŚLNIE UKRYTY */ .edubin-woo-mini-cart-content { opacity: 0; visibility: hidden; transform: translateY(10px); transition: 0.2s ease; } /* MYSZ */ .edubin-woo-mini-cart-icon-wrapper:hover .edubin-woo-mini-cart-content { opacity: 1; visibility: visible; transform: translateY(0); } /* JS CLICK */ .edubin-woo-mini-cart-icon-wrapper.active .edubin-woo-mini-cart-content { opacity: 1; visibility: visible; transform: translateY(0); } .edubin-page-title-area.edubin-breadcrumb-style-1.edubin-breadcrumb-has-bg:before { background-color: rgba(0, 0, 0, 0.72); } /*przycisk nr telefonu*/ /* Wymuszenie proporcjonalnego skalowania obrazków */ .elementor-image-carousel-wrapper .swiper-slide img { width: auto !important; max-width: 100% !important; height: auto !important; max-height: 60px !important; /* Blokada wysokości, żeby loga były równe */ object-fit: contain !important; } /* Wyśrodkowanie obiektów wewnątrz slajdu */ .elementor-image-carousel-wrapper .swiper-slide-inner { display: flex !important; justify-content: center !important; align-items: center !important; height: 100% !important; } /*rowna wysokość boksów start*/ /* 1. Rozciągnięcie kart i kontenerów */ .edubin-course-1-grid-item { display: flex; } .edubin-course-1-grid-item .edubin-course, .edubin-course-1-grid-item .course__container { display: flex; flex-direction: column; width: 100%; height: 100%; } /* 2. Układ pionowy dla zawartości */ .edubin-course-1-grid-item .course__content { display: flex; flex-direction: column; flex-grow: 1; } /* 3. Wypchnięcie LINII (i ceny poniżej) na sam dół */ .edubin-course-1-grid-item .course__border { margin-top: auto; } /* Opcjonalnie: reset marginesu ceny, jeśli wcześniej był nadawany */ .edubin-course-1-grid-item .course__content--meta { margin-top: 0; } /*rowna wysokość boksów end*/ /*start wcag napisy aktualności,studia na obrazkach*/ /* Kafelki kategorii Edubin */ .edubin-course-category .single-items { position: relative; } /* Tło pod nazwą kategorii */ .edubin-course-category .items-cont { position: absolute; left: 20px; right: 20px; bottom: 20px; z-index: 2; } /* H3 – gwarantowany kontrast */ .edubin-course-category .course-cat { display: inline-block; margin: 0; padding: 10px 16px; color: #fff; background: rgba(0, 0, 0, 0.78); border-radius: 4px; } /* Link również biały */ .edubin-course-category .items-cont a, .edubin-course-category .items-cont a:hover, .edubin-course-category .items-cont a:focus { color: #fff; text-decoration: none; } /* Wyraźny focus dla klawiatury */ .edubin-course-category .items-cont a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; } /*end*/ /* Kafelki studiów — czytelna nawigacja klawiaturą */ /* Zdjęcie i tytuł jako pełne prostokątne obszary */ body.page-id-1041 .edubin-course .course-thumb, body.page-id-1041 .edubin-course .course__title-link { display: block; } /* Usunięcie szczeliny pod zdjęciem */ body.page-id-1041 .edubin-course .course-thumb img { display: block; } /* Nagłówek nie przycina zaznaczenia */ body.page-id-1041 .edubin-course .course__title:focus-within { overflow: visible; } /* Wskazanie całego kafelka obsługiwanego klawiaturą */ body.page-id-1041 .edubin-course .course__container:has(:focus-visible) { outline: 2px solid #1e73be !important; outline-offset: 5px !important; } /* Wyraźne zaznaczenie konkretnego linku */ body.page-id-1041 .edubin-course .course__container a:focus-visible { outline: 3px solid #072140 !important; outline-offset: 3px !important; border-radius: 4px; scroll-margin-block: 160px 40px; } /* Ramka zdjęcia wewnątrz, aby kafelek jej nie przycinał */ body.page-id-1041 .edubin-course a.course-thumb:focus-visible { outline-offset: -5px !important; } /* Dodatkowe wyróżnienie aktywnego tytułu */ body.page-id-1041 .edubin-course .course__title-link:focus-visible { background-color: #eef5fc; text-decoration: underline; text-underline-offset: 3px; } /* Ciemna ramka telefonu widoczna na białym tle */ body.page-id-1041 .edubin-course a.academy-phone-custom-btn--tile:focus-visible { outline: 3px solid #072140 !important; outline-offset: 3px !important; box-shadow: 0 0 0 3px #fff !important; } /* * Soravia Mentis — poprawki po audycie z 17.09.2026. * Wklej na końcu: Wygląd > Dostosuj > Dodatkowy CSS. * Wersja 1.2: fokus kierunków oraz kafelków „Popularne Kategorie”. * Pozostałe poprawki pozostają na stronie „Studia I i II stopnia” (page-id-1041). * Plik współpracuje z Academy Phone Order 2.1.3. */ /* 1. Kontrastowy fokus: ciemny obrys + białe podłoże obrysu. * Dwukolorowe oznaczenie działa na jasnych i ciemnych tłach. * !important nadpisuje obecną złotą ramkę z motywu potomnego. */ body .edubin-course a:focus-visible, body .edubin-course button:focus-visible, body.page-id-1041 a:focus-visible, body.page-id-1041 button:focus-visible, body.page-id-1041 input:focus-visible, body.page-id-1041 select:focus-visible, body.page-id-1041 textarea:focus-visible, body.page-id-1041 [tabindex]:not([tabindex="-1"]):focus-visible { outline: 3px solid #072140 !important; outline-offset: 3px !important; box-shadow: 0 0 0 3px #fff !important; transition: none !important; scroll-margin-block: 160px 40px; } /* 2. Link zdjęcia ma rozmiar zdjęcia, a tytuł jedną pełną ramkę. * Nie usuwamy overflow:hidden z całego kafelka: zdjęcie zachowuje * zaokrąglenia, a obrys zdjęcia jest rysowany wewnątrz jego granic. */ body .edubin-course a.course-thumb, body .edubin-course a.course__title-link { display: block; } body .edubin-course a.course-thumb img { display: block; } body .edubin-course .course__title:focus-within { overflow: visible; } body .edubin-course a.course-thumb:focus-visible { outline-offset: -6px !important; box-shadow: none !important; } body .edubin-course a.course-thumb:focus-visible img { outline: 3px solid #fff !important; outline-offset: -3px !important; } body .edubin-course a.course__title-link:focus-visible { color: #072140 !important; background-color: #eef5fc !important; text-decoration: underline; text-underline-offset: 3px; border-radius: 4px; } /* Ramka całego kafelka jest dodatkowa. Aktywny link ma własny obrys. */ @supports selector(:has(:focus-visible)) { body .edubin-course .course__container:has(:focus-visible) { outline: 2px solid #072140 !important; outline-offset: 5px !important; } } /* 3. Czytelna wskazówka w wyszukiwarce: #595959 na bieli = ok. 7:1. */ body.page-id-1041 .edubin-search-box #sm-header-search-field::placeholder { color: #595959 !important; opacity: 1 !important; } /* 4. Powiększamy rzeczywisty obszar linku Facebooka, nie sam rysunek. */ body.page-id-1041 a.elementor-social-icon-facebook-f { display: inline-flex !important; align-items: center; justify-content: center; box-sizing: border-box; min-width: 44px !important; min-height: 44px !important; padding: 8px !important; } /* 5. Popularne Kategorie: widoczny fokus na całej powierzchni zdjęcia. * Podpis pomija Tab dzięki PHP/JS w Academy Phone Order 2.1.3. * Ramka leży wewnątrz zdjęcia, ponad przyciemniającą je nakładką. */ body.home .edubin-course-category .single-items > a[href] { display: block; position: relative; border-radius: inherit; } body.home .edubin-course-category .single-items > a[href] img { display: block; } body.home .edubin-course-category .single-items > a[href]:focus-visible { outline: 3px solid #fff !important; outline-offset: -3px !important; box-shadow: none !important; transition: none !important; scroll-margin-block: 160px 40px; } body.home .edubin-course-category .single-items > a[href]:focus-visible::after { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 6px #072140; } /* 6. W systemowym trybie kontrastowym korzystamy z kolorów systemu. */ @media (forced-colors: active) { body .edubin-course a:focus-visible, body .edubin-course button:focus-visible, body.page-id-1041 a:focus-visible, body.page-id-1041 button:focus-visible, body.page-id-1041 input:focus-visible, body.page-id-1041 select:focus-visible, body.page-id-1041 textarea:focus-visible, body.page-id-1041 [tabindex]:not([tabindex="-1"]):focus-visible, body .edubin-course .course__container:focus-within { outline-color: Highlight !important; box-shadow: none !important; } body .edubin-course a.course-thumb:focus-visible img { outline-color: Canvas !important; } body.home .edubin-course-category .single-items > a[href]:focus-visible { outline-color: Highlight !important; } body.home .edubin-course-category .single-items > a[href]:focus-visible::after { box-sizing: border-box; border: 3px solid Highlight; box-shadow: none !important; } }