/* Front-end counter base. Keep styles isolated from the active theme. */
.mwr-hit-counter:not(.mwr-counter-plain){display:inline-block!important;box-sizing:border-box!important;margin:0!important;vertical-align:middle!important;white-space:nowrap!important;text-decoration:none!important;text-transform:none!important;font-variant-numeric:tabular-nums!important;line-height:1!important;font-weight:700!important}
.mwr-hit-counter *{box-sizing:border-box}
.mwr-hit-counter.mwr-counter-classic{padding:8px 12px!important;border:2px solid #222!important;border-radius:3px!important;background:#f2f2f2!important;color:#111!important;font:700 18px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.04em!important;box-shadow:inset 0 0 0 1px #fff,2px 2px 0 rgba(0,0,0,.18)!important}
.mwr-hit-counter.mwr-counter-digital{padding:9px 13px!important;border:2px solid #222!important;border-radius:4px!important;background:#0d0d0d!important;color:#39ff14!important;font:700 20px/1 "Courier New",Courier,monospace!important;letter-spacing:.14em!important;text-shadow:0 0 5px rgba(57,255,20,.8)!important;box-shadow:inset 0 0 14px rgba(57,255,20,.12),0 2px 6px rgba(0,0,0,.25)!important}
.mwr-hit-counter.mwr-counter-modern{padding:10px 16px!important;border:0!important;border-radius:12px!important;background:#1f2937!important;color:#fff!important;font:700 18px/1 Arial,Helvetica,sans-serif!important;letter-spacing:.02em!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important}
.mwr-hit-counter.mwr-counter-neon{padding:9px 14px!important;border:2px solid #d66bff!important;border-radius:7px!important;background:#090014!important;color:#d66bff!important;font:700 19px/1 "Courier New",Courier,monospace!important;letter-spacing:.08em!important;text-shadow:0 0 5px #d66bff,0 0 12px #d66bff!important;box-shadow:0 0 7px rgba(214,107,255,.55),inset 0 0 12px rgba(214,107,255,.12)!important}
.mwr-hit-counter.mwr-counter-minimal{padding:5px 2px!important;border:0!important;border-bottom:2px solid #64748b!important;border-radius:0!important;background:transparent!important;color:#334155!important;font:600 18px/1.2 Arial,Helvetica,sans-serif!important;letter-spacing:.18em!important;box-shadow:none!important}


/* Digital Watch: seven-segment LED digits with a violet glow, inspired by retro watches. */
.mwr-hit-counter.mwr-counter-digital-watch{padding:.28em .34em!important;border:1px solid #211532!important;border-radius:.16em!important;background:#08070c!important;color:#a66bff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(24px,4vw,54px)!important;line-height:1!important;letter-spacing:0!important;box-shadow:0 0 .45em rgba(100,45,220,.14),inset 0 0 1.2em rgba(86,39,161,.08)!important;text-shadow:none!important}
.mwr-seven-segment{display:inline-flex;align-items:center;gap:.13em;vertical-align:middle;line-height:1}
.mwr-seven-digit{position:relative;display:inline-block;flex:0 0 .62em;width:.62em;height:1.08em;filter:drop-shadow(0 0 .035em rgba(173,112,255,.8))}
.mwr-segment{position:absolute;display:block;background:#291447;opacity:.38;border-radius:.035em;transition:opacity .16s ease,background-color .16s ease,filter .16s ease;}
.mwr-segment.is-on{background:#a65cff;opacity:1;filter:drop-shadow(0 0 .07em #a65cff) drop-shadow(0 0 .15em rgba(137,62,255,.85))}
.mwr-segment-a,.mwr-segment-g,.mwr-segment-d{left:21%;width:58%;height:8%;clip-path:polygon(15% 0,85% 0,100% 50%,85% 100%,15% 100%,0 50%)}
.mwr-segment-a{top:0}.mwr-segment-g{top:46%}.mwr-segment-d{bottom:0}
.mwr-segment-f,.mwr-segment-b,.mwr-segment-e,.mwr-segment-c{width:13%;height:39%;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%)}
.mwr-segment-f{left:7%;top:7%}.mwr-segment-b{right:7%;top:7%;transform:scaleX(-1)}
.mwr-segment-e{left:7%;bottom:7%;transform:scaleY(-1)}.mwr-segment-c{right:7%;bottom:7%;transform:scale(-1,-1)}
.mwr-seven-separator{display:inline-block;padding:0 .01em;color:#a65cff;font-size:.82em;font-weight:700;text-shadow:0 0 .08em #a65cff,0 0 .2em rgba(137,62,255,.8);line-height:1}
.mwr-counter-animated.mwr-counter-digital-watch .mwr-segment.is-on{animation:mwr-led-pulse .28s ease-out both}
.mwr-counter-animated.mwr-counter-digital-watch .mwr-seven-digit:nth-child(2n) .mwr-segment.is-on{animation-delay:.05s}
@keyframes mwr-led-pulse{0%{opacity:.45;filter:none}55%{opacity:1;filter:drop-shadow(0 0 .12em #b987ff) drop-shadow(0 0 .25em #853bff)}100%{opacity:1}}
.mwrhc-style-sample .mwr-counter-digital-watch{font-size:22px!important;padding:.2em .25em!important}
.mwrhc-style-sample .mwr-counter-digital-watch .mwr-seven-segment{gap:.1em}
@media(prefers-reduced-motion:reduce){.mwr-segment{transition:none!important}.mwr-counter-animated.mwr-counter-digital-watch .mwr-segment.is-on{animation:none!important}}

/* Retro flip-clock / split-flap display. */
.mwr-hit-counter.mwr-counter-flip-clock{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#f8fafc!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(18px,3vw,42px)!important;font-weight:700!important;letter-spacing:0!important;box-shadow:none!important}
.mwr-flip-clock{display:inline-flex;align-items:center;gap:.09em;vertical-align:middle}
.mwr-flip-digit{position:relative;display:inline-block;width:.78em;height:1.16em;overflow:hidden;border-radius:.07em;background:linear-gradient(180deg,#252525 0%,#171717 100%);color:#f7f7f7;box-shadow:0 .07em .13em rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.06);perspective:5em}
.mwr-flip-top,.mwr-flip-bottom{position:absolute;left:0;display:block;width:100%;height:50%;overflow:hidden;background:#202020;color:inherit;font:inherit;line-height:1;letter-spacing:0;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.mwr-flip-top{top:0;background:linear-gradient(#292929,#202020)}
.mwr-flip-bottom{bottom:0;background:linear-gradient(#191919,#242424)}
/* Each half clips a full-height glyph; positioning the same glyph in both halves
   prevents descenders and the lower curve of digits from being cut off. */
.mwr-flip-top::after,.mwr-flip-bottom::after{content:attr(data-digit);position:absolute;left:0;display:block;width:100%;height:200%;margin:0;padding:0;text-align:center;white-space:nowrap;font:inherit;line-height:1.16em;letter-spacing:0}
.mwr-flip-top::after{top:0}
.mwr-flip-bottom::after{top:-100%}
.mwr-flip-divider{position:absolute;z-index:2;top:calc(50% - .012em);left:0;width:100%;height:.035em;background:rgba(0,0,0,.68);box-shadow:0 1px rgba(255,255,255,.12)}
.mwr-flip-separator{display:inline-block;padding:0 .03em;color:currentColor;font-size:.72em;opacity:.8}
/* Real split-flap transition: the old upper half folds away and the new lower half flips into place. */
.mwr-flip-top,.mwr-flip-bottom{z-index:1;backface-visibility:hidden}
.mwr-flip-flap{position:absolute;left:0;display:block;width:100%;height:50%;overflow:hidden;background:#202020;color:inherit;font:inherit;line-height:1;letter-spacing:0;text-shadow:0 1px 1px rgba(0,0,0,.2);backface-visibility:hidden;transform-style:preserve-3d;pointer-events:none}
.mwr-flip-flap::after{content:attr(data-digit);position:absolute;left:0;display:block;width:100%;height:200%;margin:0;padding:0;text-align:center;white-space:nowrap;font:inherit;line-height:1.16em;letter-spacing:0}
.mwr-flip-flap-front{z-index:4;top:0;transform-origin:50% 100%;background:linear-gradient(#292929,#202020)}
.mwr-flip-flap-front::after{top:0}
.mwr-flip-flap-back{z-index:3;bottom:0;transform-origin:50% 0%;transform:rotateX(90deg);background:linear-gradient(#191919,#242424)}
.mwr-flip-flap-back::after{top:-100%}
.mwr-counter-animated.mwr-counter-flip-clock .mwr-flip-digit.is-flipping .mwr-flip-flap-front{animation:mwr-flip-front .34s cubic-bezier(.37,.01,.8,.4) forwards}
.mwr-counter-animated.mwr-counter-flip-clock .mwr-flip-digit.is-flipping .mwr-flip-flap-back{animation:mwr-flip-back .34s .30s cubic-bezier(.16,.7,.3,1) forwards}
.mwr-counter-animated.mwr-counter-flip-clock .mwr-flip-digit:nth-child(2n).is-flipping .mwr-flip-flap-front{animation-delay:.07s}
.mwr-counter-animated.mwr-counter-flip-clock .mwr-flip-digit:nth-child(2n).is-flipping .mwr-flip-flap-back{animation-delay:.37s}
@keyframes mwr-flip-front{from{transform:rotateX(0);filter:brightness(1)}to{transform:rotateX(-90deg);filter:brightness(.65)}}
@keyframes mwr-flip-back{from{transform:rotateX(90deg);filter:brightness(.65)}to{transform:rotateX(0);filter:brightness(1)}}
.mwr-counter-animated:not(.mwr-counter-flip-clock):not(.mwr-counter-plain){animation:mwr-counter-enter .35s ease-out both}
@keyframes mwr-counter-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mwr-counter-animated,.mwr-counter-animated *{animation:none!important;transition:none!important}}

/* WordPress settings screen. All selectors are scoped to the plugin page. */
.mwrhc-admin{max-width:1540px;margin-top:24px;margin-right:24px;color:#172033}
.mwrhc-page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 22px;padding:4px 0}
.mwrhc-brand{display:flex;align-items:center;gap:16px;min-width:0}
.mwrhc-brand-mark{display:flex;flex:0 0 54px;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;background:linear-gradient(145deg,#3774ff,#2450d8);color:#fff;font-size:15px;font-weight:800;letter-spacing:-.06em;box-shadow:0 5px 12px rgba(49,93,232,.2)}
.mwrhc-eyebrow{margin:0 0 5px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.12em}
.mwrhc-page-header h1{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;color:#172033;font-size:27px;font-weight:750;letter-spacing:-.035em;line-height:1.25}
.mwrhc-version{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #d9e5ff;border-radius:20px;background:#eff5ff;color:#315de8;font-size:11px;font-weight:700;letter-spacing:0}
.mwrhc-subtitle{margin:6px 0 0;color:#64748b;font-size:13px;line-height:1.5}
.mwrhc-header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.mwrhc-admin .button.mwrhc-secondary-button,.mwrhc-admin .button.mwrhc-donate-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin:0;padding:0 13px;border-radius:7px;font-size:12px;font-weight:700;line-height:1.2;text-decoration:none}
.mwrhc-admin .button.mwrhc-secondary-button{border:1px solid #d4dce8;background:#fff;color:#315de8;box-shadow:0 1px 2px rgba(15,23,42,.03)}
.mwrhc-admin .button.mwrhc-secondary-button:hover{border-color:#9bb4ff;background:#f8faff;color:#2149ce}
.mwrhc-admin .button.mwrhc-donate-button{border:1px solid #315de8;background:#315de8;color:#fff;box-shadow:0 4px 10px rgba(49,93,232,.2);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.mwrhc-admin .button.mwrhc-donate-button:hover{border-color:#2149ce;background:#2149ce;color:#fff;box-shadow:0 6px 14px rgba(49,93,232,.26);transform:translateY(-1px)}
.mwrhc-main-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:18px}
.mwrhc-right-column{display:flex;min-width:0;max-width:100%;flex-direction:column;gap:14px;align-self:start}
.mwrhc-card,.mwrhc-style-gallery{min-width:0;padding:24px;border:1px solid #dfe4ec;border-radius:12px;background:#fff;box-shadow:0 2px 5px rgba(15,23,42,.035)}
.mwrhc-card-heading{display:flex;align-items:flex-start;gap:13px;margin:0 0 20px}
.mwrhc-heading-icon{display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;background:#edf3ff;color:#315de8;font-size:21px;font-weight:700}
.mwrhc-card-heading h2{margin:0 0 4px;color:#172033;font-size:17px;font-weight:700}
.mwrhc-card-heading p{margin:0;color:#64748b;font-size:12px;line-height:1.5}
.mwrhc-field{display:grid;grid-template-columns:minmax(125px,34%) minmax(0,1fr);gap:16px;padding:19px 0;border-top:1px solid #edf0f5}
.mwrhc-field>label,.mwrhc-animation-field>div>label{padding-top:5px;color:#273449;font-size:13px;font-weight:700}
.mwrhc-field-control{min-width:0}
.mwrhc-field-control input[type=number],.mwrhc-field-control select{width:100%;max-width:360px;min-height:42px;border-color:#cbd5e1;border-radius:7px;box-shadow:none}
.mwrhc-field-control input[type=number]:focus,.mwrhc-field-control select:focus{border-color:#5275f4;box-shadow:0 0 0 1px #5275f4}
.mwrhc-admin .description{margin:7px 0 0;color:#748094;font-size:12px;line-height:1.55}
.mwrhc-animation-field{align-items:start}
.mwrhc-toggle-label{display:inline-flex;align-items:center;gap:8px;color:#334155;font-size:13px;cursor:pointer}
.mwrhc-toggle-label input{width:16px;height:16px;margin:0;accent-color:#315de8}
.mwrhc-save-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;padding-top:21px;border-top:1px solid #edf0f5}
.mwrhc-admin .mwrhc-save-button{min-height:42px;margin:0;padding:0 20px;border:1px solid #315de8;border-radius:7px;background:#315de8;box-shadow:0 3px 8px rgba(49,93,232,.18);font-size:13px;font-weight:700;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.mwrhc-admin .mwrhc-save-button:hover{border-color:#2149ce;background:#2149ce;box-shadow:0 5px 12px rgba(49,93,232,.25);transform:translateY(-1px)}
.mwrhc-save-hint{color:#8490a2;font-size:11px}
.mwrhc-preview-card{display:flex;align-self:start;width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex-direction:column;min-height:0}
.mwrhc-preview-card .mwrhc-card-heading{margin-bottom:16px}
.mwr-counter-preview-area{display:flex;flex:0 0 auto;align-items:center;justify-content:center;height:clamp(145px,12vw,175px);min-height:145px;max-height:175px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;padding:14px;border:1px solid #e0e6ef;border-radius:9px;background:radial-gradient(circle at 50% 45%,#f8faff 0,#fff 68%);overflow:hidden}
.mwr-counter-preview-area .mwr-hit-counter{flex:0 0 auto;max-width:none;min-width:0}
.mwrhc-preview-caption{display:flex;align-items:center;gap:7px;margin-top:13px;color:#7b8798;font-size:11px}
.mwrhc-status-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #dcfce7}
.mwrhc-shortcode-note{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px;padding-top:12px;border-top:1px solid #edf0f5;color:#64748b;font-size:12px}
.mwrhc-shortcode-note strong{color:#273449}
.mwrhc-shortcode-note code{padding:5px 8px;border:1px solid #dbeafe;border-radius:5px;background:#eff6ff;color:#2458c6;font-size:12px}
.mwrhc-admin .mwrhc-copy-shortcode{min-height:28px;padding:0 9px;border-color:#d4dce8;border-radius:5px;color:#315de8;font-size:11px}
.mwrhc-style-gallery{margin-top:0;padding:18px}
.mwrhc-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mwrhc-style-option{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px 6px 9px;border:1px solid #e0e6ef;border-radius:9px;background:#fff;color:#334155;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}
.mwrhc-style-option:hover{border-color:#a9bcff;background:#f9fbff}
.mwrhc-style-option.is-selected{border:2px solid #315de8;background:#f5f8ff;box-shadow:0 0 0 2px rgba(49,93,232,.07)}
.mwrhc-style-sample{display:flex;align-items:center;justify-content:center;width:100%;min-height:43px;overflow:hidden}
.mwrhc-style-sample .mwr-hit-counter{transform:scale(.72);transform-origin:center}
.mwrhc-style-sample .mwr-counter-flip-clock{font-size:24px!important}
.mwrhc-style-name{font-size:11px;font-weight:700;text-align:center}
.mwrhc-style-option.is-selected .mwrhc-style-name{color:#2458c6}
.mwrhc-support-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:24px 26px;border:1px solid #d8e5ff;border-radius:12px;background:linear-gradient(115deg,#f1f6ff 0%,#f8faff 58%,#eef4ff 100%)}
.mwrhc-support-copy{display:flex;align-items:flex-start;gap:16px}
.mwrhc-support-heart{display:inline-flex;flex:0 0 42px;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#315de8;font-size:25px;box-shadow:0 2px 7px rgba(37,75,170,.08)}
.mwrhc-support-copy h2{margin:0 0 6px;color:#172033;font-size:19px;font-weight:750;letter-spacing:-.02em}
.mwrhc-support-copy p:not(.mwrhc-eyebrow){margin:0 0 8px;color:#526178;font-size:13px;line-height:1.5}
.mwrhc-support-copy small{color:#7b8798;font-size:11px}
.mwrhc-support-actions{display:flex;flex:0 0 330px;flex-direction:column;gap:9px}
.mwrhc-support-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;margin:0;border-radius:7px;font-size:12px;font-weight:700;text-decoration:none}
.mwrhc-support-actions .mwrhc-donate-button{min-height:44px}
.mwrhc-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mwrhc-footer-note{margin:16px 0 0;color:#8a94a5;font-size:11px;text-align:right}
@media(max-width:1250px){.mwrhc-page-header{align-items:flex-start;flex-direction:column}.mwrhc-header-actions{justify-content:flex-start}}
@media(max-width:980px){.mwrhc-main-grid{grid-template-columns:1fr}.mwrhc-right-column{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.mwrhc-preview-card{min-height:0}.mwrhc-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mwrhc-support-panel{align-items:stretch;flex-direction:column}.mwrhc-support-actions{flex:1 1 auto;width:100%}}
@media(max-width:782px){.mwrhc-admin{margin-right:12px}.mwrhc-brand{align-items:flex-start}.mwrhc-brand-mark{flex-basis:44px;width:44px;height:44px;border-radius:12px}.mwrhc-page-header h1{font-size:23px}.mwrhc-header-actions{width:100%}.mwrhc-header-actions .button{flex:1 1 auto}.mwrhc-card,.mwrhc-style-gallery{padding:17px}.mwrhc-field{grid-template-columns:1fr;gap:8px}.mwrhc-field>label,.mwrhc-animation-field>div>label{padding-top:0}.mwrhc-save-row{align-items:flex-start;flex-direction:column}.mwrhc-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mwrhc-support-panel{padding:18px}.mwrhc-support-copy{gap:11px}.mwrhc-support-copy h2{font-size:17px}.mwrhc-secondary-actions{grid-template-columns:1fr}.mwr-counter-preview-area{height:150px;min-height:150px;max-height:150px;padding:10px}.mwrhc-shortcode-note{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.mwrhc-admin .button,.mwrhc-style-option{transition:none!important}.mwr-counter-animated,.mwr-counter-animated *{animation:none!important}}


/* Compact Counter: social-style abbreviated values for large totals. */
.mwr-hit-counter.mwr-counter-compact{padding:7px 14px!important;border:1px solid #fecaca!important;border-radius:999px!important;background:linear-gradient(180deg,#fff 0%,#fff7f7 100%)!important;color:#c81e1e!important;font:750 18px/1.15 Arial,Helvetica,sans-serif!important;letter-spacing:-.025em!important;box-shadow:0 2px 5px rgba(185,28,28,.09),inset 0 1px 0 rgba(255,255,255,.9)!important;text-shadow:none!important;font-variant-numeric:tabular-nums!important}
.mwrhc-style-sample .mwr-counter-compact{padding:7px 12px!important;font-size:18px!important;letter-spacing:-.035em!important}


/* Bubble Counter: every digit sits in its own circle; separators remain unboxed. */
.mwr-hit-counter.mwr-counter-bubble{display:inline-flex!important;align-items:center!important;gap:.18em!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#3730a3!important;font:700 18px/1 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;box-shadow:none!important;text-shadow:none!important;}
.mwr-counter-bubble .mwr-bubble-counter{display:inline-flex;align-items:center;gap:.18em;vertical-align:middle;white-space:nowrap;line-height:1;}
.mwr-counter-bubble .mwr-bubble-digit{display:inline-flex;flex:0 0 1.8em;align-items:center;justify-content:center;width:1.8em;height:1.8em;border:1px solid rgba(79,70,229,.16);border-radius:50%;background:linear-gradient(145deg,#818cf8 0%,#4f46e5 100%);color:#fff;font:700 .9em/1 Arial,Helvetica,sans-serif;box-shadow:0 2px 7px rgba(79,70,229,.23),inset 0 1px 0 rgba(255,255,255,.24);}
.mwr-counter-bubble .mwr-bubble-separator{display:inline-block;color:currentColor;font:inherit;opacity:.7;}
.mwrhc-style-sample .mwr-counter-bubble{font-size:18px!important;gap:.08em!important;}
.mwrhc-style-sample .mwr-counter-bubble .mwr-bubble-counter{gap:.1em;}
.mwrhc-style-sample .mwr-counter-bubble .mwr-bubble-digit{flex-basis:1.6em;width:1.6em;height:1.6em;font-size:.82em;}

/* Plain Text is deliberately unstyled so themes and custom CSS can own its presentation. */

/* Counter size presets. A shortcode can override the global setting with size="normal|small|compact". */
.mwr-hit-counter.mwr-counter-size-small:not(.mwr-counter-plain){font-size:15px!important}
.mwr-hit-counter.mwr-counter-size-compact:not(.mwr-counter-plain){font-size:12px!important}
.mwr-hit-counter.mwr-counter-plain.mwr-counter-size-small{font-size:.85em!important}
.mwr-hit-counter.mwr-counter-plain.mwr-counter-size-compact{font-size:.7em!important}
.mwr-hit-counter.mwr-counter-classic.mwr-counter-size-small{padding:6px 9px!important}
.mwr-hit-counter.mwr-counter-classic.mwr-counter-size-compact{padding:4px 6px!important}
.mwr-hit-counter.mwr-counter-digital.mwr-counter-size-small{padding:6px 9px!important;letter-spacing:.08em!important}
.mwr-hit-counter.mwr-counter-digital.mwr-counter-size-compact{padding:4px 6px!important;letter-spacing:.04em!important}
.mwr-hit-counter.mwr-counter-modern.mwr-counter-size-small{padding:6px 10px!important;border-radius:8px!important}
.mwr-hit-counter.mwr-counter-modern.mwr-counter-size-compact{padding:4px 7px!important;border-radius:6px!important}
.mwr-hit-counter.mwr-counter-neon.mwr-counter-size-small{padding:6px 9px!important;letter-spacing:.04em!important}
.mwr-hit-counter.mwr-counter-neon.mwr-counter-size-compact{padding:4px 6px!important;letter-spacing:.02em!important}
.mwr-hit-counter.mwr-counter-minimal.mwr-counter-size-small{padding:3px 1px!important;letter-spacing:.1em!important}
.mwr-hit-counter.mwr-counter-minimal.mwr-counter-size-compact{padding:2px 1px!important;letter-spacing:.06em!important}
.mwr-hit-counter.mwr-counter-compact.mwr-counter-size-small{padding:5px 10px!important}
.mwr-hit-counter.mwr-counter-compact.mwr-counter-size-compact{padding:3px 7px!important}
.mwr-hit-counter.mwr-counter-digital-watch.mwr-counter-size-small{font-size:19px!important;padding:.22em .28em!important}
.mwr-hit-counter.mwr-counter-digital-watch.mwr-counter-size-compact{font-size:15px!important;padding:.18em .22em!important}
.mwr-hit-counter.mwr-counter-flip-clock.mwr-counter-size-small{font-size:28px!important}
.mwr-hit-counter.mwr-counter-flip-clock.mwr-counter-size-compact{font-size:21px!important}
.mwr-hit-counter.mwr-counter-bubble.mwr-counter-size-small{font-size:15px!important}
.mwr-hit-counter.mwr-counter-bubble.mwr-counter-size-compact{font-size:12px!important}

/* Collapsible style guide keeps the settings column compact without hiding help entirely. */
.mwrhc-style-guide{margin:0 0 16px;padding:9px 12px;border:1px solid #dbe6fb;border-radius:8px;background:#f7f9ff;color:#526178;font-size:12px;line-height:1.5}
.mwrhc-style-guide>summary{color:#23345a;font-size:12px;font-weight:700;cursor:pointer;list-style-position:inside}
.mwrhc-style-guide[open]>summary{margin-bottom:6px}
.mwrhc-style-guide-content p{margin:5px 0 0}

.mwrhc-block-editor-wrap{padding:12px;border:1px dashed #b7c4d8;border-radius:8px;background:#f8faff}
.mwrhc-block-placeholder{padding:16px;border:1px solid #dbe4f2;border-radius:7px;background:#fff;color:#263348}
.mwrhc-block-placeholder>strong{font-size:14px}
.mwrhc-block-placeholder>p{margin:7px 0;color:#64748b;font-size:12px}
.mwrhc-block-placeholder code{display:inline-block;margin-top:4px;padding:4px 7px;border-radius:4px;background:#edf3ff;color:#254bb5}
.mwrhc-block-placeholder .mwrhc-block-help{margin-top:10px;font-size:11px}


/* Independent, accessible settings accordions keep the admin column concise. */
.mwrhc-settings-group{margin:0 0 9px;border:1px solid #e0e6ef;border-radius:9px;background:#fff;overflow:hidden}
.mwrhc-settings-group>summary{display:flex;align-items:center;gap:11px;min-height:54px;padding:10px 13px;cursor:pointer;list-style:none;color:#253249;user-select:none}
.mwrhc-settings-group>summary::-webkit-details-marker{display:none}
.mwrhc-settings-group>summary::after{content:'+';display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;margin-left:auto;border:1px solid #dbe4f0;border-radius:7px;background:#f8faff;color:#385fe1;font-size:18px;font-weight:500;line-height:1}
.mwrhc-settings-group[open]>summary::after{content:'−';background:#edf3ff;border-color:#cfddff}
.mwrhc-settings-group>summary:hover{background:#f9fbff}
.mwrhc-settings-group>summary:focus-visible{outline:2px solid #5275f4;outline-offset:-3px}
.mwrhc-group-number{display:inline-flex;flex:0 0 29px;align-items:center;justify-content:center;width:29px;height:29px;border-radius:8px;background:#edf3ff;color:#315de8;font-size:11px;font-weight:800}
.mwrhc-group-label{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.mwrhc-group-label strong{font-size:13px;font-weight:750;line-height:1.3}
.mwrhc-group-label small{color:#8190a5;font-size:11px;font-weight:400;line-height:1.35}
.mwrhc-settings-group-content{padding:0 14px 13px;border-top:1px solid #edf0f5}
.mwrhc-settings-group-content .mwrhc-field{grid-template-columns:minmax(105px,31%) minmax(0,1fr);gap:12px;padding:14px 0}
.mwrhc-settings-group-content .mwrhc-field:last-child{padding-bottom:4px}
.mwrhc-settings-group-content .mwrhc-field:first-child{border-top:0}
.mwrhc-settings-group-content .mwrhc-field-control input[type=number],.mwrhc-settings-group-content .mwrhc-field-control select{min-height:38px}
.mwrhc-help-content{padding-top:12px;color:#64748b;font-size:12px;line-height:1.55}
.mwrhc-help-content p{margin:0 0 8px}
.mwrhc-help-content p:last-child{margin-bottom:0}
@media(max-width:782px){.mwrhc-settings-group-content .mwrhc-field{grid-template-columns:1fr;gap:7px}}


/* Pro upsell: value-led, non-modal promotion between the style gallery and support panel. */
.mwrhc-pro-promo{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:18px;padding:22px 25px;border:1px solid #cddcff;border-radius:12px;background:linear-gradient(115deg,#f4f7ff 0%,#fff 53%,#eff4ff 100%);box-shadow:0 2px 5px rgba(15,23,42,.025)}
.mwrhc-pro-promo-main{display:flex;align-items:flex-start;gap:15px;min-width:0}
.mwrhc-pro-promo-icon{display:inline-flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#315de8;box-shadow:0 2px 8px rgba(37,75,170,.09)}
.mwrhc-pro-promo-icon .dashicons{width:23px;height:23px;font-size:23px;line-height:1}
.mwrhc-pro-promo-copy{min-width:0}
.mwrhc-pro-promo-copy .mwrhc-eyebrow{margin:1px 0 4px;color:#315de8;font-size:10px;font-weight:800;letter-spacing:.11em;line-height:1.4}
.mwrhc-pro-promo-copy h2{margin:0 0 6px;color:#172033;font-size:19px;font-weight:750;letter-spacing:-.02em;line-height:1.3}
.mwrhc-pro-promo-copy>p:not(.mwrhc-eyebrow){max-width:780px;margin:0 0 11px;color:#526178;font-size:13px;line-height:1.55}
.mwrhc-pro-benefits{display:flex;flex-wrap:wrap;gap:7px 17px;margin:0;padding:0;list-style:none}
.mwrhc-pro-benefits li{display:flex;align-items:center;gap:6px;color:#40516b;font-size:11px;line-height:1.5}
.mwrhc-pro-benefits li span{color:#16834c;font-weight:800}
.mwrhc-pro-promo-action{display:flex;flex:0 0 225px;flex-direction:column;align-items:stretch;gap:8px}
.mwrhc-admin .button.mwrhc-pro-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;margin:0;padding:0 15px;border:1px solid #315de8;border-radius:7px;background:#315de8;color:#fff;font-size:12px;font-weight:750;text-align:center;text-decoration:none;box-shadow:0 4px 10px rgba(49,93,232,.2);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
.mwrhc-admin .button.mwrhc-pro-button:hover{border-color:#2149ce;background:#2149ce;color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px rgba(49,93,232,.24)}
.mwrhc-pro-promo-action>p{margin:0;color:#8490a2;font-size:11px;line-height:1.4;text-align:center}
@media(max-width:1100px){.mwrhc-pro-promo{align-items:stretch;flex-direction:column;gap:16px}.mwrhc-pro-promo-action{flex:1 1 auto;width:100%;max-width:320px;margin-left:59px}.mwrhc-pro-benefits{gap:6px 14px}}
@media(max-width:782px){.mwrhc-pro-promo{padding:18px}.mwrhc-pro-promo-main{gap:11px}.mwrhc-pro-promo-icon{flex-basis:38px;width:38px;height:38px}.mwrhc-pro-promo-copy h2{font-size:17px}.mwrhc-pro-promo-action{max-width:none;margin-left:0}.mwrhc-pro-benefits{flex-direction:column;gap:5px}}


/* Dot Matrix (Pixel LED): square pixel grid on a compact black display, inspired by classic electronic counters. */
.mwr-hit-counter.mwr-counter-dot-matrix{padding:.22em .3em!important;border:2px solid #30343a!important;border-radius:.12em!important;background:#050607!important;color:#f7fafc!important;font:700 42px/1 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;box-shadow:0 3px 10px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.035)!important;text-shadow:none!important;font-variant-numeric:tabular-nums!important}
.mwr-counter-dot-matrix .mwr-dot-matrix{display:inline-flex;align-items:center;gap:.16em;vertical-align:middle;line-height:1;white-space:nowrap}
.mwr-counter-dot-matrix .mwr-dot-digit{display:inline-grid;grid-template-columns:repeat(5,.075em);grid-template-rows:repeat(7,.075em);gap:.035em;flex:0 0 auto;align-content:center;align-items:center;justify-items:center}
.mwr-counter-dot-matrix .mwr-dot-pixel{display:block;width:.075em;height:.075em;border-radius:.015em;background:rgba(235,241,250,.12)}
.mwr-counter-dot-matrix .mwr-dot-pixel.is-on{background:#f8fbff;box-shadow:0 0 .065em rgba(255,255,255,.4)}
.mwr-counter-dot-matrix .mwr-dot-separator{display:inline-block;padding:0 .015em;color:#f8fbff;font:inherit;line-height:1}
.mwr-counter-dot-matrix .mwr-dot-space{display:inline-block;width:.16em;flex:0 0 .16em}
.mwrhc-style-sample .mwr-counter-dot-matrix{font-size:26px!important;padding:.17em .22em!important;border-width:1px!important}
.mwrhc-style-sample .mwr-counter-dot-matrix .mwr-dot-digit{grid-template-columns:repeat(5,.075em);grid-template-rows:repeat(7,.075em);gap:.035em}

/* Sky Blue: simple white numerals on a light blue surface. */
.mwr-hit-counter.mwr-counter-sky-blue{padding:9px 15px!important;border:1px solid #70b8ed!important;border-radius:7px!important;background:#7cc4f5!important;color:#fff!important;font:700 19px/1.1 Arial,Helvetica,sans-serif!important;letter-spacing:.035em!important;box-shadow:0 3px 8px rgba(41,132,193,.16),inset 0 1px 0 rgba(255,255,255,.18)!important;text-shadow:0 1px 1px rgba(20,88,138,.12)!important}
.mwrhc-style-sample .mwr-counter-sky-blue{padding:7px 10px!important;font-size:17px!important;border-radius:6px!important}
.mwr-hit-counter.mwr-counter-sky-blue.mwr-counter-size-small{padding:6px 10px!important}
.mwr-hit-counter.mwr-counter-sky-blue.mwr-counter-size-compact{padding:4px 7px!important}
.mwr-hit-counter.mwr-counter-dot-matrix.mwr-counter-size-small{font-size:28px!important;padding:.18em .24em!important}
.mwr-hit-counter.mwr-counter-dot-matrix.mwr-counter-size-compact{font-size:21px!important;padding:.14em .2em!important}

/* Preview safeguards: fit long values inside the preview card without creating horizontal scrollbars. */
.mwrhc-main-grid,.mwrhc-main-grid>* ,.mwrhc-card,.mwrhc-style-gallery{min-width:0;box-sizing:border-box}
.mwr-counter-preview-area{overflow:hidden!important;contain:paint}
