/*
Theme Name: ParisWay Transfer Child
Theme URI: https://pariswaytransfer.fr/
Description: Child theme for ParisWay Transfer. Use this to customize header/footer and create custom page templates safely.
Author: Badar
Template: parisway-transfer
Version: 1.0.5
Text Domain: parisway-transfer-child
*/

/* Put your custom CSS below. */

/* Example: You can override anything from the parent theme here */
/* .pw-header { } */

/* ===== Mobile Header Order: icon -> logo -> Book Now (Child override) ===== */
@media (max-width: 900px){
  .pw-nav__inner{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
  }
  .pw-nav__mobileActions{
    order:1;
    flex:0 0 auto;
  }
  .pw-brand{
    order:2;
    flex:1 1 auto;
    margin-right:auto;
  }
  .pw-nav__actions{
    order:3;
    flex:0 0 auto;
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:10px;
  }
  /* Keep header clean on mobile: search stays inside drawer */
  .pw-nav__actions #pw-search-open{ display:none !important; }

  /* Prevent CTA wrapping / make it fit */
  .pw-btn--cta{
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
  }

  /* Slightly larger logo but still fits */
  .pw-brand__img, .custom-logo{
    max-height: 44px;
    width: auto;
    height: auto;
  }
}
/* ================================
   Single Post — Featured Image fix
   Mobile responsive (ParisWay)
================================ */

/* Always make featured image responsive */
.single-post .wp-post-image,
.single-post .post-thumbnail img,
.single-post .pw-single__hero img,
.single-post .pw-single__featured img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* If your theme/card gives fixed height, force a nice mobile crop */
@media (max-width: 768px){
  .single-post .post-thumbnail,
  .single-post .pw-single__hero,
  .single-post .pw-single__featured{
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
  }

  .single-post .wp-post-image,
  .single-post .post-thumbnail img,
  .single-post .pw-single__hero img,
  .single-post .pw-single__featured img{
    width: 100% !important;
    height: 220px !important;      /* change 220px if you want */
    object-fit: cover !important;  /* keeps image nice */
    border-radius: 16px;
  }
}