@charset "UTF-8";
/*
Theme Name:     Jan Hobl 2026
Theme URI:      https://www.janhobl.cz
Description:    GeneratePress child theme
Author:         Michaela Vranková
Author URI:     https://www.vrankova.cz
Template:       generatepress
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           accessibility-ready
Text Domain:    child-cz
*/

/* =============================
 *   TYPOGRAPHY
 ============================= */
*:focus {
  outline: 3px dotted red;
}
/* SPACES */
/* margin bottom */
.wp-block-gallery,
.wp-block-buttons,
.wp-block-media-text,
figure,
/* class default margin */
.default-margin-bottom {
  margin-bottom: 2rem;
}

h1, h2 {
  max-width: 13ch;
}

hr {
	border-top: 1px solid var(--contrast-3);
	height: 1px;
	margin-bottom: 40px;
	margin-top: 40px;
}
.wp-block-separator {
  border: none;
}
/* =============================
 *   BUTTONS
 ============================= */
/* radius */
.wp-block-button__link,
.wpcf7 input.wpcf7-submit,
.main-navigation .main-nav ul .menu-button a {
	border-radius: 1000px;
}
/* not underlined */
a.wp-block-button__link,
a.wp-block-button__link:focus,
a.wp-block-button__link:hover,
a.wp-block-button__link:active {
  text-decoration: none;
  border-bottom: 0;
  margin-bottom: 0;
}

/* BUTTON primary - full */
.wp-block-button a {
  border: 1px solid var(--accent-dark);
}
.wp-block-button a:focus,
.wp-block-button a:hover,
.wp-block-button a:active {
  border: 1px solid var(--accent);
}

/* BUTTON secondary - outline */
.wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background) {
  color: var(--contrast);
  background-color: white;
  border: 1px solid var(--contrast-3);
}
.wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):focus,
.wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):hover,
.wp-block-button.is-style-outline a.wp-block-button__link:not(.has-background):active {
  color: var(--contrast);
  border: 1px solid var(--contrast-3);
  background-color: var(--contrast-back);
}

/* BUTTON in color section */
/*.section-color a.wp-block-button__link:not(.has-background) {
	color: var(--accent-dark);
    background-color: var(--secondary);
}
.section-color a.wp-block-button__link:not(.has-background):focus,
.section-color a.wp-block-button__link:not(.has-background):hover,
.section-color a.wp-block-button__link:not(.has-background):active {
	color: var(--base-3);
    background-color: var(--accent-dark);
}*/
 
/* =============================
 *   LINKS 
 ============================= */
/* links in text */
main p a {
	font-weight: bold;
} 
/* =============================
 *   HEADER
 ============================= */
/* header links - underlining is transparent */
.site-header a:link,
.site-header a:visited {
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  margin-bottom: -1px;
}
 
/* header links hover - underlining is black */
.site-header a:hover,
.site-header a:active,
.site-header a:focus {
  border-color: #222;
}
 
/* logo is  block not underlined */
.site-logo a:link,
.site-logo a:visited{
  display: block;
  border: 1px solid transparent;
}

/* logo hover - no underline, border yes */
.site-logo a:hover,
.site-logo a:focus,
.site-logo a:active {
  text-decoration: none;
  border: 1px solid var(--contrast);
}
 
/* =============================
 *   PICTURES
 ============================= */
 /* GALLERY - picture with link is not underlined */
figure a img {
  /* same color as at img */
  border: 2px solid #ddd;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* GALLERY - picture hover not underlined */
figure a:hover,
figure a:active,
figure a:focus {
  border-bottom: 0;
}
/* GALLERY - add hover efect */
.wp-block-gallery .wp-block-image:hover img {
  filter: blur(2px);
  /*filter: grayscale(40%);*/
  border: 2px solid var(--global-color-17);
}
/* link at picture in single */
figure a,
.post-image a,
.wp-block-latest-posts__featured-image a {
  /*display: block;*/
  border: 1px solid transparent;
}

/* =============================
 *   CONTENT
 ============================= */
/* more space top */
.one-container .site-content {
  padding: 60px 40px 40px;
}
/* == CITE == */
blockquote {
  /*border: 1px solid var(--accent);*/
  padding: 2rem;
	border-radius: 4px;
	margin-left: 2rem;
	max-width: 60%;
	background: var(--secondary-back);
}
@media screen and (max-width: 800px) {
	blockquote {
		max-width: 100%;
	}
}
@media screen and (max-width: 800px) {
	blockquote {
		font-size: 1.1rem;
	}
}
/* == MENU == */
/* last item like a BUTTON */
.main-navigation .main-nav ul li.menu-button[class*="current-menu-"] > a {
	color: var(--base-3);
	background-color: var(--accent-dark);
}
.main-navigation .main-nav ul .menu-button:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul .menu-button:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul .menu-button:not([class*="current-menu-"]):active > a {
	color: var(--base-3);
  background-color: var(--accent);
}

/* == COLOR SECTION == */
/* inner space of color section */
.section-color > div {
	padding: 40px;
}
/* no space after last element */
.section-color > *:last-child {
	margin-bottom: 0;
}
/* space after color section */
.section-color {
	margin-bottom: 2rem;
}

/* == CARDS == */
/* BLOCK like a cards */
.box-icon {
	margin-bottom: 2rem;
	gap: 1rem;
}
.box-icon div {
	background: var(--accent-dark);
	color: var(--base-3);
	padding: 1.5rem;
	border-radius: 15px;
}
.box-icon-medium div {
	background: var(--contrast-back);
	color: var(--accent-dark);
}
.box-icon-light div {
	background: white;
	color: var(--accent-dark);	
	border: 1px solid var(--contrast-3)
}
.box-icon div > p:last-child {
	margin-bottom: 0;
}
/* numbered list */
.box-icon-number {
	
}
/* no space after last p */

/* smaller heading */
.box-icon h3 {
	font-size: 1.25rem;
  font-weight: 700;
}
/* 1 solo box */
.box-single-light {
	padding: 1.5rem;
	border-radius: 15px;
	background: white;
	color: var(--accent-dark);	
	border: 1px solid var(--contrast-3);
	margin-bottom: 2rem;
}
/* == FOOTER == */
footer h2 {
	color: var(--base-3);
	font-size: 2.5rem;
}
/* info - inner space */
footer .wp-block-group__inner-container {
	padding: 40px;
}
/* copyright style */
footer .copyright {
	padding: 20px;
	border-top: 1px solid var(--base-3);
}
/* no more space betweern info + copyright  */
.footer-info .wp-block-columns {
  margin-bottom: 0;
}
/* menu - more space around */
footer .wp-block-navigation {
	gap: 2.5rem;
}
/* footer - underlined navigation */
.footer-info a {
	text-decoration: underline;
}
/* footer - link hover */
footer a:hover,
footer a:focus,
footer a:active,
.footer-info .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.footer-info .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:focus,
.footer-info .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:active {
	color: var(--secondary);
}
/* logo too much space */
header .site-branding-container > .inside-header {
	padding: 0;
}

/* == CONTACT FORM 7 == */
/* max-width */
.wpcf7 {
	max-width: 916px;
}
.wpcf7 label {
  margin-bottom: 0.4rem;
  display: inline-block;
}
/* style inputs */
.wpcf7 input,
.wpcf7 textarea {
	border-radius: 15px;
}
/* name + email = 1 row */
.gs-form-row {
  display: flex;
  gap: 1rem;
  flex-wrap: nowrap;
}
/* 50% - 1/2 gap */
.gs-form-row p {
	width: calc(50% - 0.5rem);
}
/* no space after */
.contact-me {
	margin-bottom: -2.2rem;
}
@media screen and (max-width: 650px) {
	.gs-form-row {
		flex-wrap: wrap;
		gap: 0;
	}
	.gs-form-row p {
		width: 100%;
	}
}
/* =============================
 *   REFERENCES
 ============================= */
.references {
	padding: 2rem 0 0;
	background-color: transparent;
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}
/* grayscale images */
/*.references img {
	 filter: grayscale(100%);
}*/
/* no vertical space between logos */
.references figure {
	margin-bottom: 0;
}

/* ==============================
 * BLOCK MEDIA & TEXT
 * ============================== */
/* define spaces */
.wp-block-media-text {
  gap: 2rem;
}
.wp-block-media-text > .wp-block-media-text__content {
  padding: 0 !important;
}
/* Text + image = image with border */
.wp-block-media-text__media img {
  border: 1px solid transparent;
}
/* space after picture */
@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile {
    row-gap: 2rem;
  }
}

/* =============================
 *   SWIPE LIGHTBOX
 ============================= */
/* options visible - bug in css :-) */
.pswp__ui--idle button.pswp__button--arrow--left, 
.pswp__ui--idle button.pswp__button--arrow--right, 
.pswp__ui--idle .pswp__top-bar, .pswp__caption.pswp__ui--idle {
opacity: 1;
}
/* == END PLUGIN SWIPE LIGHTBOX == */