/*
Theme Name: Ollie Child theme
Theme URI: https://olliewp.com
Description: Ollie Child Theme
Author: Ollie
Author URI: https://olliewp.com
Template:     ollie
Version: 1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Text Domain: ollie-child
*/
body {
    /* background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(196, 196, 196, 0) 100%) */
   /*  background: linear-gradient(rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%),
    url('./img/handmadepaper.png'); */
    background: #ffffff;
      background: linear-gradient(180deg, rgba(255, 255, 255, 1) 72%, rgba(255, 238, 214, 1) 100%);
    /* background-image: url('./img/handmadepaper.png'); */
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 100%;
}
.wp-block-post-title {
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 80px;
}

/* Odkazy na weby s ikonami v menu */
.icon-link a {

    /* Vynutí pevnou velikost, pokud ji má menu mít */

    /* Skryjeme původní text odkazu ArtStation */
    font-size: 0 !important;
    /* line-height: 0 !important; */

    /* Zajišťuje, že kurzor je ručka */
    cursor: pointer;
}

/* 2. Vloží obrázek pomocí pseudoelementu ::before */
.icon-link a::before {
    content: "";
    display: block;

    /* Vloží ikonu ArtStation jako obrázek na pozadí */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    /* Definuje velikost ikony */
    width: 36px;
    height: 36px;

    /* Resetuje jakýkoliv text-align, pokud by to dělalo problémy */
    text-align: center;
}

.artstation-link a::before {
    background-image: url('./img/artstation-logo.svg');
}
.cara-link a::before {
    background-image: url('./img/cara-logo.svg');
}
.instagram-link a::before {
    background-image: url('./img/instagram-logo.svg');
}

/* === CONTACT FORM 7 – MODERNÍ RESPONSIVNÍ STYL (upravený spinner + spacing) === */
.wpcf7 form {
  max-width: 600px;
  margin: 0 auto;
  padding: 2rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 15px rgba(0,0,0,0.05);
  font-family: system-ui, sans-serif;
  color: #333;
}

/* Štítky */
.wpcf7 form label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
  font-size: 0.95rem;
}

/* Pole */
.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form textarea,
.wpcf7 form select {
  width: 100%;
  max-width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
  background: #fafafa;
  transition: all 0.2s ease;
  font-size: 1rem;
  box-sizing: border-box;
}

.wpcf7 form input:focus,
.wpcf7 form textarea:focus,
.wpcf7 form select:focus {
  border-color: #0073e6;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(0,115,230,0.1);
  outline: none;
}

/* Tlačítko */
.wpcf7 form input[type="submit"] {
  display: inline-block;
  background: #0073e6;
  color: #fff;
  border: none;
  padding: 0.9rem 2rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.1s ease;
  width: 100%;
  margin-bottom: 0.4rem; /* menší mezera pod tlačítkem */
}

.wpcf7 form input[type="submit"]:hover {
  background: #005bb5;
  transform: translateY(-1px);
}

/* Zarovnání spinneru */
.wpcf7-spinner {
  display: none;
  margin: 0.5rem auto 0 auto !important;
  position: static !important;
}

/* Odstranění přebytečných mezer pod posledním <p> */
.wpcf7 form p:last-of-type {
  margin-bottom: 0.5rem;
}

/* Chybové a úspěšné zprávy */
.wpcf7-response-output {
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 0.5rem;
  font-weight: 500;
}

.wpcf7 form .wpcf7-validation-errors {
  background: #fff3f3;
  border: 1px solid #f5c2c2;
  color: #a94442;
}

.wpcf7 form .wpcf7-mail-sent-ok {
  background: #e6ffed;
  border: 1px solid #b2f2bb;
  color: #2f8f46;
}

/* Mezery mezi poli */
.wpcf7 form p {
  margin-bottom: 1.2rem;
}

/* Responsivita */
@media (max-width: 600px) {
  .wpcf7 form {
    padding: 1.5rem;
    border-radius: 0.75rem;
  }

  .wpcf7 form input[type="submit"] {
    font-size: 1rem;
    padding: 0.8rem 1.2rem;
  }
}

/* Hide class */
.hide {
    display: none !important;
}

/* --- CENTROVÁNÍ VŠECH PRVKŮ UVNITŘ OBSAHOVÉHO BLOKU --- */
.entry-content {
  /* Zajistí centrování textu a řádkových prvků (jako je to Pčko s textem "This content...") */
  text-align: center;
}

/* --- STYLOVÁNÍ A CENTROVÁNÍ FORMULÁŘE SAMOTNÉHO --- */
.post-password-form {
  /* Zruší standardní zarovnání, pokud bylo zděděno (někdy je float) */
  float: none;
  /* Nastaví maximální šířku pro lepší vzhled a vycentruje formulář */
  max-width: 450px;
  margin: 40px auto;
  /* 40px nahoře/dole, auto vycentruje horizontálně */
  padding: 30px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f9f9f9;
}

/* Stylování popisku/textu "Password:" */
.post-password-form label {
  display: block;
  /* Zajistí, že se popisek objeví nad inputem (nebo na novém řádku) */
  text-align: left;
  /* Zarovná text "Password:" doleva */
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}

/* Stylování obalujících P tagů (pro lepší kontrolu rozestupů) */
.post-password-form p {
  text-align: left;
  /* Text uvnitř formuláře zarovnáme zpět doleva, aby texty "Password:" byly vlevo */
  margin-bottom: 15px;
}

/* Stylování vstupního pole (input) */
.post-password-form input[type="password"] {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1em;
}

/* Stylování tlačítka "Enter" (nebo "Submit") */
.post-password-form input[type="submit"] {
  background-color: #0073aa;
  color: white;
  padding: 10px 25px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  transition: background-color 0.3s;
  width: 100%;
  /* Plná šířka, aby ladilo s inputem */
}

.post-password-form input[type="submit"]:hover {
  background-color: #005177;
}