/*
Theme Name: Rafał Cichoń
Theme URI: https://www.linkedin.com/in/rafa%C5%82-cicho%C5%84-085b09113/
Author: Rafał Cichoń
Author URI: https://www.linkedin.com/in/rafa%C5%82-cicho%C5%84-085b09113/
Description: Motyw WordPress zoptymalizowany pod darmowy Elementor. Szybki, bez zbędnego kodu i tanio puszczę. Chcesz taki? Zadzwoń 669 299 679
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rafal-cichon
*/

/* ================================================
   Bazowe style globalne
   Czcionka Comfortaa ładowana przez header.css
   ================================================ */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Comfortaa', cursive, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #333333;
    background-color: #ffffff;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: #a0c716;
    transition: color 0.2s ease;
}

a:hover {
    color: #2a2a2a;
}

/* Obszar treści Elementora */
#page-content {
    min-height: 50vh;
}

/* =========================
   CONTACT FORM 7 - STYL FORMULARZA
   ========================= */

/* Etykiety */
.wpcf7 form label {
  display: block;
  width: 100%;
  margin-bottom: 18px;
  color: #1f1f1f;
  font-size: 16px;
  font-weight: 400;
}

/* Pola tekstowe i textarea */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="number"],
.wpcf7 form input[type="date"],
.wpcf7 form textarea {
  width: 100%;
  border: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #a0c716;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 10px 0 12px 0;
  font-size: 16px;
  color: #1f1f1f;
  outline: none;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

/* Wysokość textarea */
.wpcf7 form textarea {
  min-height: 160px;
  resize: vertical;
}

/* Focus pól */
.wpcf7 form input[type="text"]:focus,
.wpcf7 form input[type="email"]:focus,
.wpcf7 form input[type="tel"]:focus,
.wpcf7 form input[type="url"]:focus,
.wpcf7 form input[type="number"]:focus,
.wpcf7 form input[type="date"]:focus,
.wpcf7 form textarea:focus {
  border-bottom: 1px solid #a0c716;
  outline: none;
  box-shadow: none;
}

/* Placeholder */
.wpcf7 form input::placeholder,
.wpcf7 form textarea::placeholder {
  color: #8a8a8a;
  opacity: 1;
}

/* Przycisk Wyślij */
.wpcf7 form .wpcf7-submit {
  background-color: #a0c716;
  color: #ffffff;
  border: none;
  border-radius: 30px;
  padding: 14px 38px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-shadow: none;
}

/* Hover przycisku */
.wpcf7 form .wpcf7-submit:hover {
  background-color: #2a2a2a;
  color: #ffffff;
}

/* Focus przycisku */
.wpcf7 form .wpcf7-submit:focus {
  background-color: #2a2a2a;
  color: #ffffff;
  outline: none;
  box-shadow: none;
}

/* Komunikaty błędów pod polami */
.wpcf7 form .wpcf7-not-valid-tip {
  font-size: 13px;
  margin-top: 6px;
  color: #2a2a2a;
}

/* Ramka odpowiedzi formularza */
.wpcf7 form .wpcf7-response-output {
  margin: 20px 0 0 0;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 14px;
}

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="url"],
.wpcf7 form input[type="number"],
.wpcf7 form input[type="date"],
.wpcf7 form textarea {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #2a2a2a !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Przycisk Contact Form 7 */
.wpcf7 input[type="submit"],
.wpcf7 button,
.wpcf7 .wpcf7-submit {
  background-color: #a0c716 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 14px 40px !important;
  font-size: 16px !important;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

/* Hover */
.wpcf7 input[type="submit"]:hover,
.wpcf7 button:hover,
.wpcf7 .wpcf7-submit:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

/* =========================
   OKRUSZKI
   ========================= */
#breadcrumbs {
    font-size: 14px;
    margin-bottom: 20px;
    margin-left: 100px;
    color: #777;
}

#breadcrumbs a {
    color: #a0c716;
    text-decoration: none;
}

#breadcrumbs a:hover {
    text-decoration: underline;
}