/*
Theme Name: Botiga Child
Theme URI: http://athemes.com/theme/botiga
Author: aThemes
Author URI: http://athemes.com
Template: botiga
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: botiga
*/



/* CONTACT FORM */

.page-id-257 .wpforms-form button[type=submit] {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
}
 
.page-id-257 .wpforms-form button[type=submit]:hover {
    background-color: #000 !important;
}
.page-id-257 .wpforms-form input,
.page-id-257 .wpforms-form textarea {
	border-color: #000 !important;
}

/* TYPO */

.intro {
	font-size: 20px;
}

p {
	margin-bottom: 20px;
}

@media (max-width: 575px) {
	
.single .entry-header .entry-title {
  font-size: 40px;
}
	
h2 {
  font-size: 30px;
}
	
h3 {
  font-size: 24px;
}
	
h4 {
  font-size: 20px;
}
	
}


@media (min-width: 992px) {
	
	h1:not(.site-title) {
  font-size: 40px;
}
	
.single .entry-header .entry-title {
  font-size: 40px;
}
	
h2 {
  font-size: 30px;
margin-bottom:10px;
}
	
h3 {
  font-size: 24px;
	margin-bottom:10px;
}
	
h4 {
  font-size: 20px;
	margin-bottom:10px;
}
	
}

blockquote p {
	font-size: 28px;
	line-height: 42px;
}

/* BLOG */

.entry-header {
	text-align: left;
}

.wp-block-latest-posts__post-title {
	font-weight: 600;
line-height: 18px;
display: inline-block;
font-size: 14px;
margin-top: 5px;
}

/* Layout */

.single-post .content-wrapper {
	margin-top: 50px;
}

.single .entry-header {
	margin-bottom: 20px;
}


@media (min-width: 1024px) {
	
body:not(.botiga-page-builder-mode) .no-sidebar .entry-content .alignwide, body:not(.botiga-page-builder-mode) .no-sidebar .blocks-content .alignwide {
  margin: 0;
	}
	
}

blockquote {
	margin: 0;
}


.category h1.page-title {
font-size:40px;
	padding-bottom:50px;
}

#primary.site-main.no-sidebar header.page-header {
padding-top:0;
}

  @media (max-width: 991px)
.page-header {
  padding-bottom: 0;
}

/* NEWSLETTER */

#mailpoet_form_2 h3 {
	margin-top:0;
}

/* ADROTATE */

.ad {
	font-size: 12px;
margin-bottom: 5px;
display: inline-block;
}

.single-product .g-6 {
	margin-top:50px;
}

/* CATEGORY PAGE */

.woocommerce-page-header .page-description, .woocommerce-page-header .term-description {
	max-width: 100%;
}

.anbieterlogo {
	max-width: 300px;
}

.anbieterinfo {
	color: #777;
	border-top:1px solid #777;
	padding-top: 15px;
  margin-top: 15px;
}

.anbieterinfo a {
		color: #777;
}

.anbieterinfo .pflichtangaben {
	font-size:14px;
}

.nowrap {
	white-space:nowrap;
}


/* RESPONSIVE COLUMNS */

/* Flexbox-Layout erzwingen */
.responsive-columns {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between; /* Optional: gleichmäßige Verteilung */
  gap: 1rem;
}

/* Spalten zurücksetzen */
.responsive-columns > .wp-block-column {
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  width: 100%;
  max-width: 100%;
}

/* Ab Tablet: 2 Spalten */
@media (min-width: 600px) {
  .responsive-columns > .wp-block-column {
    width: calc(50% - 0.5rem); /* 0.5rem = Hälfte vom gap */
    max-width: calc(50% - 0.5rem);
  }
}

/* Ab Desktop: 4 Spalten */
@media (min-width: 960px) {
  .responsive-columns > .wp-block-column {
    width: calc(25% - 0.75rem); /* Anpassung für 4er-Gap */
    max-width: calc(25% - 0.75rem);
  }
}


/* ===== PRODUCT CATEGORIES (COVER-KACHELN) ===== */

.full-cover-link {
  display: block;
  text-decoration: none!important;
  color: inherit;
}

.full-cover-link .wp-block-cover {
  min-height: 200px !important;
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

/* Responsive Anpassung */
@media (min-width: 768px) {
  .full-cover-link .wp-block-cover {
    min-height: 200px !important;
  }
}

.full-cover-link:hover .wp-block-cover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.full-cover-link h2 {
  text-align: center;
  margin: 0;
  padding: 0 10px;
  color: white;
}

.full-cover-link .wp-block-cover {
  position: relative;
  min-height: 200px !important;
  border-radius: 12px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.full-cover-link .wp-block-cover::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0); /* zunächst transparent */
  transition: background 0.3s ease;
  z-index: 1;
}

.full-cover-link:hover .wp-block-cover::after {
  background: rgba(0, 0, 0, 0.3); /* Abdunklung beim Hover */
}

.full-cover-link .wp-block-cover h2 {
  position: relative;
  z-index: 2;
  text-align: center;
  margin: 0;
  padding: 0 10px;
  color: white;
}

/* Zwei Spalten Darstellung Kategoriekacheln */

/* 2-Spalten-Reihe (50/50) nur wenn .half_row an der Columns-Reihe steht */
.wp-block-columns.responsive-columns.half_row {
  display: flex;                /* falls vom Theme nicht gesetzt */
  flex-wrap: wrap;
  gap: var(--wp--style--block-gap, 0.75rem);
}

.wp-block-columns.responsive-columns.half_row > .wp-block-column {
  /* überschreibt die bestehende 25%-Breite */
  width: calc(50% - var(--wp--style--block-gap, 0.75rem));
  max-width: calc(50% - var(--wp--style--block-gap, 0.75rem));
  flex: 0 0 calc(50% - var(--wp--style--block-gap, 0.75rem));
}

/* Mobil einspaltig (Gutenberg-Breakpoint) */
@media (max-width: 781px) {
  .wp-block-columns.responsive-columns.half_row > .wp-block-column {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}



/* ===== ANBIETER-KACHELN (MIT LOGO, TEXT, LINK) ===== */

.anbieter-kachel {
  display: block;
  text-decoration: none !important;
  color: inherit !important;
}

.entry-content a.anbieter-kachel {
  text-decoration: none !important;
  color: inherit !important;
}

.entry-content a.anbieter-kachel * {
  text-decoration: none !important;
}

.entry-content a.anbieter-kachel:hover {
  text-decoration: none !important;
}

.anbieter-box {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background: white;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.anbieter-kachel:hover .anbieter-box {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.anbieter-logo {
  max-width: 100px;
  height: auto;
  margin-bottom: 15px;
}

.anbieter-titel {
  font-size: 1.2em;
  margin: 0 0 10px;
}

.anbieter-beschreibung {
  font-size: 0.95em;
  color: #555;
}