/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* === CrospMedical color palette — ensure vars load in builder canvas === */
/* Frontend loads these via color-palettes.min.css; the page-editor canvas does not. */
:root {
  --bricks-color-oj4k2p: #ec6608; /* Primary */
  --bricks-color-bk0a11: #000000;
  --bricks-color-wh0b22: #ffffff;
  --bricks-color-dk1f21: #1f2124;
  --bricks-color-dk3337: #33373d;
  --bricks-color-dk3f44: #3f444b;
  --bricks-color-gy6668: #666866;
  --bricks-color-gy6972: #69727d;
  --bricks-color-gy7f7e: #7f7e7f;
  --bricks-color-gybbc0: #bbc0c0;
}

/* === CrospMedical Primary Button — matches old Elementor content buttons === */

.bricks-button.bricks-background-primary {
  --btn-primary: var(--bricks-color-oj4k2p); /* #ec6608 brand orange */
  background-color: var(--btn-primary);
  color: var(--bricks-color-wh0b22);
  font-family: "Asap";
  font-weight: 600;
  font-size: 1.2rem;
  text-transform: none;
  border: 2px solid var(--btn-primary);   /* solid 2px orange */
  border-radius: 30px;                     /* pill shape */
  padding: 10px 30px;
  transition: background-color .3s ease, color .3s ease;
}

/* hover inverts: white bg, orange text — border stays orange */
.bricks-button.bricks-background-primary:hover,
.bricks-button.bricks-background-primary:focus {
  background-color: var(--bricks-color-wh0b22);
  color: var(--btn-primary);
  border-color: var(--btn-primary);
	
	/* === CrospMedical Secondary Button (inverse of primary) === */

.bricks-button.bs-secondary {
  background-color: transparent;
  color: var(--bricks-color-oj4k2p);            /* #ec6608 */
  font-family: "Asap";
  font-weight: 600;
  font-size: 1.2rem;
  border: 2px solid var(--bricks-color-oj4k2p);
  border-radius: 30px;
  padding: 10px 30px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.bricks-button.bs-secondary:hover,
.bricks-button.bs-secondary:focus {
  background-color: var(--bricks-color-oj4k2p);
  color: var(--bricks-color-wh0b22);            /* #ffffff */
  border-color: var(--bricks-color-oj4k2p);
}
}
/* === CrospMedical Homepage Cards === */

.cm-section {
  background-color: #ffffff;
  padding: 80px 20px;
}

.cm-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;
  gap: 30px;
  max-width: 1260px;
  margin-inline: auto;
}

.cm-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.cm-card__img {
  width: 100%;
  height: 230px;
  object-fit: cover;
  display: block;
}

/* orange body */
.cm-card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  background-color: var(--bricks-color-oj4k2p); /* #ec6608 */
  padding: 40px 30px;
  text-align: center;
}

.cm-card__title {
  color: #ffffff;
  font-family: "Asap";
  font-weight: 400;
  font-size: 4rem;   /* matches original H2 */
  line-height: 1;
  margin: 0;
}

.cm-card__text,
.cm-card__text :is(p, ul, li) {
  color: #ffffff;
  font-family: "Asap";
  font-size: 2rem;
  line-height: 1.6;
}

.cm-card__text ul {
  text-align: left;
  margin: 0;
  padding-left: 2em;
}

/* outline pill button, pinned to bottom */
.cm-card__btn {
  display: inline-block;
  margin-top: auto;
  text-decoration: none;
  background-color: transparent;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 30px;
  font-family: "Asap";
  font-weight: 600;
  font-size: 1.6rem;
  padding: 10px 30px;
  transition: background-color .2s ease, color .2s ease;
}

.cm-card__btn:hover,
.cm-card__btn:focus {
  background-color: #ffffff;
  color: var(--bricks-color-oj4k2p);
}

/* responsive: stack on mobile */
@media (max-width: 767px) {
  .cm-grid { grid-template-columns: 1fr; }
}

/* === CrospMedical Secondary Button (inverse of primary) === */

.bricks-button.bricks-background-secondary {
  background-color: transparent;
  color: var(--bricks-color-oj4k2p);            /* #ec6608 */
  font-family: "Asap";
  font-weight: 600;
  font-size: 1.2rem;
  border: 2px solid var(--bricks-color-oj4k2p);
  border-radius: 30px;
  padding: 10px 30px;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.bricks-button.bricks-background-secondary:hover,
.bricks-button.bricks-background-secondary:focus {
  background-color: var(--bricks-color-oj4k2p);
  color: var(--bricks-color-wh0b22);            /* #ffffff */
  border-color: var(--bricks-color-oj4k2p);
}

#brxe-lhdezx p a, 
#brxe-lhdezx li a {
  color: #ec6608 !important;
}
.post-password-required {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1200px; /* Passt sich an deine Container-Breite an */
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.post-password-required h1 {
    margin-top: 0;
    margin-bottom: 25px;
}