/*
Theme Name:   MyFamilyCrest
Description:  Child theme for MyFamilyCrest.com.au — Irish heritage styling.
Template:     twentytwentyfive
Version:      0.2.0
Text Domain:  mfc-child
*/

/* Gold rule under the header and above the footer */
header.wp-block-template-part { border-bottom: 3px double var(--wp--preset--color--accent-2); }
footer.wp-block-template-part { border-top: 3px double var(--wp--preset--color--accent-2); }

/* Product images sit on a soft mat, like a framed print */
.wc-block-components-product-image img,
.woocommerce-product-gallery__image img {
  background: #fff;
  padding: 0.75rem;
  border: 1px solid var(--wp--preset--color--accent-2);
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
}

/* Personalisation fields */
.mfc-names {
  padding: 1rem 1.25rem;
  background: var(--wp--preset--color--accent-5);
  border-left: 4px solid var(--wp--preset--color--accent-1);
}
.mfc-names input, .mfc-names select {
  padding: .55rem .7rem;
  border: 1px solid var(--wp--preset--color--accent-6);
  background: #fff;
  font: inherit;
}
.mfc-names input:focus, .mfc-names select:focus {
  outline: 2px solid var(--wp--preset--color--accent-1);
  outline-offset: 1px;
}

/* Home page */
.mfc-framed img { background:#fff; padding:.6rem; border:1px solid var(--wp--preset--color--accent-2); box-shadow:0 6px 18px rgba(18,53,36,.15); }
.mfc-card { background:#fff; padding:1.25rem 1.25rem 1.5rem; border:1px solid rgba(184,145,58,.35); }
.mfc-card .wp-block-image img { aspect-ratio:4/3; object-fit:contain; background:#fff; }
.mfc-gallery img { border:1px solid var(--wp--preset--color--accent-2); background:#fff; padding:.4rem; }
.mfc-card { display:flex; flex-direction:column; }
.mfc-card .wp-block-buttons { margin-top:auto; }
.mfc-card .wp-block-image img { width:100%; }

/* Product section always uses the wide width, whatever alignment is saved on the page */
#how-it-works { max-width: var(--wp--style--global--wide-size, 1340px) !important; margin-left:auto !important; margin-right:auto !important; }
/* Buttons fill the card and wrap between words, never mid-word */
.mfc-card .wp-block-button { width:100%; }
.mfc-card .wp-block-button__link { width:100%; box-sizing:border-box; white-space:normal; overflow-wrap:normal; word-break:normal; hyphens:manual; }
@media (max-width: 781px) { .mfc-card { margin-bottom:1.5rem; } }