/*
Theme Name:   Flicker - Child theme
Theme URI:    http://webdesign-finder.com/flicker-v2
Description:  Extra Small child theme of Flicker theme
Author:       the MWTemplates team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     flicker
Version:      1.0.0
License:      Commercial
License URI:  https://themeforest.net/licenses/regular_extended
Text Domain:  flicker
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Your styles goes here*/



/* CTA mobile : texte rouge visible dans tous les états */
@media (max-width:1024px){
  /* Sélecteurs costauds (menu offcanvas/mobile inclus) */
  nav .mobile-cta > a,
  nav .mobile-cta > a:link,
  nav .mobile-cta > a:visited,
  nav .mobile-cta > a:focus,
  nav .mobile-cta > a:active,
  .offcanvas .mobile-cta > a,
  .mobile-menu .mobile-cta > a,
  .main-navigation .mobile-cta > a{
    color:#bb0000 !important;
    -webkit-text-fill-color:#bb0000 !important;   /* Safari/iOS */
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
    mix-blend-mode:normal !important;
    background-clip:initial !important;
    -webkit-background-clip:initial !important;
    filter:none !important;
  }

  /* Assure que les enfants héritent bien de la couleur (certains thèmes stylent <span>) */
  .mobile-cta > a *,
  .mobile-cta > a span{
    color:inherit !important;
    -webkit-text-fill-color:inherit !important;
    opacity:1 !important;
  }

  /* Style bouton + état hover (le texte reste rouge) */
  .mobile-cta > a{
    background:#ffbd59 !important;
    padding:.75rem 1.25rem !important;
    border-radius:999px !important;
    display:block !important;
    text-align:center !important;
    margin:1rem auto 0 !important;
    max-width:90% !important;
  }
  .mobile-cta > a:hover{
    background:#e6a847 !important;
    color:#bb0000 !important;
    -webkit-text-fill-color:#bb0000 !important;
  }

  /* Place le bouton en bas du panneau */
  nav .menu, .offcanvas .menu, .mobile-menu .menu, .main-navigation .menu{
    display:flex !important; flex-direction:column !important; min-height:calc(100vh - 140px);
  }
  .mobile-cta{ margin-top:auto !important; }
}

/* Cache l’item sur desktop */
@media (min-width:1025px){
  .mobile-only{ display:none !important; }
}