/*
Theme Name: Bjäre Veterinärklinik Child
Theme URI:  https://bjareveterinarklinik.se/
Description: Child theme för Bjäre Veterinärklinik baserat på Twenty Twenty-Two.
Author:      Bjäre Veterinärklinik / (ditt namn)
Author URI:  https://bjareveterinarklinik.se/
Template:    twentytwentytwo
Version:     1.0.0
Text Domain: bjare-vet-klinik-child
*/

/* === HERO – gemensam stil === */

.bv-hero {
    position: relative;
    overflow: hidden;
}

/* Gör att cover-blockets innehåll inte klistras i kanterna */
.bv-hero .wp-block-cover__inner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* Vågig / organisk underkant på heron */
.bv-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background:
        radial-gradient(ellipse 60% 60px at 50% 100%, #DDE6E1 85%, transparent 86%),
        radial-gradient(ellipse 60% 30px at 50% 120%, #DDE6E1 85%, transparent 86%);
}

.wp-site-blocks
{
	padding-left: 0px;
	padding-right: 0px;
}

@media (max-width: 1200px) {
  .wp-site-blocks {
    padding-left: var(--wp--custom--spacing--outer);
    padding-right: var(--wp--custom--spacing--outer);
  }
}

body.page-template-default > .wp-site-blocks > .wp-block-group:first-of-type
{
	background-color: var(--wp--preset--color--bv-bg) !important;
	margin-block-start: unset;
	padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);
  margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
  margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	/*margin-block-start: 1.5rem !important;*/
}

/* Startsidan – större hero */
.bv-hero--home {
    min-height: 70vh;
}

/* Undersidor – mindre hero */
.bv-hero--small {
    min-height: 15vh;
}

/* Lite justering av typografi i hero */
.bv-hero .bv-hero__title {
    font-size: clamp(2.4rem, 4vw, 3.2rem);
    line-height: 1.1;
    margin-bottom: 0.75rem;
}

.bv-hero .bv-hero__subtitle {
    font-size: 1.1rem;
    max-width: 38rem;
    margin-bottom: 1.5rem;
}

/* Knappar i hero */
.bv-hero .wp-block-buttons > .wp-block-button:not(:last-child) {
    margin-right: 0.75rem;
}

/* Kortsektioner – lite card-känsla */
.bv-cards-row {
    gap: 1.5rem;
}

.bv-card {
    border-radius: 1rem;
    border: 1px solid #e0ddd6;
    box-shadow: 0 8px 20px rgba(0,0,0,0.02);
}

/* Avdelningskort */
.bv-dept-card {
    border-radius: 1rem;
    border: 1px solid #e0ddd6;
    padding: 1.5rem;
}

/* CTA längst ner – se till att texten centreras fint */
.bv-cta {
    text-align: center;
}

.bv-cta p {
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
}