/* ============================================
   MyD Delivery Pro - Print Stylesheet
   Versao para impressao do Cardapio Digital
   ============================================ */

/* -----------------------------------------
   1. OCULTAR ELEMENTOS DO PLUGIN
   ----------------------------------------- */

.myd-content-filter,
.myd-float,
.myd-checkout,
.fdm-lightbox-image,
.fdm-popup-product-init,
.myd-popup-notification,
#myd-template-loading,
.myd-product-item__divider,
.myd-product-item__not-available-overlay {
    display: none !important;
}

/* -----------------------------------------
   2. OCULTAR ELEMENTOS DO TEMA/PAGINA
   ----------------------------------------- */

/* Footer e sidebar */
.site-footer,
footer,
aside,
.sidebar,
.widget-area {
    display: none !important;
}

/* Navegacao e menu hamburguer */
.site-navigation,
.site-navigation-toggle-holder,
nav.site-navigation,
[class*="menu-toggle"],
[class*="hamburger"] {
    display: none !important;
}

/* GTranslate - seletor de idioma */
.gt_switcher_wrapper,
.gtranslate_wrapper,
[class*="gtranslate"],
.gt_switcher,
#gt-nvf-modal,
.goog-te-gadget,
.goog-te-banner-frame {
    display: none !important;
}

/* Elementor - Aberto/Fechado e icone menu lateral */
#aberto_fechado,
[data-id="aberto_fechado"],
#icone_menu_latreral,
[data-id="icone_menu_latreral"] {
    display: none !important;
}

/* Elementor - widgets de navegacao/menu no header */
.elementor-location-header .elementor-widget-nav-menu,
.elementor-location-header .elementor-widget-toggle {
    display: none !important;
}

/* URL exibida como texto por links no print */
a[href]::after {
    content: none !important;
}

/* -----------------------------------------
   3. HEADER - manter visual, ajustar para impressao
   ----------------------------------------- */

.site-header {
    position: static !important;
}

/* -----------------------------------------
   4. DESCRICAO COMPLETA (remover truncamento)
   ----------------------------------------- */

.myd-product-item__desc {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    max-height: none !important;
    overflow: visible !important;
    text-overflow: unset !important;
    white-space: normal !important;
}

/* -----------------------------------------
   5. RESET CONTAINERS - Elementor + Tema
   ----------------------------------------- */

.elementor-section,
.elementor-section-wrap,
.elementor-container,
.elementor-column,
.elementor-column-wrap,
.elementor-widget-wrap,
.elementor-widget,
.elementor-widget-container,
.elementor-element,
.elementor-inner,
.elementor-row,
.e-con,
.e-con-inner {
    display: block !important;
    overflow: visible !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    flex: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Chrome: clone do conteudo movido para body durante impressao */
#myd-print-clone {
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
    padding: 8mm 10mm 8mm 10mm !important;
    margin: 0 !important;
}

/* Primeiro titulo no clone nao precisa de padding-top (header acima) */
#myd-print-clone > .myd-product-list__title:first-child {
    padding-top: 0 !important;
}

/* Esconder wrapper original quando clone ativo */
[data-myd-print-hidden] {
    display: none !important;
}

/* -----------------------------------------
   6. LAYOUT OTIMIZADO PARA PAPEL
   ----------------------------------------- */

* {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 11pt !important;
    line-height: 1.4 !important;
}

.my-delivery-wrap {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
}

.myd-content {
    padding: 0 !important;
    margin: 0 !important;
}

.myd-products__wrapper {
    gap: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10mm 8mm 10mm !important;
    margin: 0 !important;
}

/* -----------------------------------------
   6. TITULOS DE CATEGORIA
   ----------------------------------------- */

.myd-product-list__title {
    color: #000 !important;
    font-size: 18pt !important;
    font-weight: 800 !important;
    margin: 20px 0 10px !important;
    padding: 8mm 0 8px !important;
    border-bottom: 3px solid #c0392b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    page-break-before: auto !important;
    break-before: auto !important;
    page-break-after: auto !important;
    break-after: auto !important;
}

/* -----------------------------------------
   7. CARDS DE PRODUTO
   ----------------------------------------- */

.myd-product-list,
.myd-product-list[class*="column"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: none !important;
    grid-auto-rows: auto !important;
    grid-gap: 0 !important;
    flex-grow: unset !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

.myd-product-item {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: stretch !important;
    border: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    padding: 16px 0 !important;
    min-height: auto !important;
    background: #fff !important;
    cursor: default !important;
    gap: 16px !important;
    /* Evitar corte do card entre paginas */
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    overflow: visible !important;
}

.myd-product-item__content {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    page-break-inside: avoid !important;
    break-inside: avoid !important;
}

/* Imagem nunca separada do conteudo */
.myd-product-item__img {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
    page-break-before: avoid !important;
    break-before: avoid !important;
}

.myd-product-item__title {
    color: #000 !important;
    font-size: 12pt !important;
    font-weight: 700 !important;
    margin: 0 0 5px !important;
    line-height: 1.3 !important;
}

.myd-product-item__desc {
    color: #555 !important;
    font-size: 9pt !important;
    margin: 0 0 8px !important;
    line-height: 1.45 !important;
}

.myd-product-item__price {
    color: #c0392b !important;
    font-size: 12pt !important;
    font-weight: 800 !important;
    margin-top: auto !important;
}

/* Imagem do produto */
.myd-product-item__img {
    width: 180px !important;
    min-width: 180px !important;
    height: 130px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.myd-product-item__img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.myd-product-item__not-available {
    color: #999 !important;
    font-style: italic !important;
    font-size: 8pt !important;
}

/* -----------------------------------------
   8. RODAPE COM URL DO SITE
   ----------------------------------------- */

.myd-products__wrapper::after {
    content: attr(data-site-url) !important;
    display: block !important;
    text-align: center !important;
    font-size: 9pt !important;
    color: #999 !important;
    margin-top: 20px !important;
    padding-top: 15px !important;
    border-top: none !important;
}

/* -----------------------------------------
   9. CONFIGURACAO DE PAGINA
   Margem 0 forca o navegador a nao renderizar
   cabecalho/rodape (data, URL, paginacao).
   Padding interno no body cria espacamento nas bordas.
   ----------------------------------------- */

@page {
    margin: 0;
}