/*
 * Style QD admin
 *
 * 
 */

#wp-admin-bar-wp-logo .ab-icon:before,
.wp-admin-bar-root-default .ab-item:before { 
    content:" " !important;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M42.46,35.8v-2.4c-1.5,1.85-3.58,2.88-5.87,2.88-4.81,0-8.43-3.62-8.43-9.97s3.58-10,8.43-10c2.25,0,4.37.98,5.87,2.91v-9.69h5.04v26.27h-5.04ZM42.46,22.92c-.87-1.26-2.64-2.17-4.33-2.17-2.84,0-4.81,2.25-4.81,5.55s1.97,5.51,4.81,5.51c1.69,0,3.47-.91,4.33-2.17v-6.74Z'/%3E%3Cpath class='b' d='M17.5,25.28l-2.81,2.68,3.71,4.03c-1.41.86-3.05,1.33-4.97,1.33-5.87,0-9.58-4.54-9.58-10.6s3.71-10.6,9.58-10.6,9.58,4.5,9.58,10.6c0,1.76-.32,3.38-.91,4.8l1.85,3.39c1.56-2.25,2.43-5.06,2.43-8.19,0-7.7-5.24-13.49-12.94-13.49S.5,15.02.5,22.72s5.2,13.49,12.94,13.49c2.7,0,5.08-.7,7.08-1.96l4.32,4.51-7.34-13.48Z'/%3E%3C/svg%3E");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 52px;
    height: 100%;
}
/*
 * Logo no canto superior esquerdo do editor de blocos.
 *
 * O seletor de baixo (.interface-navigable-region .editor-header__back-button)
 * parou de casar no WP 7.0: o botao segue dentro de .editor-header__back-button,
 * mas o ancestral .interface-navigable-region saiu do caminho. O seletor certo
 * e a classe do proprio botao, .edit-post-fullscreen-mode-close.
 *
 * Os dois ficam: o antigo atende sites em versoes anteriores do WordPress.
 */
.edit-post-fullscreen-mode-close:before,
.interface-navigable-region .editor-header__back-button .components-button:before {
    content:" " !important;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='a' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='b' d='M42.46,35.8v-2.4c-1.5,1.85-3.58,2.88-5.87,2.88-4.81,0-8.43-3.62-8.43-9.97s3.58-10,8.43-10c2.25,0,4.37.98,5.87,2.91v-9.69h5.04v26.27h-5.04ZM42.46,22.92c-.87-1.26-2.64-2.17-4.33-2.17-2.84,0-4.81,2.25-4.81,5.55s1.97,5.51,4.81,5.51c1.69,0,3.47-.91,4.33-2.17v-6.74Z'/%3E%3Cpath class='b' d='M17.5,25.28l-2.81,2.68,3.71,4.03c-1.41.86-3.05,1.33-4.97,1.33-5.87,0-9.58-4.54-9.58-10.6s3.71-10.6,9.58-10.6,9.58,4.5,9.58,10.6c0,1.76-.32,3.38-.91,4.8l1.85,3.39c1.56-2.25,2.43-5.06,2.43-8.19,0-7.7-5.24-13.49-12.94-13.49S.5,15.02.5,22.72s5.2,13.49,12.94,13.49c2.7,0,5.08-.7,7.08-1.96l4.32,4.51-7.34-13.48Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 40px;
    height: 36px;
}
/*
 * Esconde o logo do WordPress que vem por baixo.
 *
 * O WP 7.0 declara `display: block` no svg com dois seletores de classe, entao
 * `.edit-post-fullscreen-mode-close svg` (classe + elemento) perdia. Aqui a
 * regra dele e repetida na integra para empatar em especificidade e vencer por
 * ordem, ja que este arquivo carrega depois.
 */
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img,
.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg,
.edit-post-fullscreen-mode-close svg,
.interface-navigable-region .editor-header__back-button .components-button > svg {
    display: none;
}

/*
 * O quadrado escuro atras do logo vinha DENTRO do svg do WordPress; ao
 * esconde-lo, o fundo foi junto e o logo da QD (que e branco) ficava
 * invisivel sobre o header claro. Aqui o fundo e reposto no proprio botao.
 */
/*
 * As variaveis abaixo so existem quando o esquema de cores "QuartaDesign"
 * esta ativo (ver assets/inc/qd-admin-colors.php); ai o quadrado acompanha o
 * verde da barra do painel. Com qualquer outro esquema, cai no cinza escuro
 * do fallback, que e o que o WordPress usa.
 */
.edit-post-fullscreen-mode-close {
    background-color: var(--qd-admin-base, #1e1e1e);
}
.edit-post-fullscreen-mode-close:hover,
.edit-post-fullscreen-mode-close:focus {
    background-color: var(--qd-admin-base-hover, #2f2f2f);
}
@media (min-width:782px) { 
    #wp-admin-bar-wp-logo .ab-icon:before { 
        width: 32px;
        height: 100%;
    }
}
.cmb-type-group .cmb2-wrap>.cmb-field-list>.cmb-row, .cmb2-postbox .cmb2-wrap>.cmb-field-list>.cmb-row {
    padding: 0 1.5em;
}

/*
 * Compacta os campos do CMB2 na coluna lateral.
 *
 * O padrao do CMB2 gasta ~50px de respiro por linha (19,6px de padding em
 * cima e embaixo, mais 11,2px de margem). Com 16 campos, o metabox "Template
 * Options" passava de 2200px de altura e obrigava a rolar muito para ver o
 * conjunto — as informacoes ficavam dispersas.
 *
 * Aqui so o espacamento e reduzido; tamanhos de fonte e campos ficam como
 * estao, para nao prejudicar a leitura nem o clique.
 */
/*
 * O CMB2 define o respiro da coluna lateral com seletor de ID
 * (#side-sortables ...), entao classes sozinhas nao vencem. As regras dele
 * sao repetidas na integra aqui, so trocando os valores.
 */
#side-sortables .cmb2-wrap > .cmb-field-list > .cmb-row,
.inner-sidebar .cmb2-wrap > .cmb-field-list > .cmb-row {
    padding: 8px 0;
}
#side-sortables .cmb-row .cmb2-metabox-description,
.inner-sidebar .cmb-row .cmb2-metabox-description {
    margin-top: 2px;
    line-height: 1.4;
}
.cmb2-postbox .cmb-row {
    margin-bottom: 4px;
}
.cmb2-postbox .cmb-row .cmb-th {
    padding-bottom: 2px;
}
/* A ultima linha nao precisa de margem: a caixa ja tem o proprio respiro. */
.cmb2-postbox .cmb-row:last-of-type {
    margin-bottom: 0;
}

#the-list .featured_image img {
    max-width: 200px;;
}