/*
Theme Name: Customify Child
Theme URI: https://pressmaximum.com/customify
Template: customify
Author: WPCustomify
Author URI: https://pressmaximum.com
Description: Customify is fast, lightweight, responsive and super flexible multipurpose theme built with SEO, speed, and usability in mind. Unleash the power of your imagination with a true WYSIWYG Header & Footer builder (inside the WordPress Customizer) built exclusively for this theme. The theme works great with any of your favorite page builder likes Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Combined with the Header & Footer builder, you can build any type of websites like shop, business agencies, corporate, portfolio, education, university portal, consulting, church, restaurant, medical and so on. Customify is compatible with all well-coded plugins, including major ones like WooCommerce, OrbitFox, Yoast, BuddyPress, bbPress, etc. Learn more about the theme and ready to import demo sites at https://pressmaximum.com/customify
Tags: custom-background,custom-logo,custom-menu,featured-images,flexible-header,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,one-column,two-columns,three-columns,left-sidebar,right-sidebar,e-commerce,blog
Version: 0.4.10.1756544127
Updated: 2025-08-30 10:55:27

*/

/**
 * Komunikaty błędów checkout WooCommerce
 */
/* FIX: telefon + email  – wymuszenie jednej linii */
.woocommerce-checkout
#billing_phone_field,
.woocommerce-checkout
#billing_email_field {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.woocommerce-checkout
#billing_phone_field {
    padding-right: 10px;
    clear: left;
}

.woocommerce-checkout
#billing_email_field {
    padding-left: 10px;
    clear: none;
}


/* Domyślnie chowamy pola do faktury i uwagi do zamówienia */
#order_numer_nip_field,
#order_nazwa_firmy_field,
#order_adres_firmy_field,
#order_comments_field {
    display: none;
}

/* ============================
   WooCommerce: modyfikacja dopisku (opcjonalne) w polach Zamówienia
   ============================ 
UWAGA:
   - Możesz usuwać i zmieniać dopiski "(opcjonalne)" przy polach checkout
     albo za pomocą CSS (zalecane przy użyciu Flexible Checkout Fields),
     albo alternatywnie przez PHP w functions.php (działa tylko na standardowe pola WooCommerce), ale można też używać wtyczki FCF.
   - Nie stosuj obu metod jednocześnie dla tych samych pól, 
     aby uniknąć konfliktów.
*/

/* 1. Usuwamy dopisek "(opcjonalne)" ze wszystkich pól */
.woocommerce form .optional {
    display: none !important;
}

/* 2. Dodajemy "(opcjonalnie)" tylko przy wybranych polach */

/* Pole: Nazwa firmy – dane do faktury */
label[for="billing_company"]::after {
    content: " (opcjonalnie)";
    font-weight: normal;
    color: #666; /* można zmienić np. na #999 albo inny */
}

/* Pole: Nazwa firmy – adres dostawy */
label[for="shipping_company"]::after {
    content: " (opcjonalnie)";
    font-weight: normal;
    color: #666;
}


/* ============================
   WooCommerce: dodanie brakującej w motywie ikony oka na stronie logowania pod polem hasła
   ============================
*/

/* Ikona oka (hasło ukryte – domyślnie) */
.woocommerce form .password-input .show-password-input::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
    margin: auto; /* wyśrodkowanie w kwadracie WooCommerce */
    background: url("/wp-content/themes/customify-child/icons/eye.svg") no-repeat center;
    background-size: contain;
}

/* Ikona przekreślonego oka (hasło widoczne – WooCommerce dodaje klasę display-password) */
.woocommerce form .password-input .show-password-input.display-password::before {
    background: url("/wp-content/themes/customify-child/icons/eye-off.svg") no-repeat center;
    background-size: contain;
}
/* ======================================================
* Responsywność osadzonych mediów
* ======================================================
*/
/* ======================================================
   Hero video
====================================================== */
.hero-video {
  position: relative;
  width: 100%;
  height: 380px;
  overflow: hidden;
  margin: 0;
}

.hero-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Mobile */
@media (max-width: 768px) {
  .hero-video {
    height: 300px; /* np. 260–320 = lepsza jakość */
  }
}

/* ======================================================
   Grid: filmy i artykuły
====================================================== */
.video-grid,
.article-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}

@media (max-width: 768px) {
  .video-grid,
  .article-grid {
    grid-template-columns: 1fr;
  }
}

/* iframe / embed */
.video-grid iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}

/* WordPress embeds */
.article-grid .wp-block-embed {
  margin: 0;
}


/**
 * Styl opisu kategorii wyświetlanego NAD listą produktów
 */
.category-intro {
  max-width: 800px;
  margin: 40px auto;
}

.category-intro summary {
  cursor: pointer;
  font-weight: 600;
  color: #333;
}

.category-intro[open] summary {
  margin-bottom: 16px;
}

// delikatna linia pod opisem

.category-description {
  line-height: 1.6;
  color: #444;
}

/**
*Wyśrodkowanie tytułów kategorii w bloku kategorii WooCommerce
*/
.woocommerce-loop-category__title {
  text-align: center;
}


/* ======================================================
   UKRYWANIE REKLAM / UPSELLI PRO W PANELU WP
   (bez ruszania krytycznych ostrzeżeń)
   
   Aby tymczasowo włączyć widoczność komunikatów:
   - usuń lub zakomentuj linie display: none !important;
   - odśwież panel WordPressa
   ====================================================== */

/* typowe klasy reklam PRO */
.wp-admin .notice.is-dismissible[class*="pro"],
.wp-admin .notice[class*="upgrade"],
.wp-admin .notice[class*="premium"],
.wp-admin .notice[class*="upsell"],
.wp-admin .notice[class*="buy"],
.wp-admin .notice[class*="sale"],
.wp-admin .notice[class*="promo"],

/* częste wrappery stosowane przez wtyczki */
.wp-admin .plugin-install .notice,
.wp-admin .update-nag,

/* sidebarowe boksy „Go PRO” */
.wp-admin .postbox[class*="pro"],
.wp-admin .postbox[class*="upgrade"],
.wp-admin .postbox[class*="premium"] {
    display: none !important; /* <-- usuń lub zakomentuj, aby pokazać komunikaty */
}

/* THANK YOU – mniejsze nagłówki sekcji */
.woocommerce-order h2 {
    font-size: 1.1em;
    margin-bottom: 0.6em;
}

/* THANK YOU – główny nagłówek strony zostaje duży */
.woocommerce-order > h2:first-of-type {
    font-size: 1.6em;
    margin-bottom: 1em;
}

/* THANK YOU – nazwa rachunku BACS */
.woocommerce-order .wc-bacs-bank-details-account-name {
    font-size: 0.9em;
    font-weight: 500;
    opacity: 0.85;
}

/* THANK YOU – ramka dla szczegółów zamówienia */
.woocommerce-order-details {
    border: 1px solid #e5e5e5;
    padding: 1.2em;
    border-radius: 6px;
    margin-bottom: 2em;
}

/* ======================================================
 * Naprawa rozjeżdżających się pól ilosci w koszyku
 * ======================================================
*/
/* Stabilizacja wiersza produktu w koszyku */
.woocommerce-cart table.cart td {
    vertical-align: middle;
}

/* Dodatkowo – zabezpieczenie inputa */
.woocommerce-cart input.qty {
    box-sizing: border-box;
}

/* ======================================================
 * Styl tabeli rozmiarów gryzaków w zakładce na karcie produktu
 * ======================================================
*/
.variant-table-wrapper {
  overflow-x: auto;
  margin: 1.5em 0;
}

.variant-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 720px; /* kluczowe */
}

.variant-table th,
.variant-table td {
  border: 1px solid #ddd;
  padding: 8px 10px;
  text-align: center;
  font-size: 14px;
  white-space: nowrap;
}

.variant-table th {
  background: #f7f7f7;
  font-weight: 600;
}