/*
Theme Name: VignetteGo Highway Blog
Theme URI: https://vignettego.com/highway-vignette-europe
Description: Modern, responsive child theme for Highway Vignette Europe blog. Inherits Twenty Twenty-Five. Removes default WordPress credits. Optimized for mobile.
Author: VignetteGo
Author URI: https://vignettego.com
Template: twentytwentyfive
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vignettego-highway-blog
*/

/* ===== Modern responsive overrides ===== */

/* Mobile-first base */
@media (max-width: 781px) {
  .wp-block-group.alignwide,
  .wp-block-group.alignfull {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .wp-block-navigation {
    flex-wrap: wrap;
  }
  
  .wp-block-navigation .wp-block-navigation__container {
    flex-direction: column;
    gap: 0.5rem;
  }
}

/* Hide WordPress theme credits - overridden by our footer pattern */
.vignettego-theme-credits {
  display: none !important;
}

/* Modern typography & spacing */
.wp-block-post-content {
  line-height: 1.7;
}

.wp-block-post-content p {
  margin-bottom: 1.25em;
}

/* Responsive images */
.wp-block-post-featured-image img,
.wp-block-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Mobile-friendly language switcher in footer */
.wpml-ls-legacy-list-horizontal {
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
}

.wpml-ls-legacy-list-horizontal a {
  padding: 0.35em 0.6em;
  font-size: 0.9em;
}

/* Sticky header on mobile */
@media (min-width: 782px) {
  .wp-block-template-part.has-background {
    position: sticky;
    top: 0;
    z-index: 100;
  }
}

/* Improved touch targets on mobile */
@media (max-width: 781px) {
  .wp-block-navigation-item__content,
  a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
  }
}

/* Prevent button overflow on mobile – allow text wrap, fit viewport */
@media (max-width: 781px) {
  .wp-block-buttons {
    flex-wrap: wrap;
    width: 100%;
  }
  .wp-block-buttons > .wp-block-button {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
  }
  .wp-block-button__link {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-height: 44px;
    padding: 0.75em 1rem;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.4;
  }
}