/*
Theme Name: Metodicka Prirucka
Theme URI: https://raabe.sk
Author: the WordPress team
Author URI: https://wordpress.org
Description: Metodicka Prirucka by Kamal
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metodicka_prirucka
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

.menu-icon-capital{
    color:red;
}



.my-custom-title {
    font-weight: bold;
    font-size: 30px;
    color:#ff0000;
}

.my-custom-sub-title {
    font-weight: bold;
    font-size: 20px;
    padding: 10px 0px;
    display: inline-block;
}

/*  HTML Formating Editor */
.my-custom-highlight {
    background-color: #fffbcc;
    padding: 0 2px;
    border: 1px dashed #e0c200;
    color:#ffffff;
}

/* Red text */
.my-red-text {
    color: red;
    font-weight: bold;
}

/* Small note */
.my-small-note {
    font-size: 12px;
    color: #666;
    font-style: italic;
}


.my-rounded-block {
    
    /* color: #b15959; */
    /* background-color: rgb(164, 230, 208); */
    text-align: justify;
    padding:5px;
    color: #fff;
}

.my-custom-numbering {
    /* background-color: rgb(164, 230, 208); */
    font-weight: bold;
    text-align: justify;
    margin: 4px;
    color: #ffffff;
    border-radius: 50%;
    min-width: 25px;
    display: inline-block;
    text-align: center;
}


/*  --------------------------------------------- */
/*  page formating... */


/* ===========================
   General layout for template
   =========================== */


   .my-featured-image{
    text-align: center;
   }

.two-column-template {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

/* Title / intro styling (optional) */
.two-column-header {
    margin-bottom: 20px;
}

.two-column-title {
    margin: 0 0 10px;
}

.two-column-intro {
    font-size: 0.95em;
    color: #555;
}

/* ===========================
   Two-column content layout
   =========================== */

.two-column-content .two-columns {
    column-count: 2;
    column-gap: 40px;             /* space between columns */
    column-rule: 1px solid #ddd;  /* vertical line between columns (optional) */
    widows: 2;
    orphans: 2;
}

/* Paragraph spacing inside columns */
.two-column-content .two-columns p {
    margin: 0 0 1em;
}

/* Lists inside columns */
.two-column-content .two-columns ul,
.two-column-content .two-columns ol {
    margin: 0 0 1em 1.2em;
    padding: 0;
}

/* Headings inside columns */
.two-column-content .two-columns h2,
.two-column-content .two-columns h3,
.two-column-content .two-columns h4 {
    break-after: avoid;
    break-inside: avoid;
    margin-top: 1em;
    margin-bottom: 0.4em;
}

/* Images behave nicely in columns */
.two-column-content .two-columns img {
    max-width: 100%;
    height: auto;
    break-inside: avoid;
    display: block;
    margin: 0 auto 1em;
}

/* Tables in columns */
.two-column-content .two-columns table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1em;
    break-inside: avoid;
}

.two-column-content .two-columns th,
.two-column-content .two-columns td {
    border: 1px solid #ccc;
    padding: 4px 6px;
    font-size: 0.9em;
}

/* ===========================
   Print styles (A4)
   =========================== */

@media print {

    /* Set the physical paper size to A4 */
    @page {
        size: A4 portrait; /* or 'A4 landscape' if you prefer */
        margin: 10mm 10mm 15mm 10mm; /* top, right, bottom, left */
    }

    /* Remove browser default margins */
    html, body {
        padding: 0;
        margin: 0;
    }

    /* Use full width of page */
    .two-column-template {
        max-width: 100%;
        padding: 0;
        margin: 0;
    }

    /* Two-column layout optimized for print */
    .two-column-content .two-columns {
        column-count: 2;
        column-gap: 15mm;         /* smaller gap on paper */
        column-rule: none;        /* often nicer without line in PDF */
        font-size: 11pt;
        line-height: 1.4;
    }

    
    h1 {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    /* Avoid breaking important blocks across page breaks */
    .two-column-content .two-columns h1,
    .two-column-content .two-columns h2,
    .two-column-content .two-columns h3,
    .two-column-content .two-columns h4,
    .two-column-content .two-columns img,
    .two-column-content .two-columns table {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    

    /* Optional: hide site chrome for clean print */
    .site-header,
    .site-footer,
    nav,
    .sidebar {
        display: none !important;
    }

    /* Links without ugly URLs appended */
    a[href]:after {
        content: "";
    }
}