/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.15.1764524265
Updated: 2025-11-30 18:37:45

*/
body.page-id-197 main#main, 
body.page-id-232 main#main,
body.page-id-258 main#main
{
    padding-bottom: 60px;
}
.ast-site-title-wrap {
    display:    none;
}
.site-logo-img img {
    width: 170px;
    height: auto;
}
.colorWhite, .colorWhite h1, .colorWhite h2, .colorWhite h3, .colorWhite h4, .colorWhite p {
    color:  #fff;
}
.vc_btn3-container a {
    text-decoration:    none !important;
}

.headerMain {
    color:  #fff;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    text-align: center;
    padding-bottom:    50px;
}
.headerMain p {
    text-align: center;
    max-width:  600px;
    color:  #acacac;
    margin: 0 auto;
}
.headerMain .topSmallText {
    text-transform: uppercase;
    letter-spacing: 5px;
    color:  #acacac;
    font-size:  80%;
    margin-bottom:  0;
}
.headerMain h2 {
    color:  #fff;
    font-weight:    500;
    font-size: 350%;
    line-height: 1;
}
.headerMain h2 strong {
    font-weight:    800;
}



.cta-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    padding: 14px 32px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 20px rgba(99, 102, 241, 0.4);
    z-index: 1;
    text-decoration: none !important;
}
.cta-button:hover {
    color: #ffffff;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(99, 102, 241, 0.5);
}
.cta-glow {
    position: absolute;
    inset: -8px;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);
    border-radius: 60px;
    filter: blur(20px);
    opacity: 0.5;
    animation: ctaPulse 2s ease-in-out infinite;
}
.cta-wrapper {
    position: relative;
    display: inline-block;
    margin-top: 40px;
}
.cta-button svg {
    width: 18px;
    height: 18px;
}






        /* AI Skilling Logo */
        .logo-container {
            position: relative;
            display: inline-flex;
        }

        .logo-glow {
            position: absolute;
            inset: -8px;
            border-radius: 16px;
            background: conic-gradient(
                from var(--logo-glow-angle, 0deg),
                rgba(188, 20, 62, 0.3) 0deg,
                rgba(188, 20, 62, 0.15) 40deg,
                transparent 80deg,
                transparent 280deg,
                rgba(80, 140, 255, 0.15) 320deg,
                rgba(100, 160, 255, 0.3) 360deg
            );
            filter: blur(12px);
            animation: logoGlowRotate 5s linear infinite, logoGlowPulse 3s ease-in-out infinite;
        }

        @property --logo-glow-angle {
            syntax: '<angle>';
            initial-value: 0deg;
            inherits: false;
        }

        @keyframes logoGlowRotate {
            to { --logo-glow-angle: 360deg; }
        }

        @keyframes logoGlowPulse {
            0%, 100% { opacity: 0.6; }
            50% { opacity: 1; }
        }

        .logo-border {
            position: absolute;
            inset: -2px;
            border-radius: 14px;
            background: conic-gradient(
                from var(--logo-border-angle, 0deg),
                #bc143e 0deg,
                #d4365a 30deg,
                rgba(200, 200, 200, 0.3) 60deg,
                rgba(200, 200, 200, 0.1) 90deg,
                transparent 120deg,
                transparent 240deg,
                rgba(200, 200, 200, 0.1) 270deg,
                rgba(200, 200, 200, 0.3) 300deg,
                #5090ff 330deg,
                #60a0ff 360deg
            );
            animation: logoBorderRotate 5s linear infinite;
        }

        @property --logo-border-angle {
            syntax: '<angle>';
            initial-value: 0deg;
            inherits: false;
        }

        @keyframes logoBorderRotate {
            to { --logo-border-angle: 360deg; }
        }

        .logo-box {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 0;
            background: #f8fafc;
            border-radius: 12px;
            padding: 8px 16px 8px 8px;
            z-index: 1;
        }

        .logo-ai {
            background: #4a90e2;
            color: #ffffff;
            font-size: 18px;
            font-weight: 500;
            padding: 6px 12px;
            border-radius: 8px;
            margin-right: 8px;
        }

        .logo-skilling {
            font-size: 20px;
            font-weight: 500;
            color: #4a90e2;
            letter-spacing: -0.3px;
        }
        h3.section-title {
            text-align: center;
            line-height: 100%;
        }





.headBlocks {    
    margin-top: -40px;
}
.headBlocks * {
    margin-bottom:  0 !important;
}
.headBlocks .vc_column-inner > .wpb_wrapper {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding: 0 20px;
    position: relative;
    z-index: 20;
    flex-wrap: wrap;
}
.headBlocks .vc_row.wpb_row.vc_inner.vc_row-fluid {
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 0px;
    margin: 0;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.headBlocks .vc_row.wpb_row.vc_inner.vc_row-fluid p {
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    color: #6b7280;
    padding-top:    8px;
}
.headBlocks .vc_row.wpb_row.vc_inner.vc_row-fluid p strong {
    font-size: 15px;
    font-weight: 700;
    color: #0a0a0f;
}




.infoBlock {
    background: #ffffff;
    border-radius: 16px;
    padding: 25px 5px;
    margin-bottom:  25px;
    display: flex;
    align-items: flex-start;
    gap: 0px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}
.infoTextBlock {
    background: #ffffff;
    border-radius: 16px;
    padding: 45px 25px;
    margin-bottom:  15px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
}
.infoTextBlock.margin0 {
    padding: 15px;
}
.infoTextBlock.margin0 .wpb_text_column {
    margin-bottom:   0;
}

.infoBlock:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}
.infoBlock .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.infoBlock .vc_column-inner > .wpb_wrapper > .wpb_text_column.iconNum {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f0f7ff;
    color: #3b82f6;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.infoBlock .vc_column-inner > .wpb_wrapper > .wpb_text_column:not(.iconNum) {
    flex: 1;
    margin-bottom:  0;
}
.infoBlock h4 {
    font-size: 110%;
    margin-bottom:  0;
}
.infoBlock h5 {
    padding:    0;
    margin: 0;
    float:  right;
    margin-top: -17px;
    padding-right:  10px;
    font-size:  90%;
    font-weight:    bold;
    color:  #3b82f6;
}
.infoBlock p {
    font-size: 100%;
    margin-bottom:  0;
}
.infoBlock ul {
    font-size: 80%;
    display: flex;
    gap: 20px; /* rozestupy mezi položkami */
    padding-left: 20px; /* aby měly kde vzniknout tečky */
    margin-bottom:  0;
}
.infoBlock ul li {
    padding-right: 25px;
}
/* Na mobilech přepnout na sloupec */
@media (max-width: 600px) {
    .infoBlock ul {
        flex-direction: column;
        gap: 10px;
    }
    .infoBlock h5 {
        float:  none;
        margin-top: 5px;
        margin-bottom: 15px;
        padding-right:  0px;
    }
}





.tools-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 15px;
}
.tool-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: #f8fafc;
    border-radius: 10px;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.tool-item:hover {
    background: #f0f4ff;
}
.tool-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.tool-name {
    font-size: 14px;
    font-weight: 600;
    color: #6366f1;
}
.tool-desc {
    font-size: 12px;
    color: #6b7280;
}
.tool-item svg {
    width: 16px;
    height: 16px;
    color: #9ca3af;
}




.bottomFixed {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: #ffffff;
    border-top: 1px solid #e5e7eb;
    padding-top:    10px !important;
    padding-bottom:    10px !important;
    z-index: 100;
}
.bottomFixed * {
    margin-bottom:  0  !important;
}







        /* ==================== PROMPT KARTY ==================== */
        .prompt-card {
            background: #ffffff;
            border-radius: 16px;
            margin-bottom: 16px;
            overflow: hidden;
            border: 1px solid rgba(0, 0, 0, 0.04);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        }

        .prompt-header {
            padding: 20px 24px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            transition: background 0.2s ease;
            border-left: 4px solid #e5e7eb;
        }

        .prompt-header:hover {
            background: #f8fafc;
        }

        .prompt-card.open .prompt-header {
            border-left-color: #6366f1;
        }

        .prompt-title-group {
            display: flex;
            align-items: center;
            gap: 8px;
            flex-wrap: wrap;
        }

        .prompt-category {
            font-size: 15px;
            font-weight: 700;
            color: #1a1a2e;
        }

        .prompt-separator {
            color: #d1d5db;
            font-weight: 400;
        }

        .prompt-name {
            font-size: 15px;
            font-weight: 400;
            color: #6b7280;
        }

        .prompt-toggle {
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            transition: transform 0.3s ease;
        }

        .prompt-toggle svg {
            width: 20px;
            height: 20px;
            color: #9ca3af;
        }

        .prompt-card.open .prompt-toggle {
            transform: rotate(180deg);
        }

        .prompt-body {
            display: none;
            padding: 0 24px 24px;
            border-top: 1px solid #f1f5f9;
        }

        .prompt-card.open .prompt-body {
            display: block;
        }

        .prompt-content {
            background: #f8fafc;
            border-radius: 12px;
            padding: 20px;
            margin-top: 16px;
            position: relative;
        }

        .prompt-text {
            font-size: 13px;
            line-height: 1.7;
            color: #374151;
            white-space: pre-wrap;
            font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
        }

        .copy-button {
            position: absolute;
            top: 12px;
            right: 12px;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 8px 14px;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 500;
            color: #374151;
            cursor: pointer;
            transition: all 0.2s ease;
            font-family: 'Inter', sans-serif;
        }

        .copy-button:hover {
            background: #f8fafc;
            border-color: #d1d5db;
        }

        .copy-button.copied {
            background: #10b981;
            border-color: #10b981;
            color: #ffffff;
        }

        .copy-button svg {
            width: 14px;
            height: 14px;
        }

        /* ==================== RESPONZIVITA ==================== */
        @media (max-width: 768px) {
            .prompt-header {
                padding: 16px 20px;
            }

            .prompt-title-group {
                flex-direction: column;
                align-items: flex-start;
                gap: 4px;
            }

            .prompt-separator {
                display: none;
            }
        }
        
        
        
        


        /* Matrix pozadí */
        .matrix-container {
            position: absolute;
            inset: 0;
            overflow: hidden;
            pointer-events: none;
            opacity: 0.3;
        }

        .matrix-row {
            position: absolute;
            font-family: 'SF Mono', 'Fira Code', monospace;
            font-size: 14px;
            font-weight: 500;
            color: rgba(255, 255, 255, 0.5);
            letter-spacing: 12px;
            white-space: nowrap;
        }

        .matrix-row.left {
            animation: driftLeft 35s linear infinite;
        }

        .matrix-row.right {
            animation: driftRight 35s linear infinite;
        }

        @keyframes driftLeft {
            0% { transform: translateX(3%); }
            100% { transform: translateX(-3%); }
        }

        @keyframes driftRight {
            0% { transform: translateX(-3%); }
            100% { transform: translateX(3%); }
        }

        .hero-content {
            position: relative;
            z-index: 10;
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }
        




/* quiz */
body {
    background-color: var(--ast-global-color-5);
    background-image: none;
}
.quiz_section.qsm-question-wrapper {
    background: #ffffff;
    border-radius: 16px;
    padding: 25px 35px;
    margin-bottom:  25px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.04);
}






/* certifikát */
            #certificate-form-container {
                max-width: 500px;
                background: #ffffff;
                border-radius: 16px;
                padding: 45px 25px;
                margin: 0 auto;
                box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
                border: 1px solid rgba(0, 0, 0, 0.04);
            }
            .form-group {
                margin-bottom: 15px;
            }
            .form-group label {
                display: block;
                margin-bottom: 5px;
                font-weight: bold;
            }
            .form-group input {
                width: 100%;
                padding: 10px;
                border: 1px solid #ddd;
                border-radius: 4px;
                box-sizing: border-box;
            }
            #certificate-form button {
                width: 100%;
                padding: 12px;
                background: #0073aa;
                color: white;
                border: none;
                border-radius: 4px;
                cursor: pointer;
                font-size: 16px;
            }
            #certificate-form button:hover {
                background: #005177;
            }
            #certificate-message {
                margin-top: 15px;
                padding: 10px;
                border-radius: 4px;
            }
            #certificate-message.success {
                background: #d4edda;
                color: #155724;
                border: 1px solid #c3e6cb;
            }
            #certificate-message.error {
                background: #f8d7da;
                color: #721c24;
                border: 1px solid #f5c6cb;
            }
            #certificate-download {
                margin-top: 15px;
                text-align: center;
            }
            #certificate-download a {
                display: inline-block;
                padding: 12px 24px;
                background: #28a745;
                color: white;
                text-decoration: none;
                border-radius: 4px;
                font-weight: bold;
            }
            #certificate-download a:hover {
                background: #218838;
            }
            
            /* Styly pro tabulku */
            .certificate-stats-container {
                max-width: 800px;
                margin: 20px auto;
                padding: 20px;
                background: #f5f5f5;
                border-radius: 8px;
            }
            .certificate-stats-header {
                margin-bottom: 20px;
                padding: 15px;
                background: #0073aa;
                color: white;
                border-radius: 4px;
                text-align: center;
            }
            .certificate-stats-header h3 {
                margin: 0 0 10px 0;
            }
            .certificate-stats-header .total-count {
                font-size: 24px;
                font-weight: bold;
            }
            .certificate-table {
                width: 100%;
                border-collapse: collapse;
                background: white;
                border-radius: 4px;
                overflow: hidden;
            }
            .certificate-table thead {
                background: #005177;
                color: white;
            }
            .certificate-table th,
            .certificate-table td {
                padding: 12px;
                text-align: left;
                border-bottom: 1px solid #ddd;
            }
            .certificate-table tbody tr:hover {
                background: #f9f9f9;
            }
            .certificate-table tbody tr:last-child td {
                border-bottom: none;
            }
            .no-certificates {
                padding: 40px;
                text-align: center;
                color: #666;
                background: white;
                border-radius: 4px;
            }
            .pdf-link {
                display: inline-block;
                padding: 6px 12px;
                background: #0073aa;
                color: white;
                text-decoration: none;
                border-radius: 4px;
                font-size: 14px;
            }
            .pdf-link:hover {
                background: #005177;
                color: white;
            }
            .download-cert-link {
                display: inline-block;
                padding: 12px 24px;
                background: #28a745;
                color: white;
                text-decoration: none;
                border-radius: 4px;
                font-weight: bold;
                cursor: pointer;
            }
            .download-cert-link:hover {
                background: #218838;
                color: white;
            }



.vc_label_units {
    display:    none;
}




/* responz */
@media (max-width: 600px) {
  .noMobile {
      display:    none;
  }
  body h2,
  body .entry-content h2
   {
    font-size: 180%;
  }
  .headBlocks .vc_column-inner > .wpb_wrapper {
      padding: 0px;
  }
  .headBlocks .vc_icon_element {
    font-size: 10px;
    padding-top: 7px;
  }
  .wpb_raw_code.wpb_raw_html svg {
    max-width: 100px;
    text-align: center;
    margin: 0 auto;
    display: block;  
  }
  body .vc_custom_1765022235699,
  body .vc_custom_1765038372040,
  body .vc_custom_1765039700811
  {
      padding-left: 15px !important;
      text-align:   center;
  }
  .bottomFixed .secondLink {
    position:   absolute;
    top:    10px;
    max-width: 60%;
    left: 40%;
  }
  .bottomFixed .vc_btn3.vc_btn3-size-md {
    font-size:  12px;
  }
  .vc_custom_1765039700811 .vc_btn3-container.vc_btn3-left {
    text-align: center;
  }
}