/* =================================================
   D&R PERSONAL CAR CARE — REFINED MASTER CSS
   Kadence Theme + Kadence Blocks
================================================= */

/* Comfortable page padding */
.site-main {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1024px) {
  .site-main {
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media (max-width: 768px) {
  .site-main {
    padding-left: 18px;
    padding-right: 18px;
  }
}

/* ================================================
   ALIGNMENT SYSTEM (THE IMPORTANT PART)
   Luxury framing + readable content
================================================= */

/* 1) GLOBAL DEFAULT: CENTER HEADINGS */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  text-align: center;
}

/* 2) GLOBAL DEFAULT: CENTER BUTTON GROUPS */
.entry-content .wp-block-buttons {
  justify-content: center;
}

/* 3) GLOBAL DEFAULT: LEFT BODY COPY (READABLE) */
.entry-content p,
.entry-content li {
  text-align: left;
}
/* 3) GLOBAL DEFAULT: center BODY COPY (READABLE) */
.entry-content p,
.entry-content li {
  text-align: center;
}

/* 4) OPTIONAL: CONTROLLED LINE LENGTH FOR READABILITY */
.entry-content p,
.entry-content ul,
.entry-content ol {
  max-width: 1300px;
}

/* ================================================
   FAST PER-SECTION OVERRIDES (YOUR POWER TOOLS)
   Add these classes to any Kadence Row or Column
================================================= */

/*Force entire section CENTER */
.align-center,
.align-center h1,
.align-center h2,
.align-center h3,
.align-center h4,
.align-center p,
.align-center li {
  text-align: center !important;
}

/* Force entire section LEFT */
.align-left,
.align-left h1,
.align-left h2,
.align-left h3,
.align-left h4,
.align-left p,
.align-left li {
  text-align: left !important;
}

.align-left .wp-block-buttons {
  justify-content: flex-start !important;
}

/* Force entire section RIGHT */
.align-right,
.align-right h1,
.align-right h2,
.align-right h3,
.align-right h4,
.align-right p,
.align-right li {
  text-align: right !important;
}

.align-right .wp-block-buttons {
  justify-content: flex-end !important;
}

/* ================================================
   BUTTON POLISH (KEEP — NICE TOUCH)
================================================= */
.wp-block-button__link {
  transition: all 0.25s ease;
}

.wp-block-button__link:hover {
  transform: translateY(-1px);
  opacity: 0.92;
}

/* ================================================
   HOME: HERO CLEARANCE (KEEP)
================================================= */
body.home .site-main {
  padding-top: 100px; /* desktop */
}

@media (max-width: 1024px) {
  body.home .site-main {
    padding-top: 120px; /* tablet */
  }
}

@media (max-width: 768px) {
  body.home .site-main {
    padding-top: 65px; /* mobile */
  }
}

@media (max-width: 480px) {
  body.home .site-main {
    padding-top: 65px; /* small phones */
    padding-left: 4px;
    padding-right: 4px;
  }
}

/* ================================================
   LOGO: LARGER ON TABLET + MOBILE (KEEP)
================================================= */
@media (max-width: 1024px) {
  .site-header .site-logo img {
    max-height: 64px;
    width: auto;
  }
}

@media (max-width: 768px) {
  .site-header .site-logo img {
    max-height: 66px;
    width: auto;
  }
}

/* ================================================
   TABLET + MOBILE: COMPACT HEADER HEIGHT (KEEP)
================================================= */
@media (max-width: 1024px) {
  .site-header .header-main-row,
  .site-header .header-main-row-inner {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 0 !important;
  }

  .site-header .site-branding,
  .site-header .kadence-mobile-toggle,
  .site-header .menu-toggle {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}