/* MyCoupon professional store rating/review/follow */
.store-header{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.store-header__main{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 420px}
.store-title{margin:0}
.mc-store-header-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;width:100%}
.mc-store-header-meta__rating,.mc-store-header-meta__follow,.mc-store-header-meta__summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mc-store-inline-rating{display:inline-flex;align-items:center;direction:rtl;gap:0}
.mc-store-inline-star{appearance:none;width:27px;height:32px;padding:0;border:0;outline:0;background:transparent;color:#b9b9b9;font:inherit;font-size:28px;line-height:32px;text-align:center;cursor:pointer;transform:scale(1);transition:transform .14s ease,color .14s ease}
.mc-store-inline-star.is-active{color:#ffd600}
.mc-store-inline-star:hover,.mc-store-inline-star:focus-visible{color:#ffd600;transform:scale(1.15);background:transparent;outline:0}
.mc-store-inline-rating__meta{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.mc-store-average{color:var(--ink);font-size:15px;font-weight:850;line-height:1}
.mc-store-rating-count,.mc-store-rate-message,.mc-store-followers-count{color:var(--muted);font-size:12px}
.mc-store-followers-count{display:inline-flex;align-items:center;gap:6px;min-height:40px;line-height:1;white-space:nowrap}
.mc-store-followers-count b{color:var(--ink)}
.mc-store-follow-btn,.mc-store-feedback-submit,.mc-store-feedback__login-btn{min-height:40px;padding:8px 16px;border-radius:var(--button-radius);border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}
.mc-store-follow-btn:hover,.mc-store-feedback-submit:hover,.mc-store-feedback__login-btn:hover{border-color:var(--brand);color:var(--brand)}
.mc-store-follow-btn.is-following,.mc-store-feedback-submit,.mc-store-feedback__login-btn{background:var(--button-bg);border-color:var(--button-bg);color:var(--button-text)}
.mc-store-follow-btn.is-following:hover,.mc-store-feedback-submit:hover,.mc-store-feedback__login-btn:hover{background:var(--button-bg-hover);border-color:var(--button-bg-hover);color:var(--button-text)}
.mc-store-rate-message.is-error,.mc-store-feedback-message.is-error{color:var(--error)}
.mc-store-rate-message.is-success,.mc-store-feedback-message.is-success,.mc-store-feedback__done{color:var(--success)}

.mc-store-feedback{margin-top:18px;padding:18px;background:var(--surface)}
.mc-store-feedback__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.mc-store-feedback__head h2,.mc-store-feedback__recent h3{margin:0;color:var(--ink);font-size:18px;font-weight:850}
.mc-store-feedback__head p,.mc-store-feedback__login-box p,.mc-store-review-item p,.mc-store-review-empty,.mc-store-feedback-form__rating-note{margin:6px 0 0;color:var(--text-soft);font-size:13px;line-height:1.9}
.mc-store-feedback__login-box,.mc-store-feedback__done{padding:14px 16px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface)}
.mc-store-feedback__done{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.mc-store-feedback__done a{color:var(--brand);font-weight:800;text-decoration:none}
.mc-store-feedback-form{display:grid;gap:12px}
.mc-store-feedback-form__field{display:flex;flex-direction:column;gap:6px}
.mc-store-feedback-form__field label{color:var(--ink-soft);font-size:12px;font-weight:700}
.mc-store-feedback-form__textarea-wrap{position:relative}
.mc-store-feedback-form textarea{width:100%;min-height:116px;resize:vertical;box-sizing:border-box;border:1px solid var(--line);border-radius:var(--field-radius);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;line-height:1.9;padding:10px 12px;padding-inline-end:48px;outline:none}
.mc-store-feedback-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 10%,transparent)}
.mc-store-feedback-form__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mc-store-hp{position:absolute!important;inset-inline-start:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.mc-store-emoji-toggle{position:absolute;inset-inline-end:10px;inset-block-start:10px;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;font-size:20px;cursor:pointer}
.mc-store-emoji-toggle:hover{background:var(--surface-soft)}
.mc-store-emoji-picker{position:absolute;z-index:6;inset-inline-end:8px;inset-block-start:46px;display:grid;grid-template-columns:repeat(7,34px);gap:4px;padding:8px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);box-shadow:0 10px 28px var(--shadow-08)}
.mc-store-emoji-picker[hidden]{display:none!important}
.mc-store-emoji-option{width:34px;height:34px;padding:0;border:0;border-radius:8px;background:transparent;font-size:19px;cursor:pointer}
.mc-store-emoji-option:hover{background:var(--surface-soft)}
.mc-store-feedback__recent{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft)}
.mc-store-review-list{display:grid;gap:12px;margin-top:12px}
.mc-store-review-item{padding:14px 16px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface)}
.mc-store-review-item__head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mc-store-review-item__author{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mc-store-review-item__head strong{color:var(--ink);font-size:13px;font-weight:800}
.mc-store-review-item__head time{color:var(--muted-light);font-size:11px}
.mc-review-stars{display:inline-flex;direction:rtl;gap:0;font-size:16px;line-height:1}
.mc-review-stars span{color:#b9b9b9}.mc-review-stars span.is-active{color:#ffd600}
.mc-store-review-item__actions{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.mc-review-helpful,.mc-review-report{appearance:none;border:0;background:transparent;padding:0;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}
.mc-review-helpful:hover,.mc-review-helpful.is-active{color:var(--brand)}
.mc-review-report:hover{color:var(--error)}
.mc-review-action-message{font-size:11px;color:var(--muted)}

@media(max-width:768px){
 .store-header{gap:14px}
 .mc-store-header-meta{align-items:flex-start;gap:12px}
 .mc-store-header-meta__rating{width:100%}
 /* Keep Follow button and follower count on ONE line on mobile. */
 .mc-store-header-meta__follow{width:100%;display:flex;flex-direction:row!important;align-items:center!important;gap:10px;flex-wrap:nowrap}
 .mc-store-header-meta__follow .mc-store-follow-btn{width:auto!important;flex:0 0 auto}
 .mc-store-header-meta__follow .mc-store-followers-count{display:inline-flex;align-items:center;gap:6px;margin:0;white-space:nowrap;min-height:40px}
 .mc-store-feedback{margin-top:16px;padding:15px}
 .mc-store-feedback__head,.mc-store-feedback-form__actions{flex-direction:column;align-items:flex-start}
 .mc-store-feedback-submit,.mc-store-feedback__login-btn{width:100%}
 .mc-store-feedback-form textarea{font-size:16px}
 .mc-store-emoji-picker{grid-template-columns:repeat(5,34px)}
}

/* === Requested UI refinements 2026-09-02 === */
@media(max-width:768px){
  /* Keep store logo and title on the same row on mobile. */
  .store-header{
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
  }
  .store-header__main{
    flex:1 1 auto!important;
    min-width:0!important;
  }

  /* More compact follow control. */
  .mc-store-follow-btn{
    min-height:34px;
    padding:5px 13px;
  }
  .mc-store-followers-count{
    min-height:34px!important;
  }

  /* Prevent login/register CTA from escaping its review card. */
  .mc-store-feedback__login-box{
    box-sizing:border-box;
    max-width:100%;
    overflow:hidden;
  }
  .mc-store-feedback__login-btn{
    width:100%!important;
    max-width:100%;
    box-sizing:border-box;
  }
}


/* === Follow-up refinements 2026-09-02 === */
@media(max-width:768px){
  .store-header .store-title{
    font-size:22px!important;
    line-height:1.5!important;
  }
}