/*
Theme Name: My Drinks Delivered Child
Theme URI: https://www.mydrinksdelivered.co.uk/
Description: Child theme for the My Drinks Delivered WordPress parent theme. Inherits homepage, News page, menus, footer widgets, leaflet viewer and business settings.
Author: 4C Creatives
Template: my-drinks-delivered-theme
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
Text Domain: my-drinks-delivered-child
*/

/* Add custom styling below. The parent theme styling is loaded automatically. */

/* Mobile fixes: hero and About panel only. Original PDF viewer preserved. */
@media (max-width:760px) {
  .hero-grid { display:flex; flex-direction:column; align-items:stretch; gap:0; }
  .hero-copy { padding:38px 0 14px; }
  .hero h1 { font-size:clamp(42px,10vw,62px); overflow-wrap:normal; }
  .hero-art { width:100%; height:auto; min-height:0; padding:8px 0 16px; }
  .hero-art img { display:block; width:min(100%,480px); height:auto; max-width:100%; max-height:none; margin:0 auto; }
  .hero-art-halo { width:58vw; height:58vw; max-width:300px; max-height:300px; }
  .hero-sticker { right:4px; bottom:26px; }
  .hero-bottom { padding:18px 0 24px; gap:10px 22px; clear:both; position:relative; z-index:2; }
  .hero-bottom span { font-size:14px; }
  .about-feature { min-width:0; width:100%; padding:26px 22px; min-height:280px; }
  .about-feature .brand-mark { font-size:clamp(42px,12vw,76px); line-height:1; overflow-wrap:anywhere; }
  .about-feature .brand-mark span { font-size:.4em; }
  .about-feature strong { font-size:clamp(29px,8vw,43px); line-height:1.06; }
  .about-feature p { overflow-wrap:anywhere; }
}
@media (max-width:420px) {
 .hero h1 { font-size:clamp(39px,10.5vw,49px); }
 .hero-highlights { gap:6px 12px; }
 .hero-highlights span { display:inline-block; }
 .hero-art { padding-top:12px; }
 .hero-bottom { padding-top:12px; }
 .hero-sticker { transform:rotate(5deg) scale(.78); transform-origin:bottom right; }
 .about-feature .brand-mark { font-size:clamp(40px,12vw,58px); }
}

.about-feature .brand-mark { font-size: clamp(58px, 6.1vw, 82px); overflow-wrap: normal; }
  .about-feature strong { font-size: clamp(32px, 3.3vw, 43px); }
}


/* Keep the parent theme's original desktop typography unchanged. */

/* Contact form: match the input columns, with comfortable button spacing. */
.contact-form-box .mdd-form > button.btn-blue[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 17px 30px !important;
    margin: 24px 0 20px !important;
    min-height: 54px;
    line-height: 1.25;
}
@media (max-width: 760px) {
    .contact-form-box .mdd-form > button.btn-blue[type="submit"] {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 18px 25px !important;
        margin: 26px 0 22px !important;
    }
    .contact-form-box .mdd-form > .mdd-small {
        margin-top: 14px !important;
    }
}