/*
 Theme Name:   Twenty Seventeen Child
 Theme URI:    https://jepa-foto.de/
 Description:  Ein Child-Theme für Twenty Seventeen – angepasst für JePa Fine Art
 Author:       Jens Paritzsch
 Author URI:   https://jepa-foto.de
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  twentyseventeen-child
*/

/* ---------------------------------------------
   Shop: Headerbild / Spacing
---------------------------------------------- */

/* Basis: kein riesiger Leerraum unter dem Header im Shop */
.shop-page .custom-header{
  margin-bottom: 0 !important;
}

/* Desktop: Headerbereich ähnlich wie Seiten */
@media (min-width: 782px){
  .shop-page .custom-header{
    margin-bottom: 72px !important;
  }
}

/* ---------------------------------------------
   Shared Footer
---------------------------------------------- */

.jepa-site-footer {
  background-color: #333;
  color: #fff;
  padding: 20px 0;
}

.jepa-site-footer .wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

.jepa-footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.jepa-footer-section {
  margin: 0;
}

.jepa-footer-left,
.jepa-footer-right,
.jepa-footer-copyright {
  display: flex;
  align-items: center;
}

.jepa-footer-left {
  gap: 10px;
  font-size: 16px;
}

.jepa-footer-left a,
.jepa-footer-copyright p {
  color: #fff;
}

.jepa-footer-left a:hover,
.jepa-footer-left a:focus {
  text-decoration: underline;
}

.jepa-footer-copyright p {
  margin: 0;
  font-size: 14px;
  text-align: center;
}

.jepa-footer-right {
  gap: 15px;
}

.jepa-footer-right a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.jepa-social-icon {
  width: 30px;
  height: 30px;
  display: block;
}

.jepa-whatsapp-desktop,
.jepa-whatsapp-mobile {
  display: none;
}

@media screen and (min-width: 769px) {
  .jepa-whatsapp-desktop {
    display: inline-flex;
  }
}

@media screen and (max-width: 768px) {
  .jepa-footer-container {
    flex-direction: column-reverse;
    text-align: center;
  }

  .jepa-footer-left,
  .jepa-footer-right,
  .jepa-footer-copyright {
    margin: 5px 0;
  }

  .jepa-footer-left {
    flex-direction: column;
    gap: 5px;
  }

  .jepa-footer-right {
    gap: 10px;
  }

  .jepa-whatsapp-mobile {
    display: inline-flex;
  }
}

/* ---------------------------------------------
   JePa-Volle Breite Template
---------------------------------------------- */

.JePa-page-wrap {
  width: 100%;
  max-width: none;
  padding-left: 25px;
  padding-right: 25px;
  margin: 0;
}

.JePa-content-area {
  float: none;
  width: 100%;
  margin: 0;
}

.JePa-site-main {
  width: 100%;
  max-width: none;
}

.JePa-entry-header,
.JePa-entry-content,
.JePa-page-links {
  max-width: none;
}

@media screen and (max-width: 767px) {
  .JePa-page-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}

/* ---------------------------------------------
   JePa Sprachumschalter
---------------------------------------------- */

.JePa-language-toggle {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}

.JePa-language-button {
  border: 1px solid #222;
  background-color: #fff;
  color: #222;
  padding: 10px 18px;
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.JePa-language-button:hover,
.JePa-language-button:focus {
  background-color: #222;
  color: #fff;
}

.JePa-language-panel[hidden] {
  display: none;
}

.JePa-language-subtitle {
  margin-top: 0;
}

/* ----------------------------------------------------------

   Legacy CTA komplett ausblenden

   ---------------------------------------------------------- */
.cta,
section.cta,
#emailLink,
a#emailLink {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	height: 0 !important;
	width: 0 !important;
	max-height: 0 !important;
	max-width: 0 !important;
	overflow: hidden !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	position: absolute !important;
	left: -99999px !important;
	pointer-events: none !important;
}
/* Entfernt leere Wrapper */
.cta:empty,
section.cta:empty {
	display: none !important;
}