/* TRB 12.23 — WordPress-like menu builder, scoped to the Menu page. */
.admin-ui-v3 .trb-mb {font-size:13px;color:#243246;max-width:1180px;padding-bottom:30px}
.admin-ui-v3 .trb-mb *{box-sizing:border-box}
.admin-ui-v3 .trb-mb [hidden]{display:none!important}
.admin-ui-v3 .trb-mb-title{max-width:1180px}
.admin-ui-v3 .trb-mb h2{margin:0;color:#1a2639;font-size:17px;font-weight:700;letter-spacing:-.02em}
.admin-ui-v3 .trb-mb button{cursor:pointer;font-weight:650;transition:background .15s,border-color .15s}
.admin-ui-v3 .trb-mb input,.admin-ui-v3 .trb-mb select,.admin-ui-v3 .trb-mb textarea{font:inherit;color:#273449;background:#fff;outline:0;border:1px solid #d5dce6;border-radius:6px;box-shadow:none;min-height:37px;padding:8px 10px;max-width:100%}
.admin-ui-v3 .trb-mb :is(input,select,textarea):focus{border-color:#ff6b31;box-shadow:0 0 0 3px #ff6b311a}
.admin-ui-v3 .trb-mb label{font-size:12px;color:#344257}
.admin-ui-v3 .trb-mb-select{border:1px solid #e0e6ef;background:#fff;border-radius:9px;padding:15px 18px;margin:15px 0 22px}
.admin-ui-v3 .trb-mb-row,.admin-ui-v3 .trb-mb-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.admin-ui-v3 .trb-mb-pick select{width:240px;min-height:38px}
.admin-ui-v3 .trb-mb-pick>button,.admin-ui-v3 .trb-mb-tools button{border:1px solid #cdd7e4;padding:10px 13px;border-radius:6px;color:#18466f;background:#fff}
.admin-ui-v3 .trb-mb-link{border:0;background:none;color:#115889;text-decoration:underline;font-size:12px;padding:8px 0}
.admin-ui-v3 .trb-mb-create{margin-top:12px;display:flex;gap:8px;align-items:center}
.admin-ui-v3 .trb-mb-create input{width:300px}
.admin-ui-v3 .trb-mb-create button,.admin-ui-v3 .trb-mb-page-form button,.admin-ui-v3 .trb-mb-custom>button{border:0;border-radius:6px;background:#07366d;color:#fff;padding:11px 14px;font-size:11px}
.admin-ui-v3 .trb-mb-columns{display:grid;grid-template-columns:minmax(240px,32%) minmax(0,1fr);gap:26px;align-items:start}
.admin-ui-v3 .trb-mb-source{min-width:0}
.admin-ui-v3 .trb-mb-source>h2{font-size:14px;padding:4px 0 11px}
.admin-ui-v3 .trb-mb-source-group{margin:0 0 11px;border:1px solid #dfe5ee;border-radius:7px;background:#fff;overflow:hidden}
.admin-ui-v3 .trb-mb-source-group>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:13px;font-weight:700;padding:13px 14px;list-style:none;background:#f8fafc;user-select:none}
.admin-ui-v3 .trb-mb-source-group>summary::-webkit-details-marker{display:none}
.admin-ui-v3 .trb-mb-source-group[open]>summary{background:#fff;border-bottom:1px solid #e1e7ef}
.admin-ui-v3 .trb-mb-source-group>summary span{color:#7f8b99;transition:transform .15s}
.admin-ui-v3 .trb-mb-source-group[open]>summary span{transform:rotate(180deg)}
.admin-ui-v3 .trb-mb-source-content{padding:13px 13px 12px}
.admin-ui-v3 .trb-mb-search input{display:block;width:100%;height:36px;margin-bottom:11px}
.admin-ui-v3 .trb-mb-options{max-height:215px;overflow:auto;border:1px solid #e5eaf1;border-radius:6px;padding:5px 3px;scrollbar-color:#dce3ec transparent;scrollbar-width:thin}
.admin-ui-v3 .trb-mb-option{display:flex;gap:9px;align-items:flex-start;margin:0;padding:7px 9px;font-size:12px;color:#26354a;cursor:pointer;line-height:1.4}
.admin-ui-v3 .trb-mb-option:hover{background:#f4f7fb}
.admin-ui-v3 .trb-mb-option input[type=checkbox],.admin-ui-v3 .trb-mb-check input[type=checkbox]{appearance:auto;min-height:0;width:15px;height:15px;padding:0;margin:2px 0 0;flex:0 0 15px;accent-color:#ff4b0b}
.admin-ui-v3 .trb-mb-option span{word-break:break-word}
.admin-ui-v3 .trb-mb-action{display:flex;justify-content:flex-end;margin-top:12px}
.admin-ui-v3 .trb-mb-action>button{background:#f5f8fb;color:#143f70;border:1px solid #c5d5e6;border-radius:6px;padding:9px 12px;font-size:11px}
.admin-ui-v3 .trb-mb-action>button:hover{background:#eaf2fa}
.admin-ui-v3 .trb-mb-custom label,.admin-ui-v3 .trb-mb-page-form>label{display:block;margin-bottom:10px}
.admin-ui-v3 .trb-mb-custom label>input,.admin-ui-v3 .trb-mb-page-form :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;margin-top:5px}
.admin-ui-v3 .trb-mb-page-form textarea{resize:vertical;line-height:1.6}
.admin-ui-v3 .trb-mb-hint{font-size:11px;color:#768496;line-height:1.6}
.admin-ui-v3 .trb-mb-structure{min-width:0}
.admin-ui-v3 .trb-mb-structure-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:18px}
.admin-ui-v3 .trb-mb-structure-head p{margin:6px 0;color:#6c7b8c;font-size:12px;line-height:1.6}
.admin-ui-v3 .trb-mb-assigned{color:#096748;font-size:10px;font-weight:750;background:#e9f8f0;border-radius:30px;padding:7px 10px;white-space:nowrap}
.admin-ui-v3 .trb-mb-save-form{border:1px solid #dee5ed;background:#fff;border-radius:8px;overflow:hidden}
.admin-ui-v3 .trb-mb-toolbar{background:#f9fbfd;border-bottom:1px solid #e1e7ef;padding:13px 17px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.admin-ui-v3 .trb-mb-toolbar>label{display:flex;align-items:center;gap:12px;font-weight:600}
.admin-ui-v3 .trb-mb-toolbar input{font-weight:650;max-width:240px;background:#f7f9fb}
.admin-ui-v3 .trb-mb-toolbar span{font-size:11px;color:#7a8696}
.admin-ui-v3 .trb-mb-sortable{list-style:none;padding:20px 16px 4px;margin:0;min-height:54px}
.admin-ui-v3 .trb-mb-item{margin:0 0 9px 0;margin-left:calc(var(--item-depth) * 29px);list-style:none;min-width:0;position:relative;border:1px solid #d6e0eb;background:#fff;border-radius:7px;box-shadow:0 1px 1px #00000006;cursor:grab;transition:border-color .13s,box-shadow .13s}
.admin-ui-v3 .trb-mb-item:hover{border-color:#aab9cc}
.admin-ui-v3 .trb-mb-item.dragging{opacity:.48;border-style:dashed}
.admin-ui-v3 .trb-mb-item.drop-before{border-top:3px solid #ff4b0b}
.admin-ui-v3 .trb-mb-item.drop-after{border-bottom:3px solid #ff4b0b}
.admin-ui-v3 .trb-mb-item-head{display:flex;align-items:center;min-height:50px;padding:0 9px 0 10px;gap:9px;cursor:default}
.admin-ui-v3 .trb-mb-handle{font-size:21px;line-height:1;color:#95a5b9;cursor:grab;touch-action:none;user-select:none}
.admin-ui-v3 .trb-mb-item-label{flex:1;min-width:0;display:grid;gap:2px}
.admin-ui-v3 .trb-mb-item-label b{font-size:12px;color:#213047;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-ui-v3 .trb-mb-item-label small{font-size:10px;color:#8b98aa}
.admin-ui-v3 .trb-mb-item.is-hidden .trb-mb-item-label b{color:#8793a2}
.admin-ui-v3 .trb-mb-item-kind{font-size:10px;color:#8b98aa;white-space:nowrap}
.admin-ui-v3 .trb-mb-expand{display:grid;place-items:center;flex:0 0 29px;height:29px;color:#708399;font-size:19px;background:#f7f9fc;border:1px solid #e7ebf0;border-radius:5px}
.admin-ui-v3 .trb-mb-expand:hover{background:#eef3f9}
.admin-ui-v3 .trb-mb-item-edit{border-top:1px solid #e5ebf2;padding:15px 16px 14px;display:grid;gap:10px;cursor:default}
.admin-ui-v3 .trb-mb-item-edit>label:not(.trb-mb-check){display:grid;gap:5px;font-size:12px}
.admin-ui-v3 .trb-mb-item-edit>label input:not([type=checkbox]){width:100%}
.admin-ui-v3 .trb-mb-check{display:flex;gap:8px;align-items:flex-start;font-size:11px}
.admin-ui-v3 .trb-mb-controls{display:flex;gap:6px;flex-wrap:wrap;padding-top:5px;border-top:1px dashed #e8edf3}
.admin-ui-v3 .trb-mb-controls button{background:#f7f9fc;border:1px solid #e0e7f0;color:#355274;padding:7px 8px;border-radius:5px;font-size:10px}
.admin-ui-v3 .trb-mb-danger{color:#b32b2b!important}
.admin-ui-v3 .trb-mb-empty{padding:0 19px 25px;color:#748295;font-size:12px}
.admin-ui-v3 .trb-mb-bottom{border-top:1px solid #e4e9ef;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f9fbfd}
.admin-ui-v3 .trb-mb-bottom b{font-size:12px}
.admin-ui-v3 .trb-mb-bottom p{font-size:11px;margin:5px 0 0;color:#758499}
.admin-ui-v3 .trb-mb-primary{border:0;border-radius:7px;background:#ff4b0b;color:white;padding:12px 21px;font-size:11px;letter-spacing:.02em;white-space:nowrap;box-shadow:0 7px 15px #ff4b0b20}
.admin-ui-v3 .trb-mb-primary:hover{background:#e93e04}
.admin-ui-v3 .trb-mb-tools{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:15px}
.admin-ui-v3 .trb-mb-tools form{display:flex;gap:7px;align-items:center}
.admin-ui-v3 .trb-mb-tools input{min-width:0;width:150px}
.admin-ui-v3 .trb-mb-tools button{font-size:11px}
@media(max-width:1020px){.admin-ui-v3 .trb-mb-columns{grid-template-columns:minmax(220px,34%) minmax(0,1fr);gap:14px}.admin-ui-v3 .trb-mb-structure-head{flex-wrap:wrap}}
@media(max-width:740px){.admin-ui-v3 .trb-mb-columns{grid-template-columns:minmax(0,1fr)}.admin-ui-v3 .trb-mb-source{order:2}.admin-ui-v3 .trb-mb-structure{order:1}.admin-ui-v3 .trb-mb-assigned{white-space:normal}.admin-ui-v3 .trb-mb-sortable{padding:13px 9px}.admin-ui-v3 .trb-mb-item{margin-left:calc(var(--item-depth)*16px)}.admin-ui-v3 .trb-mb-item-kind{display:none}.admin-ui-v3 .trb-mb-bottom{align-items:flex-start;flex-direction:column}.admin-ui-v3 .trb-mb-select{padding:11px}.admin-ui-v3 .trb-mb-pick select{width:min(100%,300px)}}
/* Storefront: less spacing between the menu items, and legible nested lists. */
.store-body .managed-menu.trb-site-menu>div{gap:0 13px}
.store-body .managed-menu.trb-site-menu :where(a,summary){font-size:12px}
.store-body .managed-menu.trb-site-menu .menu-group{position:static}
.store-body .managed-menu.trb-site-menu .trb-menu-dropdown{display:block;padding:12px 15px;left:max(12px,calc((100% - 1192px)/2));right:max(12px,calc((100% - 1192px)/2));background:#fff;color:#143e70}
.store-body .managed-menu.trb-site-menu .trb-menu-dropdown>ul{list-style:none;margin:0;padding:2px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px 13px;align-items:start}
.store-body .managed-menu.trb-site-menu .trb-menu-dropdown :is(li,ul){min-width:0}
.store-body .managed-menu.trb-site-menu .trb-menu-dropdown li{list-style:none;margin:0;padding:0}
.store-body .managed-menu.trb-site-menu .trb-menu-dropdown a{white-space:normal;min-height:35px;font-size:12px;padding:7px 9px;border-radius:5px;display:flex;align-items:center}
.store-body .managed-menu.trb-site-menu .trb-menu-dropdown a:hover{background:#edf5ff;color:#06366e}
.store-body .managed-menu.trb-site-menu .trb-menu-dropdown .menu-all{display:flex;border-bottom:1px solid #dce6f0;padding:0 9px 9px;margin-bottom:8px;font-weight:700}
.store-body .managed-menu.trb-site-menu .trb-menu-subgroup{width:100%}
.store-body .managed-menu.trb-site-menu .trb-menu-subgroup summary{display:flex;align-items:center;justify-content:space-between;min-height:35px;padding:7px 9px;font-size:12px;border-radius:6px;color:#133b6a;cursor:pointer}
.store-body .managed-menu.trb-site-menu .trb-menu-subgroup summary:hover{background:#edf5ff}
.store-body .managed-menu.trb-site-menu .trb-menu-subgroup summary span{margin-left:6px;color:#8798ac}
.store-body .managed-menu.trb-site-menu .trb-menu-subgroup[open]>summary span{transform:rotate(180deg)}
.store-body .managed-menu.trb-site-menu .trb-menu-subgroup ul{padding:0 0 0 11px;margin:0 0 4px 5px;border-left:1px solid #dee7f2;display:block}
@media(max-width:767px){.store-body .managed-menu.trb-site-menu>div{gap:0 10px}.store-body .managed-menu.trb-site-menu .trb-menu-dropdown>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.store-body .managed-menu.trb-site-menu .trb-menu-dropdown{padding:10px}.store-body .managed-menu.trb-site-menu .trb-menu-dropdown a{font-size:11px}}

/* V12.24 — Menus do topo mais próximos, sem alterar os submenus.
   O tema antigo aplicava 18px de padding em cada lado dos links,
   que somava 36px ao espaço entre as opções mesmo após reduzir o gap. */
.store-body .managed-menu.trb-site-menu > div {
    column-gap: 10px;
    row-gap: 0;
}
.store-body .managed-menu.trb-site-menu > div > a,
.store-body .managed-menu.trb-site-menu > div > .menu-group > summary {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
.store-body .managed-menu.trb-site-menu > div > .managed-menu-drawer {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
@media (max-width: 767px) {
    .store-body .managed-menu.trb-site-menu > div {
        column-gap: 9px;
    }
}

/* V12.25 — 22px entre os itens do menu acima do slide, com divisórias sutis.
   A distância efetiva é 11px de cada lado de uma linha vertical de 1px;
   a linha é apenas decorativa, não afeta cliques nem os menus suspensos. */
.store-body .managed-menu.trb-site-menu > div {
    column-gap: 0;
    row-gap: 0;
}
.store-body .managed-menu.trb-site-menu > div > :is(a, .menu-group, .managed-menu-drawer):not(:first-child) {
    margin-left: 11px;
    padding-left: 11px;
    background-image: linear-gradient(rgba(255, 255, 255, .42), rgba(255, 255, 255, .42));
    background-position: left center;
    background-size: 1px 16px;
    background-repeat: no-repeat;
}
/* No celular, o botão "Todas as categorias" não é exibido.
   O primeiro link visível não deve começar com uma divisória. */
@media (max-width: 767px) {
    .store-body .managed-menu.trb-site-menu > div {
        column-gap: 0;
    }
    .store-body .managed-menu.trb-site-menu > div > :nth-child(2) {
        margin-left: 0;
        padding-left: 0;
        background-image: none;
    }
}