/* Christian Economy Book Club — Activity UI (theme-following) */
:root{
  --cebc-bg: inherit;
  --cebc-card: inherit;
  --cebc-ink: inherit;
  --cebc-muted: color-mix(in oklab, currentColor 55%, transparent);
  --cebc-line: color-mix(in oklab, currentColor 15%, transparent);
  --cebc-pill: color-mix(in oklab, currentColor 8%, transparent);
  --cebc-brand: currentColor;
  --cebc-accent: currentColor;
}
.cebc-activity *{box-sizing:border-box}
.cebc-activity a{color:var(--cebc-brand); text-decoration:none}
.cebc-activity .wrap{max-width:1100px; margin:0 auto; padding:12px 16px}
.cebc-activity .bar{display:flex; align-items:center; gap:12px}
.cebc-activity .search{flex:1; position:relative}
.cebc-activity .search input{width:100%; background:color-mix(in oklab, var(--cebc-card) 70%, transparent); border:1px solid var(--cebc-line); color:inherit; padding:10px 12px; border-radius:10px}
.cebc-activity .hint{font-size:12px; color:var(--cebc-muted)}
.cebc-activity main{max-width:1100px; margin:18px auto; padding:0 16px; display:grid; grid-template-columns: clamp(180px,22vw,240px) 1fr; gap: clamp(14px,2.5vw,22px)}
@media (max-width: 980px){ .cebc-activity main{ grid-template-columns: 1fr; } .cebc-activity .leftbar{ order: -1 } }
.cebc-activity .leftbar .panel, .cebc-activity .card, .cebc-activity .composer{ background:var(--cebc-card); border:1px solid var(--cebc-line); border-radius:16px; padding:14px }
.cebc-activity .booklist{display:grid; gap:8px; margin-top:10px}
.cebc-activity .bookbtn{ width:100%; text-align:left; background:color-mix(in oklab, var(--cebc-card) 70%, transparent); color:inherit; border:1px solid var(--cebc-line); border-radius:10px; padding:8px 10px; cursor:pointer }
.cebc-activity .bookbtn[aria-pressed="true"]{ outline:2px solid var(--cebc-brand); background:var(--cebc-pill) }
.cebc-activity .composer h2{margin:0 0 6px 0; font-size:14px; color:var(--cebc-muted)}
.cebc-activity .row{display:flex; gap:10px; align-items:center; margin-top:8px; flex-wrap:wrap}
.cebc-activity .row select,.cebc-activity .row button{ border-radius:999px; border:1px solid var(--cebc-line); background:color-mix(in oklab, var(--cebc-card) 70%, transparent); color:inherit; padding:8px 10px }
.cebc-activity .composer textarea{ width:100%; min-height:72px; resize:vertical; border-radius:12px; border:1px solid var(--cebc-line); background:color-mix(in oklab, var(--cebc-card) 70%, transparent); color:inherit; padding:10px }
.cebc-activity .row button.primary{background:var(--cebc-pill); border:none}
.cebc-activity .rate { display:flex; gap:6px; align-items:center }
.cebc-activity .rate input[type="radio"]{ position:absolute; opacity:0; width:0; height:0 }
.cebc-activity .rate label{ display:inline-flex; align-items:center; gap:6px; cursor:pointer; border:1px solid var(--cebc-line); border-radius:6px; padding:4px 8px; background:color-mix(in oklab, var(--cebc-card) 70%, transparent); user-select:none }
.cebc-activity .rate label:focus-within{ outline:2px solid var(--cebc-brand); outline-offset:2px }
.cebc-activity .feed{display:flex; flex-direction:column; gap:14px}
.cebc-activity .head{display:flex; justify-content:space-between; gap:10px; align-items:flex-start}
.cebc-activity .meta{font-size:13px; color:var(--cebc-muted)}
.cebc-activity .title{font-weight:700}
.cebc-activity .tags{display:flex; gap:6px; flex-wrap:wrap; margin-top:6px}
.cebc-activity .pill{ font-size:12px; padding:4px 8px; border-radius:999px; background:var(--cebc-pill); border:1px solid var(--cebc-line); color:var(--cebc-muted) }
.cebc-activity .chapters{margin-top:10px; display:grid; gap:8px}
.cebc-activity .chapter{border:1px dashed var(--cebc-line); border-radius:12px; padding:10px}
.cebc-activity .chapter h4{margin:0; font-size:14px; display:flex; align-items:center; justify-content:space-between; gap:8px}
.cebc-activity .controls{ display:inline-flex; gap:8px }
.cebc-activity .controls button{ border:1px solid var(--cebc-line); background:color-mix(in oklab, var(--cebc-card) 70%, transparent); color:inherit; padding:6px 10px; border-radius:999px; cursor:pointer }
.cebc-activity .reviews{ margin-top:10px; display:flex; flex-direction:column; gap:10px }
.cebc-activity .review{border-top:1px solid var(--cebc-line); padding-top:8px}
.cebc-activity .review .by{color:var(--cebc-muted); font-size:13px}
.cebc-activity .reply{ margin-top:8px; margin-left:12px; padding:8px; border-left:3px solid var(--cebc-line); border-radius:8px; background:color-mix(in oklab, var(--cebc-card) 70%, transparent); font-size:0.92rem; color:var(--cebc-muted) }
/* Fullscreen (TikTok-like) */
.cebc-activity .viewerOverlay{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; background: color-mix(in oklab, currentColor 12%, transparent); z-index:10000 }
.cebc-activity .viewerOverlay.open{ display:flex }
.cebc-activity .viewerDialog{ position:relative; width:min(480px, 94vw); height:100vh; background: color-mix(in oklab, currentColor 8%, transparent); border:0; border-radius:0; overflow:hidden; display:flex; flex-direction:column }
.cebc-activity .viewerHeader{ position:absolute; top:8px; left:0; right:0; display:flex; justify-content:space-between; align-items:center; padding:8px 12px; z-index:2 }
.cebc-activity .viewerHeader button{ border:0; background:rgba(255,255,255,.15); color:inherit; padding:8px 10px; border-radius:999px; cursor:pointer }
.cebc-activity .viewerStream{ flex:1; overflow:auto; scroll-snap-type:y mandatory; display:flex; flex-direction:column; align-items:center; text-align:center }
.cebc-activity .viewerSlide{ scroll-snap-align:start; min-height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:40px 20px; font-size:1.35rem; line-height:1.8; }
.cebc-activity .viewerSlide .viewerMeta{ margin-bottom:12px; font-size:14px; opacity:.7 }
.cebc-activity .viewerSlide .reply{ margin-top:12px; margin-left:0; padding:8px; border-left:0; border-radius:8px; background:rgba(0,0,0,.06); font-size:0.85rem; text-align:left; width:100%; max-width:520px }
.cebc-activity .viewerDots{ position:absolute; bottom:14px; left:0; right:0; display:flex; gap:6px; justify-content:center; }
.cebc-activity .viewerDot{ width:8px; height:8px; border-radius:999px; background:rgba(0,0,0,.2) }
.cebc-activity .viewerDot.active{ background: currentColor }
/* Responsive polish */
@media (max-width: 1200px){ .cebc-activity main{ max-width: 1000px } }
@media (max-width: 980px){ .cebc-activity main{ grid-template-columns: 1fr; gap:16px } }
@media (max-width: 640px){
  .cebc-activity .row select, .cebc-activity .row button{ width:100% }
  .cebc-activity .composer textarea{ min-height:96px }
  .cebc-activity .head{ flex-direction:column; gap:6px }
  .cebc-activity .viewerSlide{ font-size:1.1rem; padding:28px 16px }
}

/* --- General polish --- */
.cebc-activity .leftbar .panel, .cebc-activity .card, .cebc-activity .composer{
  box-shadow: 0 6px 20px rgba(0,0,0,.05);
}
.cebc-activity .search{ display:flex; gap:8px; align-items:center }
.cebc-activity .search input:focus{ outline:2px solid color-mix(in oklab, currentColor 20%, transparent); outline-offset:2px }
#cebc-searchBtn{ border:1px solid var(--cebc-line); background:color-mix(in oklab, var(--cebc-card) 70%, transparent); padding:10px 12px; border-radius:10px; cursor:pointer }
#cebc-searchBtn:hover{ transform: translateY(-1px) }
/* --- Results panel (lightweight) --- */
#cebc-results{ margin-top:8px; background: var(--cebc-card); border:1px solid var(--cebc-line); border-radius:12px; padding:8px; display:none }
#cebc-results.open{ display:block }
#cebc-results .res-item{ padding:8px 10px; border-radius:8px; cursor:pointer }
#cebc-results .res-item:hover{ background: var(--cebc-pill) }
#cebc-results .snippet{ opacity:.85; font-size:.92rem }
#cebc-results .res-related{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px }
#cebc-results .res-related .chip{ padding:6px 10px; border:1px solid var(--cebc-line); border-radius:999px; cursor:pointer }
/* --- Reactions --- */
.cebc-activity .react-bar{ display:flex; gap:6px; margin-top:8px; flex-wrap:wrap }
.cebc-activity .react{ border:1px solid var(--cebc-line); background:color-mix(in oklab, var(--cebc-card) 70%, transparent); border-radius:999px; padding:4px 8px; cursor:pointer; font-size:.95rem }
.cebc-activity .react.active{ outline:2px solid var(--cebc-brand); }
/* Replies reaction spacing */
.cebc-activity .review .reply + .react-bar{ margin-left:12px }
/* --- Who is logged in --- */
#cebc-who .who-current{ display:flex; gap:10px; align-items:center; margin:8px 0 }
#cebc-who .who-avatar{ width:28px; height:28px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:var(--cebc-pill) }
#cebc-who .who-meta .who-name{ font-weight:600 }
/* --- Viewer: colored translucent overlay, no dots --- */
.cebc-activity .viewerOverlay{ background: radial-gradient(120% 120% at 50% 0%, color-mix(in oklab, currentColor 22%, transparent), color-mix(in oklab, currentColor 34%, transparent)); backdrop-filter: blur(4px); }
.cebc-activity .viewerDialog{ background: color-mix(in oklab, var(--cebc-card) 62%, transparent); }


/* v7.2.6 overlay tint and polish */
.cebc-activity .viewerOverlay{ background: radial-gradient(120% 120% at 50% 0%, color-mix(in oklab, currentColor 22%, transparent), color-mix(in oklab, currentColor 34%, transparent)); backdrop-filter: blur(4px); }
.cebc-activity .viewerDialog{ background: color-mix(in oklab, var(--cebc-card) 62%, transparent); }
.cebc-activity .leftbar .panel, .cebc-activity .card, .cebc-activity .composer{ box-shadow: 0 6px 20px rgba(0,0,0,.05); }
.cebc-activity .search{ display:flex; gap:8px; align-items:center }
.cebc-activity .search input:focus{ outline:2px solid color-mix(in oklab, currentColor 20%, transparent); outline-offset:2px }
#cebc-results{ margin-top:8px; background: var(--cebc-card); border:1px solid var(--cebc-line); border-radius:12px; padding:8px; display:none }
#cebc-results.open{ display:block }
#cebc-results .res-item{ padding:8px 10px; border-radius:8px; cursor:pointer }
#cebc-results .res-item:hover{ background: var(--cebc-pill) }
#cebc-results .snippet{ opacity:.85; font-size:.92rem }
#cebc-results .res-related{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px }
#cebc-results .res-related .chip{ padding:6px 10px; border:1px solid var(--cebc-line); border-radius:999px; cursor:pointer }
#cebc-who .who-current{ display:flex; gap:10px; align-items:center; margin:8px 0 }
#cebc-who .who-avatar{ width:28px; height:28px; border-radius:999px; display:flex; align-items:center; justify-content:center; background:var(--cebc-pill) }
#cebc-who .who-meta .who-name{ font-weight:600 }
.cebc-activity .react-bar{ display:flex; gap:6px; margin-top:8px; flex-wrap:wrap }
.cebc-activity .react{ border:1px solid var(--cebc-line); background:color-mix(in oklab, var(--cebc-card) 70%, transparent); border-radius:999px; padding:4px 8px; cursor:pointer; font-size:.95rem }
.cebc-activity .react.active{ outline:2px solid var(--cebc-brand); }


/* --- v7.2.6 UI tweaks --- */

/* Opaque scrollable viewer */
.cebc-activity .viewerOverlay{
  background: rgba(0,0,0,0.6) !important; /* translucent backdrop */
  backdrop-filter: blur(6px) !important;
}
.cebc-activity .viewerDialog{
  background: #fff !important;
}
.cebc-activity .viewerStream{
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
}

/* Desktop popup */
@media (min-width: 768px){
  .cebc-activity .viewerOverlay{
    align-items: center !important;
    justify-content: center !important;
    padding: 32px !important;
  }
  .cebc-activity .viewerDialog{
    width: 420px !important;
    max-width: 90vw !important;
    height: 85vh !important;
    max-height: 900px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.2) !important;
  }
  .cebc-activity .viewerStream{
    height: 100% !important;
    overflow: auto !important;
  }
  .cebc-activity .viewerSlide{
    min-height: auto !important;
    padding: 28px 18px !important;
  }
}
/* Reaction count font color */
.cebc-activity .react span{ color:#000 !important; }

:root{--ig-blue:#0095f6;--ig-border:#dbdbdb;--ig-bg:#fafafa;--ig-text:#111}

/* Clarity improvements for viewer */
.cebc-activity .viewerSlide { font-size: 1.25rem; line-height: 1.7; }
.cebc-activity .viewerSlide .viewerMeta { font-size: 15px; opacity: .85; margin-bottom: 14px; }
.cebc-activity .review .by { font-weight: 600; }

/* ---- Enhancements (2025-10-04) ---- */
/* Larger byline (enlarges star glyphs too) */
.cebc-activity .review .by{ font-size: 1.15rem; display:flex; gap:.5ch; align-items:center; color: var(--cebc-ink); }
.cebc-activity .review .by .rating{ font-size: 1.2em; } /* if rating wrapped */
.cebc-activity .review .by time{ opacity:.7; }
/* Dividers between reviews */
.cebc-activity .reviews .review + .review{ border-top: 1px solid var(--cebc-line); margin-top: 14px; padding-top: 14px; }
/* Theme hooks: Adjust these to match your theme */
.cebc-activity{ --cebc-ink: var(--wp--preset--color--foreground, #111); --cebc-brand: var(--wp--preset--color--primary, currentColor); }


/* CEBC viewer quote & actions styles */
.cebc-activity .viewerSlide blockquote.best-quote{
  font-size: 1.1rem;
  line-height: 1.7;
  margin: 10px 0 14px;
  padding: 12px 14px;
  border-left: 4px solid color-mix(in oklab, currentColor 40%, transparent);
  background: color-mix(in oklab, currentColor 8%, transparent);
  border-radius: 10px;
}
.cebc-activity .viewerBody blockquote{
  margin: 10px 0; padding: 10px 14px; border-left: 3px solid var(--cebc-line); background: color-mix(in oklab, currentColor 6%, transparent); border-radius: 8px;
}
.cebc-activity .viewerActions{
  display:flex; gap:8px; align-items:center; margin: 10px 0 4px;
  position: sticky; top: 8px; padding: 6px 0;
}
.cebc-activity .viewerActions button{
  border:1px solid var(--cebc-line);
  background: var(--cebc-pill);
  padding: 6px 10px; border-radius: 10px; font-size: .9rem; cursor:pointer;
}
.cebc-activity .viewerActions[data-flash="Copied!"]::after{
  content: "Copied!";
  margin-left: 8px; font-size: .85rem; opacity: .75;
}
.cebc-activity .viewerDot{ width: 12px; height: 12px; border: 0; cursor:pointer; }


/* Footer search at bottom */
.cebc-activity footer{ margin-top: 24px; }


/* --- Mobile: show Books card (leftbar) at the top --- */
@media (max-width: 980px){
  .cebc-activity main{ display:flex !important; flex-direction:column !important; }
  .cebc-activity .leftbar{ order:-1 !important; }
}


/* === Global star style & hover === */
.star { color: gold !important; font-size: 14px; margin-right: 1px; }
.cebc-activity .rate span { color: gold !important; font-size: 14px; margin-right: 1px; transition: color .15s ease-in-out; }
.cebc-activity .rate label:hover span { color: darkorange !important; cursor: pointer; }
.cebc-activity .review .by .stars { color: gold !important; }


/* Hide tag pills above posts */
.head .tags, .card .head .tags { display: none !important; }

/* Style for tiny edit/delete controls */
.cebc-delete-wrap.tiny-below, .cebc-edit-wrap.small-inline {
  font-size: 0.75em;
  opacity: 0.7;
  margin-top: 0.25em;
}
.cebc-delete-wrap.tiny-below a, .cebc-edit-wrap.small-inline a {
  color: #888;
  text-decoration: none;
}
.cebc-delete-wrap.tiny-below a:hover, .cebc-edit-wrap.small-inline a:hover {
  text-decoration: underline;
  color: #444;
}

/* Inline placement for edit/delete controls in post header */
.inline-controls {
  display: inline;
  margin-left: 0.5em;
  font-size: 0.75em;
  opacity: 0.6;
}
.inline-controls a {
  color: #777;
  text-decoration: none;
}
.inline-controls a:hover {
  color: #333;
  text-decoration: underline;
}

/* Rating select styling */
#cebc-composeForm select[name="cebc_rating"] {
  min-width: 10rem;
  font-size: 0.95em;
}

/* Smaller username display like X.com */
.user-name-line, .by { font-size: 0.9em; }
.real-name { font-weight: 600; margin-right: 0.25em; }
.handle { color: #666; font-size: 0.85em; }


/* ===== CEBC Desktop Uniformity Fixes (v7.2.10d UPG) =====
   Ensure composer rows are full-width and stack labels/controls.
   Place the Post button BELOW the Best quote textarea.
   Make Best quote textarea same visual height as review. */
#cebc-composeForm .row{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:10px;
}
#cebc-composeForm textarea,
#cebc-composeForm select,
#cebc-composeForm input[type="text"]{
  width:100%;
}
/* Give both textareas the same comfortable minimum height */
#cebc-composeForm textarea[name="activity_content"],
#cebc-composeForm #cebc_best_quote{
  min-height:140px;
  line-height:1.4;
  border-radius:12px;
}
/* Post button always below and aligned to the right on desktop */
#cebc-composeForm > .primary{
  display:block;
  margin-top:12px;
  margin-left:auto;
}
@media (max-width: 980px){
  #cebc-composeForm > .primary{ width:100%; }
}
/* ======================================================== */


/* === Review card accessibility & polish (patch) === */

.sr-only{
  position:absolute!important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,1px,1px); white-space:nowrap; border:0;
}
.cebc-activity .review{
  border:1px solid var(--cebc-line);
  border-radius:12px;
  padding:12px;
  background: var(--cebc-card);
  transition: box-shadow .15s ease, border-color .15s ease, transform .05s ease;
}
.cebc-activity .review:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  border-color: color-mix(in oklab, currentColor 22%, transparent);
}
.cebc-activity .review:focus{
  outline: 0;
  border-color: color-mix(in oklab, currentColor 35%, transparent);
  box-shadow: 0 0 0 3px color-mix(in oklab, currentColor 22%, transparent);
}
.cebc-activity .review .by{
  display:flex; gap:.75rem; align-items:center;
  color: var(--cebc-muted);
  font-size: 0.95rem;
}
.cebc-activity .review .rating .stars{ letter-spacing: .05em; }
.cebc-activity .review .content{ margin-top: 6px; line-height: 1.6; }
.cebc-activity blockquote.best-quote{
  margin: 8px 0 0; padding: 8px 12px;
  border-left: 4px solid color-mix(in oklab, currentColor 30%, transparent);
  background: color-mix(in oklab, currentColor 6%, transparent);
  border-radius: 8px;
  font-style: italic;
}
.cebc-activity .copy-link{
  margin-left:auto;
  border:1px solid var(--cebc-line);
  background: var(--cebc-pill);
  padding:4px 8px; border-radius:999px; cursor:pointer;
}
.cebc-activity .copy-link:focus{ outline:2px solid color-mix(in oklab, currentColor 25%, transparent); outline-offset:2px; }


/* === Mobile Overflow Hardening (2025-10) ===
   Ensures long paragraphs, links, usernames, or unbroken strings wrap safely on small screens.
   Also removes accidental fixed heights and hidden overflow in content blocks. */
@media (max-width: 768px){
  .cebc-activity,
  .cebc-activity *{
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  /* Primary text containers */
  .cebc-activity .review,
  .cebc-activity .review .content,
  .cebc-activity .excerpt,
  .cebc-activity .comment,
  .cebc-activity .note,
  .cebc-activity .card,
  .cebc-activity .card .content,
  .cebc-activity .composer textarea{
    white-space: normal !important;
    overflow: visible !important;
    max-width: 100% !important;
  }

  /* Avoid fixed heights that can cause clipping on mobile */
  .cebc-activity [style*="height:"],
  .cebc-activity .viewerSlide,
  .cebc-activity .review{
    height: auto !important;
    min-height: 0 !important;
  }

  /* Images and embeds scale to container */
  .cebc-activity img,
  .cebc-activity iframe,
  .cebc-activity video{
    max-width: 100% !important;
    height: auto !important;
  }

  /* Prevent layout shift from long book titles or ratings line */
  .cebc-activity .header,
  .cebc-activity .bar,
  .cebc-activity .meta{
    flex-wrap: wrap;
    min-width: 0;
  }

  /* Cards should never let content spill horizontally */
  .cebc-activity .wrap,
  .cebc-activity main,
  .cebc-activity section{
    overflow-x: hidden;
  }
}



/* === Username Visibility Patch (2025-10) ===
   Removes real name and keeps only the @mention handle for user identity in reviews. */
.cebc-activity .real-name {
  display: none !important;
}
.cebc-activity .handle {
  display: inline !important;
  opacity: 1 !important;
  font-weight: 500 !important;
}



/* === Rating Layout Update (2025-10) ===
   Moves rating stars to a new line below the user handle and above the review content.
   Ensures left alignment and spacing consistency. */
.cebc-activity .review .by {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 2px !important;
}
.cebc-activity .review .by .stars {
  order: 2 !important;
  margin-top: 2px !important;
  display: inline-block !important;
}
.cebc-activity .review .by time {
  order: 3 !important;
  margin-left: 0 !important;
  opacity: 0.75 !important;
  font-size: 0.85em !important;
}
.cebc-activity .review .content {
  margin-top: 8px !important;
}



/* === Rating & Time Layout Update (2025-10) ===
   Keeps time inline with @mention, but moves rating stars below both,
   left-aligned above the review text for cleaner hierarchy. */
.cebc-activity .review .by {
  flex-direction: row !important;
  align-items: center !important;
  gap: 0.4em !important;
}
.cebc-activity .review .by .stars {
  display: block !important;
  margin-top: 4px !important;
  margin-left: 0 !important;
  order: 3 !important;
  width: 100% !important;
  text-align: left !important;
}
.cebc-activity .review .by time {
  opacity: 0.7 !important;
  font-size: 0.85em !important;
  margin-left: auto !important;
}



/* === Final Layout: Handle + Time inline; Stars below (2025-10) === */
.cebc-activity .review .by{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:.5em !important;
  flex-wrap:wrap;
}
/* Keep time inline with @mention (no reordering, no forced right-align) */
.cebc-activity .review .by time{
  order:0 !important;
  margin-left:0 !important;
  opacity:.75;
  font-size:.9em;
}

/* Drop stars to their own line, left-aligned, directly above the review text */
.cebc-activity .review .stars,
.cebc-activity .review .rating,
.cebc-activity .review .rate{
  display:block !important;
  order:unset !important;
  width:100% !important;
  margin-top:4px !important;
  text-align:left !important;
}

/* Ensure the review body sits nicely below the stars */
.cebc-activity .review .content{
  margin-top:8px !important;
}