/* FC Marokko Match Center V1.18.1
   Narrow compatibility layer for Flatsome + WooCommerce + native WP comments.
   Do not apply global color overrides to the club widgets. */

/* ===== WooCommerce / My Account ===== */
body.woocommerce-account .page-title,
body.woocommerce-account .page-title-inner{
  color:#25181c;
}
body.woocommerce-account .page-title .entry-title,
body.woocommerce-account .page-title h1,
body.woocommerce-account .woocommerce h1,
body.woocommerce-account .woocommerce h2,
body.woocommerce-account .woocommerce h3,
body.woocommerce-account .woocommerce label,
body.woocommerce-account .woocommerce-form label,
body.woocommerce-account .woocommerce-form-login__rememberme{
  color:#25181c!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.woocommerce-account .woocommerce-form-login,
body.woocommerce-account .woocommerce-form-register{
  color:#514348;
}
body.woocommerce-account .woocommerce input.input-text,
body.woocommerce-account .woocommerce input[type="text"],
body.woocommerce-account .woocommerce input[type="email"],
body.woocommerce-account .woocommerce input[type="password"],
body.woocommerce-account .woocommerce input[type="tel"]{
  min-height:50px;
  padding:11px 13px;
  border:1px solid #d9cfd2!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#24191c!important;
  font-size:16px!important;
  box-shadow:0 1px 2px rgba(28,10,15,.04)!important;
}
body.woocommerce-account .woocommerce input.input-text:focus,
body.woocommerce-account .woocommerce input[type="password"]:focus{
  border-color:#a71934!important;
  box-shadow:0 0 0 3px rgba(167,25,52,.09)!important;
  outline:0;
}
body.woocommerce-account .woocommerce .button,
body.woocommerce-account .woocommerce button.button{
  border-radius:12px!important;
  background:linear-gradient(135deg,#8f1025,#c4183a)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(143,16,37,.18)!important;
}
body.woocommerce-account .woocommerce .lost_password a,
body.woocommerce-account .woocommerce a{
  color:#8f1025;
}
body.woocommerce-account .woocommerce .lost_password a{
  opacity:1!important;
  font-weight:800;
}
body.woocommerce-account .woocommerce-form-login__rememberme input[type="checkbox"]{
  accent-color:#8f1025;
}

/* ===== WordPress / Flatsome native comment form ===== */
.single-post #respond,
.single-post .comment-respond,
.single #respond,
.single .comment-respond{
  color:#4d4145;
}
.single-post #respond h3,
.single-post #respond .comment-reply-title,
.single #respond h3,
.single #respond .comment-reply-title,
.single-post #respond label,
.single #respond label{
  color:#281b1f!important;
  opacity:1!important;
  text-shadow:none!important;
}
.single-post #respond h3,
.single-post #respond .comment-reply-title,
.single #respond h3,
.single #respond .comment-reply-title{
  font-weight:900;
  letter-spacing:-.025em;
}
.single-post #respond input[type="text"],
.single-post #respond input[type="email"],
.single-post #respond input[type="url"],
.single-post #respond textarea,
.single #respond input[type="text"],
.single #respond input[type="email"],
.single #respond input[type="url"],
.single #respond textarea{
  width:100%;
  border:1px solid #d9cfd2!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#24191c!important;
  font-size:16px!important;
  box-shadow:none!important;
}
.single-post #respond textarea,
.single #respond textarea{
  min-height:150px;
}
.single-post #respond input:focus,
.single-post #respond textarea:focus,
.single #respond input:focus,
.single #respond textarea:focus{
  border-color:#a71934!important;
  box-shadow:0 0 0 3px rgba(167,25,52,.08)!important;
  outline:0;
}
.single-post #respond .form-submit input[type="submit"],
.single #respond .form-submit input[type="submit"]{
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#8f1025,#c4183a)!important;
  color:#fff!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(143,16,37,.16)!important;
}
.single-post #respond .comment-notes,
.single-post #respond .logged-in-as,
.single #respond .comment-notes,
.single #respond .logged-in-as{
  color:#766b6e!important;
}

/* Mobile: keep native forms readable and prevent iOS zoom. */
@media(max-width:767px){
  body.woocommerce-account .woocommerce,
  .single-post #respond,
  .single #respond{
    --fcm-form-red:#8f1025;
  }
  body.woocommerce-account .woocommerce input,
  .single-post #respond input,
  .single-post #respond textarea,
  .single #respond input,
  .single #respond textarea{
    font-size:16px!important;
  }
  body.woocommerce-account .woocommerce-form-login,
  body.woocommerce-account .woocommerce-form-register{
    padding-left:0!important;
    padding-right:0!important;
  }
}


/* ===== V1.19.4 Author / Writer archive ===== */
body.author .archive-page-header{
  display:none!important;
}
body.author .blog-wrapper,
body.archive.author .blog-wrapper{
  padding-top:0!important;
  background:#f7f7f8;
}
body.author .fcm-author-hero{
  margin:0 0 24px;
  padding:42px 24px;
  color:#fff;
  background:
    radial-gradient(circle at 88% 18%,rgba(30,135,69,.24),transparent 31%),
    linear-gradient(135deg,#4f0617 0%,#8f1025 52%,#b71335 100%);
  border-bottom:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 50px rgba(74,4,22,.12);
}
body.author .fcm-author-hero__inner{
  width:min(1120px,100%);
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:22px;
}
body.author .fcm-author-hero__mark{
  flex:0 0 auto;
  width:82px;
  height:82px;
  border-radius:24px;
  padding:5px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 14px 32px rgba(31,0,8,.18);
  overflow:hidden;
}
body.author .fcm-author-hero__avatar{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  border-radius:19px;
  display:block;
}
body.author .fcm-author-hero__copy{
  min-width:0;
}
body.author .fcm-author-hero__eyebrow{
  display:inline-block;
  margin:0 0 7px;
  color:#ffd9e1;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.author .fcm-author-hero h1{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(2rem,4vw,3.5rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}
body.author .fcm-author-hero p{
  max-width:720px;
  margin:10px 0 0!important;
  color:rgba(255,255,255,.82)!important;
  font-size:1rem;
  line-height:1.65;
}
body.author .fcm-author-hero__meta{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:14px;
}
body.author .fcm-author-hero__meta span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 11px;
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
  font-size:.76rem;
  font-weight:800;
}
body.author .blog-wrapper > .row,
body.author .blog-wrapper .row.row-large{
  padding-top:0!important;
  margin-top:0!important;
}
body.author .blog-wrapper .post,
body.author .blog-wrapper article.post{
  margin-bottom:24px!important;
}
body.author .blog-wrapper article.post .article-inner{
  overflow:hidden;
  border:1px solid #ece6e8;
  border-radius:20px;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(41,21,28,.06);
}
body.author .blog-wrapper article.post .entry-header,
body.author .blog-wrapper article.post .entry-header-text{
  margin:0!important;
  padding:20px 22px 10px!important;
  background:#fff!important;
  color:#1f1b1d!important;
}
body.author .blog-wrapper article.post .entry-title,
body.author .blog-wrapper article.post .entry-title a,
body.author .blog-wrapper article.post h1,
body.author .blog-wrapper article.post h2,
body.author .blog-wrapper article.post h3{
  color:#17171b!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.author .blog-wrapper article.post .entry-title{
  margin:0 0 8px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
}
body.author .blog-wrapper article.post .entry-meta,
body.author .blog-wrapper article.post .entry-meta a,
body.author .blog-wrapper article.post .byline,
body.author .blog-wrapper article.post .posted-on{
  color:#88797e!important;
  opacity:1!important;
  text-shadow:none!important;
}
body.author .blog-wrapper article.post .entry-image,
body.author .blog-wrapper article.post .entry-image-float,
body.author .blog-wrapper article.post .box-image{
  margin:0!important;
}
body.author .blog-wrapper article.post .entry-image img,
body.author .blog-wrapper article.post .box-image img{
  display:block;
  width:100%;
  height:auto;
}
body.author .blog-wrapper article.post .entry-content,
body.author .blog-wrapper article.post .entry-summary{
  margin:0!important;
  padding:18px 22px 22px!important;
  color:#535056!important;
  background:#fff!important;
}
body.author .blog-wrapper article.post .entry-content p,
body.author .blog-wrapper article.post .entry-summary p{
  color:#5d5960!important;
  opacity:1!important;
  line-height:1.68!important;
}
body.author .blog-wrapper article.post .more-link,
body.author .blog-wrapper article.post a.more-link{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-top:8px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:11px!important;
  background:linear-gradient(135deg,#8f1025,#c4183a)!important;
  color:#fff!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 9px 20px rgba(143,16,37,.16)!important;
}
body.author .blog-wrapper .post-date,
body.author .blog-wrapper .badge.post-date{
  background:#9d102c!important;
  color:#fff!important;
  border-color:#9d102c!important;
}
body.author .blog-wrapper .widget,
body.author .blog-wrapper .sidebar-inner{
  color:#383338;
}
body.author .blog-wrapper .widget-title,
body.author .blog-wrapper .widget a{
  color:#322c30!important;
}

@media(max-width:767px){
  body.author .fcm-author-hero{
    margin-bottom:16px;
    padding:24px 20px 22px;
  }
  body.author .fcm-author-hero__inner{
    align-items:flex-start;
    gap:14px;
  }
  body.author .fcm-author-hero__mark{
    width:58px;
    height:58px;
    border-radius:18px;
    padding:4px;
  }
  body.author .fcm-author-hero__avatar{border-radius:14px;}
  body.author .fcm-author-hero h1{
    font-size:1.75rem!important;
    line-height:1.05!important;
  }
  body.author .fcm-author-hero p{
    font-size:.9rem;
    line-height:1.5;
  }
  body.author .fcm-author-hero__meta{
    margin-top:10px;
  }
  body.author .blog-wrapper{
    padding-bottom:125px!important;
  }
  body.author .blog-wrapper .row.row-large,
  body.author .blog-wrapper .row.row-divided{
    padding-top:0!important;
    margin-top:0!important;
  }
  body.author .blog-wrapper .large-9,
  body.author .blog-wrapper .large-8,
  body.author .blog-wrapper .col{
    padding-top:0!important;
  }
  body.author .blog-wrapper article.post{
    margin:0 16px 18px!important;
  }
  body.author .blog-wrapper article.post .article-inner{
    border-radius:16px;
  }
  body.author .blog-wrapper article.post .entry-header,
  body.author .blog-wrapper article.post .entry-header-text{
    padding:16px 16px 8px!important;
  }
  body.author .blog-wrapper article.post .entry-title{
    font-size:1.28rem!important;
  }
  body.author .blog-wrapper article.post .entry-content,
  body.author .blog-wrapper article.post .entry-summary{
    padding:14px 16px 18px!important;
  }
  body.author .blog-wrapper article.post .entry-content p,
  body.author .blog-wrapper article.post .entry-summary p{
    font-size:.96rem!important;
    line-height:1.6!important;
  }
  body.author .blog-wrapper article.post .more-link,
  body.author .blog-wrapper article.post a.more-link{
    width:auto!important;
    margin-bottom:0!important;
  }
}