/*
Theme Name: Merchafan
Template: twentytwentyfive
Description: Tema hijo de Twenty Twenty-Five con estética tipo Nike para Merchafan (bloques + WooCommerce).
Version: 0.3.0
Text Domain: merchafan
*/

body{-webkit-font-smoothing:antialiased}
.wp-site-blocks>*+*{margin-block-start:0}
.wp-block-button__link{font-weight:500}

/* Franja superior */
.mf-promo{background:var(--wp--preset--color--soft);padding:9px 16px}
.mf-promo p{margin:0;font-size:12px;font-weight:500}

/* Cabecera en caja, fija al hacer scroll */
.mf-header{position:sticky;top:12px;z-index:20;box-sizing:border-box;width:calc(100% - 32px);max-width:1280px;margin:12px auto;background:#fff;height:64px;padding:0 24px;border:1px solid var(--wp--preset--color--line);border-radius:16px;gap:24px}
.admin-bar .mf-header{top:44px}
.mf-logo,.mf-logo a{font-family:var(--wp--preset--font-family--barlow);font-weight:900;font-size:22px;letter-spacing:-1px;text-transform:uppercase;margin:0;line-height:1;text-decoration:none}
.mf-nav{flex:1;font-weight:500;font-size:16px}
.mf-nav .wp-block-navigation-item__content{padding:4px 0;border-bottom:2px solid transparent}
.mf-nav .wp-block-navigation-item__content:hover{border-bottom-color:var(--wp--preset--color--ink)}
.mf-tools{gap:14px;align-items:center}

/* Buscador: píldora gris con lupa a la izquierda */
.mf-search{margin:0}
.mf-search .wp-block-search__inside-wrapper{position:relative;background:var(--wp--preset--color--soft);border:0!important;border-radius:999px;padding:0;min-width:200px}
.mf-search .wp-block-search__inside-wrapper::before{content:'';position:absolute;left:16px;top:50%;width:22px;height:22px;transform:translateY(-50%);pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat}
.mf-search input.wp-block-search__input{border:0!important;background:transparent;border-radius:999px;padding:11px 20px 11px 48px;font-family:var(--wp--preset--font-family--barlow);font-size:16px;font-weight:600;color:var(--wp--preset--color--ink);outline:none;min-width:0;width:100%}
.mf-search input.wp-block-search__input::placeholder{color:var(--wp--preset--color--mute);font-weight:600;opacity:1}

/* Hero: dos imágenes */
.mf-hero{margin:0}
.mf-hero .wp-block-column{margin:0}
.mf-hero-cover{min-height:78vh;padding:5vw 4vw}
.mf-hero-cover .wp-block-cover__inner-container{width:100%}
.mf-hero .mf-hero-title{color:#fff;font-size:clamp(44px,7vw,104px);line-height:.88;letter-spacing:-2px;font-weight:900;margin:0}
.mf-hero .mf-hero-sub{color:#fff;font-size:18px;font-weight:500;max-width:420px;margin:16px 0 24px}
.mf-btn-light .wp-block-button__link{background:#fff;color:#111}
.mf-btn-light .wp-block-button__link:hover{background:#fff;color:#111;opacity:.8}

/* Secciones */
.mf-section{padding:56px 3vw 8px}
.mf-h2{font-family:var(--wp--preset--font-family--barlow);font-size:22px;font-weight:500;text-transform:none;letter-spacing:0;line-height:1.2;margin:0 0 20px}

/* Productos */
.mf-products .wc-block-product-template{gap:12px}
.mf-products .wc-block-components-product-image{background:var(--wp--preset--color--soft)}
.mf-products .wp-block-post-title{font-family:var(--wp--preset--font-family--barlow);text-transform:none;letter-spacing:0;font-weight:500;font-size:1rem;line-height:1.3;margin:12px 0 2px}
.mf-products .wp-block-woocommerce-product-price{font-weight:500}

/* Baldosas de categoría */
.mf-cats{gap:12px}
.mf-tile{aspect-ratio:3/4;background:var(--wp--preset--color--soft);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
.mf-tile-2{background:#e0e0e0}
.mf-tile-3{background:#cfcfcf}

/* Equipos */
.mf-clubs .wp-block-button__link{background:transparent;color:var(--wp--preset--color--ink);border:1px solid #ccc;padding:10px 20px}
.mf-clubs .wp-block-button__link:hover{border-color:var(--wp--preset--color--ink);background:transparent;color:var(--wp--preset--color--ink)}

/* Banner */
.mf-banner{margin-top:56px;background:var(--wp--preset--color--soft);padding:56px 5vw}
.mf-banner-title{font-size:clamp(32px,5vw,64px);font-weight:900;line-height:.95;letter-spacing:-2px;margin:0 0 20px}

/* Pie */
.mf-footer{margin-top:64px;padding:48px 3vw}
.mf-footer h4{font-family:var(--wp--preset--font-family--barlow);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0;margin-bottom:14px}
.mf-footer a{color:#9e9ea0;font-size:13px}
.mf-footer a:hover{color:#fff}
.mf-links{list-style:none;padding:0;margin:0}
.mf-links li{margin-bottom:8px}
.mf-copy{color:#9e9ea0;margin-top:32px}

@media(max-width:800px){
  .mf-hero{flex-direction:column}
  .mf-hero-cover{min-height:60vh}
  .mf-cats{flex-wrap:wrap}
  .mf-tile{aspect-ratio:4/3;flex-basis:100%!important}
  .mf-search{display:none}
  .mf-header{height:56px;padding:0 16px}
  .admin-bar .mf-header{top:58px}
}

/* Tarjetas de producto: etiqueta naranja, nombre y extracto en 2 líneas */
.mf-tag{margin:12px 0 0;font-size:14px;font-weight:500;color:var(--wp--preset--color--accent)}
.mf-tag a{color:inherit;text-decoration:none}
.mf-products .wp-block-post-title{font-weight:600;margin:2px 0 2px}
.mf-products .wp-block-post-title a{text-decoration:none}
.mf-excerpt{margin:0 0 6px;color:var(--wp--preset--color--mute);font-size:1rem;line-height:1.35}
.mf-excerpt p{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.mf-archive{padding:0 3vw}
.mf-archive-title{font-family:var(--wp--preset--font-family--barlow);font-size:clamp(28px,4vw,48px);font-weight:800;text-transform:uppercase;letter-spacing:-1px;margin:16px 0 24px}
.mf-archive .wp-block-query-pagination{margin-top:32px;gap:16px}