/* ====================================== GLOBAL TYPOGRAPHY - marieskabova.cz Modern, Professional MUA Design Full Czech Character Support ====================================== */ /* Google Fonts loaded in App.razor */ /* CSS Variables - Typography */ :root { --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif; --font-sans: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; } /* Global Typography Override */ body { font-family: var(--font-sans) !important; font-weight: var(--font-weight-normal); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Headings - Elegant Serif Font */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-serif) !important; font-weight: var(--font-weight-semibold); line-height: 1.3; letter-spacing: -0.01em; } h1, .h1 { font-weight: var(--font-weight-bold); } /* Paragraphs and Body Text */ p, li, a, span, label, input, textarea, select, button { font-family: var(--font-sans) !important; } /* Navigation */ .navbar, .navbar-brand, .nav-link, .menu-item, nav a { font-family: var(--font-sans) !important; font-weight: var(--font-weight-medium); } /* Buttons */ .btn, button, input[type="submit"], input[type="button"] { font-family: var(--font-sans) !important; font-weight: var(--font-weight-semibold); letter-spacing: 0.02em; } /* Forms */ input, textarea, select, .form-control { font-family: var(--font-sans) !important; } /* Footer */ footer, footer p, footer a, footer span { font-family: var(--font-sans) !important; } /* Tables */ table, .table, th, td { font-family: var(--font-sans) !important; } /* Cards */ .card, .card-title, .card-text { font-family: var(--font-sans) !important; } .card-title { font-family: var(--font-serif) !important; font-weight: var(--font-weight-semibold); } /* Ensure Czech characters render properly */ * { text-rendering: optimizeLegibility; } /* Portfolio Fix - Make images always visible */ .portfolio-item { position: relative; overflow: hidden; display: block; } .portfolio-item img { width: 100%; height: auto; display: block; transition: transform 0.3s ease; } .portfolio-item:hover img { transform: scale(1.05); } .portfolio-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(226,96,145,0.8); opacity: 0; transition: opacity 0.3s ease; display: flex; align-items: center; justify-content: center; z-index: 10; } .portfolio-item:hover .portfolio-overlay { opacity: 1; } .portfolio-info { color: #fff; text-align: center; } .portfolio-info h3 { color: #fff; font-size: 18px; margin-bottom: 5px; } .portfolio-clicks { color: rgba(255,255,255,0.8); font-size: 14px; } /* Admin Dashboard Fix */ .admin-wrapper .btn { margin: 2px 0; } .admin-wrapper .card { margin-bottom: 20px; } .admin-wrapper .table { margin-bottom: 0; } /* Dashboard Table Styling */ .admin-wrapper .table td { vertical-align: middle; } .admin-wrapper .table .badge { font-size: 14px; padding: 5px 10px; } /* Make Zobrazit buttons visible */ .admin-wrapper .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; background-color: #fff; } .admin-wrapper .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } /* Admin Navigation Fix */ .admin-wrapper .navbar { margin-bottom: 0; } .admin-wrapper .navbar-brand { font-weight: 600; } .admin-wrapper .navbar-nav .nav-link { padding: 0.5rem 1rem; } /* Cards in Dashboard */ .admin-wrapper .card-body { padding: 1.5rem; } .admin-wrapper .d-flex.align-items-center { gap: 1rem; } /* ====================================== LANGUAGE DROPDOWN FIX Stable dropdown without jumping ====================================== */ /* Language dropdown container */ .navbar-nav .dropdown { position: relative; } /* Dropdown menu - stable positioning */ .navbar-nav .dropdown .dropdown-menu { position: absolute; top: 100%; right: 0; left: auto; min-width: 150px; padding: 8px 0; margin: 0; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); border: 1px solid rgba(0,0,0,0.1); animation: none !important; transform: none !important; transition: opacity 0.2s ease; } /* Dropdown items - larger clickable area */ .navbar-nav .dropdown .dropdown-menu li a { display: block; padding: 10px 20px; white-space: nowrap; color: #333; text-decoration: none; transition: background-color 0.15s ease; } .navbar-nav .dropdown .dropdown-menu li a:hover { background-color: #f5f5f5; color: #e26091; } /* Remove any jumping transitions from bootsnav */ .bootsnav .dropdown-menu { -webkit-animation: none !important; animation: none !important; } /* Fix dropdown on open - prevent layout shift */ .navbar-nav > li.dropdown.open > .dropdown-menu, .navbar-nav > li.dropdown:hover > .dropdown-menu { display: block; opacity: 1; visibility: visible; } /* Prevent navbar wrapping - compact menu items */ .bootsnav .navbar-nav > li > a { padding-left: 12px; padding-right: 12px; font-size: 14px; }