/* Chiptron Projekty — bloky na webu i jejich formuláře v editoru. Barvy a písmo dědí ze šablony. */

/* Karta projektu */
.cp-card { display: flex; flex-wrap: wrap; gap: .5rem 2rem; margin: 0 0 1.5rem; padding: .75rem 1rem; border: 1px solid rgba(0,0,0,.12); }
.cp-card div { display: flex; flex-direction: column; }
.cp-card dt { font-size: .75em; text-transform: uppercase; letter-spacing: .04em; opacity: .65; }
.cp-card dd { margin: 0; font-weight: 600; }
.cp-status { display: inline-block; padding: 0 .5em; background: rgba(0,0,0,.06); }
.cp-status--funkcni, .cp-status--prodej { background: #d6f2df; }
.cp-status--prototyp { background: #fff1c7; }

/* BOM */
.cp-bom { overflow-x: auto; margin: 1rem 0 1.5rem; }
.cp-bom table { width: 100%; border-collapse: collapse; }
.cp-bom th, .cp-bom td { padding: .45rem .6rem; border-bottom: 1px solid rgba(0,0,0,.1); text-align: left; vertical-align: top; }
.cp-bom th { font-size: .8em; text-transform: uppercase; letter-spacing: .04em; opacity: .7; }
.cp-bom td:nth-child(2) { white-space: nowrap; }
.cp-bom__shops a { display: inline-block; margin: 0 .35rem .25rem 0; padding: .1rem .55rem; border: 1px solid currentColor; font-size: .9em; text-decoration: none; }
.cp-bom__note { font-size: .8em; opacity: .7; margin-top: .4rem; }

/* Odkazy a zdroje */
.cp-links { list-style: none; margin: 1rem 0 1.5rem; padding: 0; }
.cp-links__item { padding: .4rem 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.cp-links__type { display: inline-block; min-width: 8.5rem; font-size: .8em; text-transform: uppercase; letter-spacing: .04em; opacity: .65; }

/* Formuláře bloků v editoru */
.cp-ed { padding: 1rem; border: 1px dashed #a7aaad; background: #f6f7f7; font-size: 13px; }
.cp-ed__help { margin: .25rem 0 1rem; color: #50575e; }
.cp-ed-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: 0 1rem; }
.cp-ed-row { display: flex; gap: .5rem; align-items: flex-start; padding: .75rem 0; border-top: 1px solid #dcdcde; }
.cp-ed-row__main { flex: 1; }
.cp-ed-row__buttons { display: flex; flex-direction: column; padding-top: 1.4rem; }

/* Soubory ke stažení */
.cp-files { list-style: none; margin: 1rem 0 1.5rem; padding: 0; }
.cp-files__item { padding: .4rem 0; border-bottom: 1px solid rgba(0,0,0,.08); }
.cp-files__item a::before { content: "⤓ "; }
.cp-files__meta { font-size: .8em; opacity: .65; }

/* Obsah jen pro členy / tým */
.cp-locked { margin: 1rem 0 1.5rem; padding: .9rem 1rem; border: 1px solid rgba(0,0,0,.15); border-left: 4px solid #d97706; background: #fffaf2; }
.cp-locked p { margin: 0; }
.cp-restricted { margin: 1rem 0 1.5rem; padding: .25rem 0 .25rem 1rem; border-left: 4px solid #d97706; }
.cp-restricted__label { margin: 0 0 .5rem; font-size: .75em; text-transform: uppercase; letter-spacing: .04em; opacity: .65; }
.cp-files__item--locked { opacity: .75; }
.cp-files__item--locked::before { content: "🔒 "; }
.cp-ed--restricted { border-color: #d97706; background: #fffaf2; }
.cp-access__team { margin: 0 0 1rem; padding: 0; list-style: none; }
.cp-access__team li { display: flex; justify-content: space-between; align-items: center; padding: .25rem 0; border-bottom: 1px solid #dcdcde; }
.cp-access__add { display: flex; gap: .5rem; align-items: flex-end; }
.cp-access__add .components-base-control { flex: 1; margin-bottom: 0; }

/* Stránka Účet */
.cp-account { max-width: 34rem; }
.cp-account__providers { display: grid; gap: .5rem; margin: 1rem 0; }
.cp-account__or { margin: 1rem 0 .5rem; font-size: .85em; opacity: .7; }
.cp-account__form input[type=email], .cp-account__form input[type=text], .cp-account textarea { width: 100%; padding: .55rem .7rem; border: 1px solid rgba(0,0,0,.25); font: inherit; }
.cp-account__small { font-size: .85em; opacity: .75; }
.cp-account__projects { padding-left: 1.2rem; }
.cp-account__delete { margin-top: 2rem; font-size: .9em; }
.cp-button { display: inline-block; padding: .6rem 1rem; border: 1px solid #d97706; background: #d97706; color: #fff; font: inherit; font-weight: 600; text-align: center; text-decoration: none; cursor: pointer; }
.cp-button:hover, .cp-button:focus-visible { background: #b45309; border-color: #b45309; color: #fff; }
.cp-button--google, .cp-button--github { background: #fff; color: inherit; border-color: rgba(0,0,0,.25); }
.cp-button--google:hover, .cp-button--github:hover { background: #f6f7f7; color: inherit; border-color: rgba(0,0,0,.4); }
.cp-button--danger { background: #b32d2e; border-color: #b32d2e; }
.cp-notice { padding: .7rem 1rem; border-left: 4px solid #d97706; background: #fffaf2; }
.cp-notice--error { border-left-color: #b32d2e; background: #fcf0f1; }
.cp-hp { position: absolute; left: -9999px; }

/* Sledovat / Líbí se mi (tlačítka v Bricks s data-cp-react) */
[data-cp-react] { cursor: pointer; }
[data-cp-react][aria-busy="true"] { opacity: .6; }
[data-cp-react][data-cp-active="1"] { background: var(--primary, #da6328); border-color: var(--primary, #da6328); color: #fff; }

/* Nahlásit */
.cp-report-link { margin-left: .5em; font-size: .85em; opacity: .7; }
.cp-dialog { max-width: 28rem; padding: 1.25rem 1.5rem; border: 1px solid rgba(0,0,0,.2); }
.cp-dialog::backdrop { background: rgba(0,0,0,.45); }
.cp-dialog h3 { margin-top: 0; }
.cp-dialog label { display: block; margin: .35rem 0; }
.cp-dialog textarea { width: 100%; padding: .5rem; border: 1px solid rgba(0,0,0,.25); font: inherit; }
.cp-button--light { background: #fff; color: inherit; border-color: rgba(0,0,0,.25); }

/* Kód z GitHubu */
.cp-gh { margin: 1rem 0 1.5rem; border: 1px solid #313244; background: #1e1e2e; color: #cdd6f4; font-size: .9em; }
.cp-gh a { color: #f5c2a8; }
.cp-gh__head, .cp-gh__bar { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .25rem 1rem; padding: .5rem .9rem; background: #181825; border-bottom: 1px solid #313244; }
.cp-gh__repo { font-weight: 600; }
.cp-gh__meta, .cp-gh__bar { font-size: .85em; opacity: .85; }
.cp-gh__tabs { display: flex; flex-wrap: wrap; background: #181825; border-bottom: 1px solid #313244; }
.cp-gh__tab { padding: .45rem .9rem; border: 0; border-right: 1px solid #313244; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.cp-gh__tab[aria-selected="true"] { background: #1e1e2e; color: #fff; }
.cp-gh__code { margin: 0; padding: .9rem; overflow: auto; background: transparent; color: inherit; font-size: .9em; line-height: 1.5; }
.cp-gh__code.is-collapsed { max-height: calc(var(--cp-gh-lines, 40) * 1.5em + 1.8rem); overflow: hidden; -webkit-mask-image: linear-gradient(#000 80%, transparent); mask-image: linear-gradient(#000 80%, transparent); }
.cp-gh__copy, .cp-gh__expand { border: 1px solid #45475a; background: transparent; color: inherit; font: inherit; font-size: .85em; cursor: pointer; padding: .15rem .6rem; }
.cp-gh__expand { display: block; width: 100%; border-width: 1px 0 0; padding: .5rem; }
.cp-gh__error { padding: .9rem; margin: 0; }