/* CSS Document */

*{
	FONT-FAMILY: Times New Roman; 
	
}
.oblast_zaglavlja{
	display:none;
}
.oblast_menija{
	display:none;
}
.oblast_sadrzaja{
	display:block;
}
.katalogBocna{
	display:none;
}
.oblast_futera{
	display:none;
}
#toolBox{
	display:none;
}

/* ==========================================================================
   HERZ-ARMATUREN.AT - UNIVERSAL MASTER PRINT STYLESHEET
   Supports: Catalogue Products, CMS Pages, Job Listings, News & Downloads
   ========================================================================== */

@media print {

  /* -----------------------------------------------------------------------
     1. Page Setup & Document Canvas
     ----------------------------------------------------------------------- */
  @page {
    size: A4 portrait;
    margin: 12mm 15mm 15mm 15mm;
  }

  *, *::before, *::after {
    box-sizing: border-box !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html, body {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    color: #111111 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 10pt !important;
    line-height: 1.4 !important;
  }

  /* -----------------------------------------------------------------------
     2. Strict Exclusion List (Hides Unnecessary Web UI Elements)
     ----------------------------------------------------------------------- */
  #cookiesMessage,
  .oblast_zaglavlja,
  .glavni_meni,
  .meni_jezici,
  .searchIconHeader,
  .meni-on,
  .catalog_search,
  .top_baner,
  #jssor2_container,
  .katalog_navigacija,
  .sideCatNav,
  .flyOutMenu,
  .oblast_futera,
  .CatTrackNav,
  .toggleStrelica,
  .breakingNews,
  #coll_left,
  #coll_right {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /* -----------------------------------------------------------------------
     3. Container Geometry & Layout Unification
     ----------------------------------------------------------------------- */
  .oblast_strane {
    margin-top: 0 !important;
    padding-top: 0 !important;
    width: 100% !important;
    position: static !important;
    overflow: visible !important;
  }

  .oblast_sadrzaja,
  .oblast_kataloga,
  .katalog_prikaz,
  #coll_middle,
  .pageBody,
  .kontakt {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    display: block !important;
    overflow: visible !important;
  }

  /* Professional Printable Header */
  .oblast_sadrzaja::before {
    content: "HERZ Armaturen GmbH";
    display: block;
    font-size: 14pt;
    font-weight: bold;
    color: #b30000;
    border-bottom: 2px solid #b30000;
    padding-bottom: 4px;
    margin-bottom: 15px;
  }

  /* -----------------------------------------------------------------------
     4. Universal Image & Media Scaling (Fixes Overflowing Banners)
     ----------------------------------------------------------------------- */
  img, svg, video, iframe {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 10px auto !important;
    float: none !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  /* Neutralize inline floated images from CMS content */
  .floatLeft, 
  .floatRight, 
  .onama-slika, 
  .onama-slika-desno,
  .slika-fullSize {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 10px 0 !important;
    clear: both !important;
  }

  /* -----------------------------------------------------------------------
     5. CMS Pages & Job Listings Formatting (/jobs/, /page/)
     ----------------------------------------------------------------------- */
  h1.pageTitle {
    font-size: 16pt !important;
    color: #b30000 !important;
    margin-bottom: 12px !important;
    page-break-after: avoid;
    break-after: avoid;
  }

  .pageBody h2, .pageBody h3, .pageBody h4 {
    color: #222222 !important;
    margin-top: 12px !important;
    margin-bottom: 6px !important;
    page-break-after: avoid;
    break-after: avoid;
  }

  .pageBody p {
    margin-bottom: 8px !important;
    text-align: justify !important;
    orphans: 3;
    widows: 3;
  }

  /* Career / Job Items List (.pages) */
  ul.pages {
    list-style: none !important;
    padding: 0 !important;
    margin: 15px 0 !important;
  }

  ul.pages li {
    padding: 8px 10px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  ul.pages li h2 {
    font-size: 11pt !important;
    margin: 0 !important;
  }

  ul.pages li a {
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: bold !important;
  }

  /* -----------------------------------------------------------------------
     6. Catalogue Product Sheet Layout (.proizvod & .articleTable)
     ----------------------------------------------------------------------- */
  .proizvod {
    display: flex !important;
    flex-direction: row !important;
    gap: 20px !important;
    margin-bottom: 20px !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .prodSlika {
    width: 30% !important;
    float: none !important;
  }

  .prodOpis {
    width: 70% !important;
    float: none !important;
  }

  .prodOpis h1 {
    font-size: 16pt !important;
    color: #b30000 !important;
  }

  .prodOpis h2 {
    font-size: 12pt !important;
    color: #333333 !important;
  }

  /* Article Variant Tables */
  table.articleTable {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  table.articleTable thead {
    display: table-header-group;
  }

  table.articleTable tr {
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }

  table.articleTable th,
  table.articleTable td {
    border: 1px solid #cccccc !important;
    padding: 5px 8px !important;
    font-size: 9pt !important;
    text-align: left !important;
  }

  table.articleTable th {
    background-color: #f2f2f2 !important;
    color: #000000 !important;
    font-weight: bold !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Expand Collapsible Downloads List */
  .prodDocsList ul.toggleLayout {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
  }

  .prodDocsList li a {
    color: #000000 !important;
    text-decoration: none !important;
    font-size: 9pt !important;
  }
}