/* this is test ONE */

body.home h1.wp-block-post-title {
display: none;
}

.wp-element-caption {
  font-size: 1.0em;
  display: flex;
  justify-content: center;
  align-items: center;
}

body.home #wp--skip-link--target.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
margin-top: 0px !important;
}

body.home .wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
padding-top: 0px !important;
}

.wp-block-post-featured-image :where(img) {
  height: auto !important;
  width: fit-content !important;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  background-color: #fff;
  color: #000;
  width: 50vw;
  height: 50px;
}

@media (max-width: 992px) {
  .wp-block-latest-posts.wp-block-latest-posts__list {
    flex-direction: column;
  }
  .hometopbtn {
    width: 90vw !important;
  }
}

.wp-site-blocks > header.mdp-site-header {
  padding-left: 5% !important;
  padding-right: 5% !important;
  box-sizing: border-box !important;
}

.wp-site-blocks {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

section.mdp-cta,
.wp-block-group.has-mdp-gold-background-color:last-of-type {
  margin-bottom: 0 !important;
  padding-bottom: 4rem !important;
}

footer.mdp-site-footer {
  font-family: 'Inter', sans-serif !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: #111C26 !important;
}

footer.mdp-site-footer .mdp-footer-logo,
footer.mdp-site-footer figure.wp-block-image {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 0 0.75rem 0 !important;
}

footer.mdp-site-footer .mdp-footer-logo img,
footer.mdp-site-footer figure.wp-block-image img {
  height: 160px !important;
  width: auto !important;
}

footer.mdp-site-footer .wp-block-group > p,
footer.mdp-site-footer .mdp-footer-brand p {
  max-width: 300px !important;
  font-size: 0.82rem !important;
  line-height: 1.6 !important;
  color: rgba(255,255,255,0.4) !important;
  font-family: 'Inter', sans-serif !important;
}

footer.mdp-site-footer,
footer.mdp-site-footer p,
footer.mdp-site-footer li,
footer.mdp-site-footer a,
footer.mdp-site-footer h5 {
  font-family: 'Inter', sans-serif !important;
}

footer.mdp-site-footer .mdp-footer-heading,
footer.mdp-site-footer p.mdp-footer-heading {
  font-size: 0.7rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #B8965A !important;
  margin-bottom: 1rem !important;
}

footer.mdp-site-footer ul li,
footer.mdp-site-footer .mdp-footer-links li {
  margin-bottom: 0.5rem !important;
  list-style: none !important;
  font-size: 0.83rem !important;
  color: rgba(255,255,255,0.5) !important;
  line-height: 1.6 !important;
}

footer.mdp-site-footer ul a,
footer.mdp-site-footer .mdp-footer-links a {
  color: rgba(255,255,255,0.5) !important;
  text-decoration: none !important;
}

footer.mdp-site-footer ul a:hover { color: #ffffff !important; }

footer.mdp-site-footer .mdp-footer-bottom,
footer.mdp-site-footer > .wp-block-group:last-child {
  border-top: 1px solid rgba(255,255,255,0.08) !important;
  padding-left: 7% !important;
  padding-right: 14% !important;
}

footer.mdp-site-footer .mdp-footer-bottom p,
footer.mdp-site-footer > .wp-block-group:last-child p {
  font-size: 0.78rem !important;
  color: rgba(255,255,255,0.25) !important;
}
/* Fix logo white box in footer */
footer.mdp-site-footer figure.wp-block-image a img {
  background: transparent !important;
}
footer.mdp-site-footer figure.wp-block-image {
  background: transparent !important;
  padding: 0 !important;
}

/* Force footer logo to use white version appearance */
footer.mdp-site-footer figure.wp-block-image img {
  filter: none !important;
  height: 120px !important;
  width: auto !important;
}


/* Match header background exactly to homepage hero colour */
.mdp-site-header,
header.mdp-site-header {
  background: #1A2B3C !important;
  background-color: #1A2B3C !important;
}

/* Fix footer columns dropping - override WordPress default flex alignment */
footer.mdp-site-footer .is-layout-flex {
  align-items: flex-start !important;
}

/* Remove empty paragraph gap above footer on content pages */
footer.mdp-site-footer ~ p:empty,
.wp-block-post-content > p:empty:last-child,
main .wp-block-group + p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Match CTA heading size on content pages to homepage */
.wp-block-group.has-mdp-gold-background-color h2,
section.mdp-cta h2 {
  font-size: clamp(2rem, 4vw, 3rem) !important;
}

/* Remove 1100px content constraint on inner pages */
.wp-block-post-content .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Match What's Included cards to homepage service card style */
.wp-block-post-content .wp-block-columns .wp-block-column.has-white-background-color {
  position: relative;
  min-height: 180px;
  border-top: 3px solid #B8965A !important;
  transition: background 0.25s;
}
.wp-block-post-content .wp-block-columns .wp-block-column.has-white-background-color:hover {
  background: #F7F5F0 !important;
}
.wp-block-post-content .wp-block-columns .wp-block-column.has-white-background-color h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 1.15rem !important;
  font-weight: 600 !important;
  color: #1A2B3C !important;
  margin-bottom: 0.8rem !important;
}
.wp-block-post-content .wp-block-columns .wp-block-column.has-white-background-color p {
  font-size: 1.15rem !important;
  color: #374151 !important;
  line-height: 1.6 !important;
}


/* Override blend mode with pseudo-element overlay to match homepage exactly */
.wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns .wp-block-column.has-white-background-color {
  background-color: transparent !important;
  background-blend-mode: normal !important;
  position: relative !important;
}
.wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns .wp-block-column.has-white-background-color::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: rgba(255,255,255,0.75) !important;
  z-index: 0 !important;
}
.wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns .wp-block-column.has-white-background-color > * {
  position: relative !important;
  z-index: 1 !important;
}


/* Gallery captions - consistent two line appearance */
.wp-block-post-content .wp-block-gallery figcaption,
.wp-block-post-content figure.wp-block-image figcaption,
.wp-element-caption {
  font-size: 1.6rem !important;
  line-height: 1.4 !important;
  max-width: 55% !important;
  white-space: normal !important;
  word-wrap: break-word !important;
  text-align: left !important;
  padding: 0.5rem 1rem !important;
}

/* Increase line spacing in Why Choose Us list */
.has-mdp-navy-background-color .wp-block-list li {
  margin-bottom: 0.75rem !important;
  line-height: 1.7 !important;
}

/* Style coverage area paragraph to match homepage area tag boxes */
.wp-block-post-content .has-white-background-color p strong {
  display: inline-block;
  background: white !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 2px !important;
  padding: 0.6rem 1rem !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  margin: 0.3rem !important;
  color: #1A2B3C !important;
}

/* Hide the dot separators */
.wp-block-post-content .has-white-background-color p {
  letter-spacing: 0 !important;
}

/* Location buttons - no colour classes, target precisely */
.wp-block-button__link.wp-element-button:not(.has-background):not(.has-text-color) {
  background: #ffffff !important;
  color: #1A2B3C !important;
  border: 1px solid #E8E4DC !important;
  border-radius: 2px !important;
  padding: 0.6rem 1rem !important;
  font-size: 0.82rem !important;
  font-weight: 500 !important;
  font-family: 'Inter', sans-serif !important;
  box-shadow: none !important;
  pointer-events: none !important;
  cursor: default !important;
  width: 100% !important;
  display: block !important;
}
.wp-block-button__link.wp-element-button:not(.has-background):not(.has-text-color):hover {
  background: #ffffff !important;
  color: #1A2B3C !important;
}
/* Remove oval/pill shape from is-style-fill */
.wp-block-button.is-style-fill .wp-block-button__link {
  border-radius: 2px !important;
}


/* Coverage area - override inline flex style on buttons container */
.wp-block-column .wp-block-buttons-is-layout-flex:has(.wp-block-button__link.wp-element-button:not(.has-background)) {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 0.6rem !important;
  width: 100% !important;
  flex-wrap: unset !important;
}

/* Hover effect on service cards - darken overlay like homepage */
.wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns .wp-block-column.has-white-background-color::before {
  transition: background 0.3s ease !important;
}
.wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns .wp-block-column.has-white-background-color:hover::before {
  background: rgba(255,255,255,0.5) !important;
}

/* Kitchen page (ID 431) - What's Included card backgrounds */
.page-id-431 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(1) .wp-block-column:nth-child(1) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/kitchen-renovation-grey-units-glass-splashback-cobham-800w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-431 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(1) .wp-block-column:nth-child(2) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/kitchen-quartz-worktop-undermount-sink-cobham-surrey-800w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-431 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(1) .wp-block-column:nth-child(3) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/kitchen-refit-glass-splashback-induction-hob-weybridge-800w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-431 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(2) .wp-block-column:nth-child(1) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/kitchen-refit-glass-splashback-induction-hob-weybridge-800w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-431 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(2) .wp-block-column:nth-child(2) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/kitchen-renovation-quartz-island-worktop-kingston-800w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-431 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(2) .wp-block-column:nth-child(3) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/kitchen-installation-navy-shaker-units-kingston-800w.webp') !important;
  background-size: cover !important; background-position: center !important;
}

/* Bathroom page (ID 495) - What's Included card backgrounds */
.page-id-495 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(1) .wp-block-column:nth-child(1) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/bathroom-renovation-walk-in-shower-double-sink-esher-1200w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-495 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(1) .wp-block-column:nth-child(2) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/08/Ceramic-Porcelain-and-Natural-Stone-Tiles-Surbiton-Surrey-UK.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-495 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(1) .wp-block-column:nth-child(3) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/luxury-en-suite-walk-in-shower-glass-screen-cobham-1200w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-495 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(2) .wp-block-column:nth-child(1) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/bathroom-renovation-oak-vanity-unit-esher-surrey-1200w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-495 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(2) .wp-block-column:nth-child(2) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/walk-in-shower-installation-large-format-tiles-weybridge-1200w.webp') !important;
  background-size: cover !important; background-position: center !important;
}
.page-id-495 .wp-block-post-content .has-mdp-off-white-background-color .wp-block-columns:nth-of-type(2) .wp-block-column:nth-child(3) {
  background-image: url('https://dev.mdpservices.co.uk/wp-content/uploads/2026/06/bathroom-renovation-patterned-floor-tiles-surrey-1200w.webp') !important;
  background-size: cover !important; background-position: center !important;
}

/* Make entire service card clickable */
#mdp-wrap .service-card {
  position: relative !important;
}
#mdp-wrap .service-card .card-link {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
}

/* Contact Form 7 - style submit button to match site theme */
.wpcf7 input[type="submit"] {
  background: #1A2B3C !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 2px !important;
  padding: 1rem 2.5rem !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  width: auto !important;
  margin-top: 0.5rem !important;
}
.wpcf7 input[type="submit"]:hover {
  background: #B8965A !important;
  color: #1A2B3C !important;
}