/**
 * Geeks Child Theme - Custom Styles
 * 
 * Plik zawiera wszystkie niestandardowe style CSS dla motywu potomnego.
 * Przeniesione z functions.php dla lepszej organizacji kodu.
 * 
 * @package geeks-child
 * @since 1.0.0
 */

/* ==========================================================================
   CSS Variables dla Bootstrap
   ========================================================================== */

:root {
  --bs-body-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   Główne wymuszenie czcionki Inter
   ========================================================================== */

body:not(.wp-admin),
#page,
#content,
.site-content,
.entry-content,
main,
article,
.container,
.container-fluid {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   WooCommerce - Czcionka Inter
   ========================================================================== */

.woocommerce:not(#wpadminbar):not(#wpadminbar *),
.woocommerce-page:not(#wpadminbar):not(#wpadminbar *),
.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-account,
.woocommerce-MyAccount-content,
.woocommerce-MyAccount-navigation,
.woocommerce form,
.woocommerce table,
.woocommerce .button,
.woocommerce .cart-collaterals,
.woocommerce .shop_table,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .product,
.woocommerce .products,
.woocommerce .product-category,
.woocommerce-cart-form,
.woocommerce-checkout-review-order,
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields,
.woocommerce-order-details,
.woocommerce-customer-details,
.woocommerce-Address,
.woocommerce-orders-table {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   Tutor LMS - Czcionka Inter
   ========================================================================== */

.tutor-wrap:not(#wpadminbar):not(#wpadminbar *),
.tutor-course-listing-wrap,
.tutor-single-course-main-content,
.tutor-dashboard,
.tutor-course-content-wrap,
.tutor-course-header,
.tutor-course-details,
.tutor-single-lesson,
.tutor-lesson-sidebar,
.tutor-profile,
.tutor-instructor-profile,
.tutor-public-profile,
.tutor-announcements,
.tutor-certificate,
.tutor-modal,
.tutor-form-group,
.tutor-btn,
.tutor-button,
.tutor-alert,
.tutor-card,
.tutor-table,
.tutor-pagination,
.tutor-course-filter,
.tutor-archive-course {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

/* ==========================================================================
   Wykluczenia - nie nadpisuj tych elementów
   ========================================================================== */

#wpadminbar,
#wpadminbar *,
.ab-icon,
.ab-icon:before,
.ab-item .ab-icon:before,
#wp-admin-bar-root-default .ab-icon:before,
.dashicons,
.dashicons:before,
.dashicons-before:before,
[class^="dashicons-"],
[class*=" dashicons-"],
.wp-menu-image,
.wp-menu-image:before,
.menu-icon-dashboard div.wp-menu-image:before,
#adminmenu .wp-menu-image:before,
.wp-core-ui,
.elementor-icon,
.eicon,
[class^="eicon-"],
[class*=" eicon-"] {
  font-family: inherit !important;
}

/* WordPress Admin Bar - dashicons */
#wpadminbar .ab-icon:before,
#wpadminbar .ab-item:before {
  font-family: dashicons !important;
}

/* ==========================================================================
   Icon Fonts - Przywrócenie oryginalnych czcionek
   ========================================================================== */

/* Font Awesome */
.fa,
.fas,
.far,
.fal,
.fad,
.fab,
i.fa,
i.fas,
i.far,
i.fal,
i.fad,
i.fab,
span.fa,
span.fas,
span.far,
span.fal,
span.fad,
span.fab,
[class^="fa-"]:before,
[class*=" fa-"]:before {
  font-family: "Font Awesome 5 Free" !important;
}

.fab:before,
[class^="fab "]:before,
[class*=" fab"]:before {
  font-family: "Font Awesome 5 Brands" !important;
}

/* Feather Icons */
.fe,
i.fe,
span.fe,
[class^="fe-"],
[class*=" fe-"],
[class^="fe-"]:before,
[class*=" fe-"]:before {
  font-family: "feather" !important;
}

/* Material Design Icons */
.mdi,
i.mdi,
span.mdi,
[class^="mdi-"],
[class*=" mdi-"],
[class^="mdi-"]:before,
[class*=" mdi-"]:before {
  font-family: "Material Design Icons" !important;
}

/* Elementor Icons */
.eicon,
i.eicon,
[class^="eicon-"],
[class*=" eicon-"],
[class^="eicon-"]:before,
[class*=" eicon-"]:before {
  font-family: "eicons" !important;
}

/* SVG nie potrzebuje font-family */
svg,
svg * {
  font-family: unset !important;
}

/* ==========================================================================
   Modyfikacje WooCommerce
   ========================================================================== */

.header__cart .cart-contents {
  display: block !important;
}

/* Ikona koszyka w nawigacji - większy rozmiar */
.header__cart .cart-contents .fe-shopping-cart {
  font-size: 1.5rem !important; /* fs-2 equivalent */
  display: block;
}

.navbar {
  .navbar-brand {
    padding-bottom: 0;

    .custom-logo {
      max-height: 70px;
      max-width: 70px;
      object-fit: contain;
    }
  }
  .navbar-nav i {
    height: 48px;
  }

  #menu-menu-header.navbar-nav {
    margin-left: auto;
  }
}

/* ============================================
   BLOG SIDEBAR WIDGET STYLES
   ============================================ */

/* Główny kontener widgetu */
.blog-sidebar-widget {
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

/* Nagłówki sekcji */
.blog-sidebar-widget .widget-section-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #754ffe;
  color: #1e293b;
}

/* Ostatnie wpisy */
.blog-sidebar-widget .recent-posts-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-sidebar-widget .recent-post-item {
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  padding: 0.75rem 0;
  border-bottom: 1px solid #e2e8f0;
}

.blog-sidebar-widget .recent-post-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.blog-sidebar-widget .recent-post-item:first-child {
  padding-top: 0;
}

.blog-sidebar-widget .recent-post-thumbnail {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  border-radius: 0.375rem;
  overflow: hidden;
}

.blog-sidebar-widget .recent-post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.blog-sidebar-widget .recent-post-item:hover .recent-post-thumbnail img {
  transform: scale(1.05);
}

.blog-sidebar-widget .recent-post-content {
  flex: 1;
  min-width: 0;
}

.blog-sidebar-widget .recent-post-title {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-sidebar-widget .recent-post-title a {
  color: #1e293b;
  text-decoration: none;
  transition: color 0.2s ease;
}

.blog-sidebar-widget .recent-post-title a:hover {
  color: #754ffe;
}

.blog-sidebar-widget .recent-post-date {
  font-size: 0.8125rem;
  color: #64748b;
  margin-top: 0.25rem;
}

/* Lista kategorii */
.blog-sidebar-widget .categories-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-sidebar-widget .categories-list li {
  padding: 0.5rem 0;
  border-bottom: 1px solid #e2e8f0;
}

.blog-sidebar-widget .categories-list li:last-child {
  border-bottom: none;
}

.blog-sidebar-widget .categories-list a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #475569;
  text-decoration: none;
  font-size: 0.9375rem;
  transition: color 0.2s ease;
}

.blog-sidebar-widget .categories-list a:hover {
  color: #754ffe;
}

.blog-sidebar-widget .categories-list .cat-count {
  background: #f1f5f9;
  color: #64748b;
  font-size: 0.75rem;
  padding: 0.125rem 0.5rem;
  border-radius: 1rem;
  transition: all 0.2s ease;
}

.blog-sidebar-widget .categories-list a:hover .cat-count {
  background: #754ffe;
  color: #fff;
}

/* Tagi */
.blog-sidebar-widget .tags-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.blog-sidebar-widget .tags-cloud a {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  background: #f1f5f9;
  color: #475569;
  font-size: 0.8125rem;
  border-radius: 0.25rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.blog-sidebar-widget .tags-cloud a:hover {
  background: #754ffe;
  color: #fff;
}

/* Formularz wyszukiwania */
.blog-sidebar-widget .search-form-widget {
  display: flex;
  gap: 0;
}

.blog-sidebar-widget .search-form-widget .search-input {
  flex: 1;
  padding: 0.75rem 1rem;
  border: 1px solid #e2e8f0;
  border-right: none;
  border-radius: 0.375rem 0 0 0.375rem;
  font-size: 0.9375rem;
  outline: none;
  transition: border-color 0.2s ease;
}

.blog-sidebar-widget .search-form-widget .search-input:focus {
  border-color: #754ffe;
}

.blog-sidebar-widget .search-form-widget .search-button {
  padding: 0.75rem 1rem;
  background: #754ffe;
  color: #fff;
  border: 1px solid #754ffe;
  border-radius: 0 0.375rem 0.375rem 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.blog-sidebar-widget .search-form-widget .search-button:hover {
  background: #5c3fd3;
  border-color: #5c3fd3;
}

.blog-sidebar-widget .search-form-widget .search-button i {
  font-size: 1rem;
}

/* Responsywność */
@media (max-width: 991.98px) {
  .blog-sidebar-widget {
    margin-top: 2rem;
  }
}

@media (max-width: 575.98px) {
  .blog-sidebar-widget .recent-post-thumbnail {
    width: 60px;
    height: 60px;
  }

  .blog-sidebar-widget .recent-post-title {
    font-size: 0.875rem;
  }
}

.tutor-course-entry-box-login {
  margin-left: 1.5rem;
}

.product__thumbnail.card-img-top img {
  /* max-height: 250px; */
  object-fit: contain;
  height: 100%;
  /* object-position: top; */
}

.product__thumbnail.card-img-top img:hover {
  object-fit: contain;
}

.tutor-course-single-content-wrapper {
  background: #e2e8f0;
}

.tutor-quiz-btn-grp {
  @media (min-width: 576px) {
    margin-top: 1rem;
  }
}

/* Alternatywnie - całkowite ukrycie nakładki BlockUI (jeśli preferujesz) */
/* Odkomentuj poniższe jeśli chcesz całkowicie wyłączyć efekt blokowania */

.product .card .blockUI,
.geeks-list-view .blockUI {
  display: none !important;
}

.product .add_to_cart_button.text-body {
  color: inherit !important;
  font-weight: 600 !important;
}