/* Theme Name: PEC DNA Theme Theme URI: https://understrap.com Description: PEC Konfigurator Author: Stephan Riedl Author URI: https://motioncode.dev/ Template: understrap Version: 1.2.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: dna-child Tags: one-column, custom-menu, featured-images, theme-options, translation-ready */ /* Enhanced mobile & tablet haptics */ @media (max-width: 1024px), (pointer: coarse) { html, body { touch-action: manipulation; } a:focus, button:focus, [role="button"]:focus { --tw-ring-color: transparent !important; --tw-ring-shadow: none !important; --tw-ring-offset-shadow: none !important; outline: none !important; } a, button, [role="button"], .cursor-pointer, input[type="checkbox"], input[type="radio"] { -webkit-tap-highlight-color: transparent !important; outline: none !important; user-select: none !important; -webkit-user-select: none !important; } header a.flex-1 { background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.05) 100%), linear-gradient(35deg, #e94f40 0%, #f28a48 100%) !important; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 0 rgba(0, 0, 0, 0.15) !important; border: 1px solid rgba(233, 79, 64, 0.4) !important; transition: transform 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.05s ease !important; } header a.flex-1:active { transform: scale(0.92) !important; filter: brightness(0.85) contrast(1.1) !important; } button:not([disabled]):not([\@click^="closeModal"]):not([\@click*="expertBarOpen"]):not([\@click*="openVideo"]):not([\@click*="openModal"]):not([\@click\.stop*="openVideo"]):not([\@click\.stop*="openModal"]):not([class*="driver-"]):not([type="submit"]), .btn, header a.border { background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 0 #ffffff !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; transition: transform 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.05s ease !important; } button:not([disabled]):not([\@click^="closeModal"]):not([\@click*="expertBarOpen"]):not([\@click*="openVideo"]):not([\@click*="openModal"]):not([\@click\.stop*="openVideo"]):not([\@click\.stop*="openModal"]):not([class*="driver-"]):not([type="submit"]):active, .btn:active, header a.border:active { transform: scale(0.92) !important; filter: brightness(0.85) contrast(1.1) !important; } footer a { transition: transform 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.05s ease !important; } footer a:active { transform: scale(0.91) !important; filter: brightness(0.85) contrast(1.1) !important; } div.snap-start { background: #ffffff !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important; border: 1px solid rgba(0, 0, 0, 0.08) !important; transform-origin: left center !important; transition: transform 0.08s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.08s ease, filter 0.08s ease !important; } div.snap-start:active { transform: scale(0.985) !important; filter: brightness(0.96) !important; box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.05) !important; } button[\@click^="closeModal"], button[\@click*="expertBarOpen"] { background: transparent !important; background-image: none !important; border: none !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; filter: none !important; } button[\@click^="closeModal"]:active, button[\@click*="expertBarOpen"]:active { background: transparent !important; background-image: none !important; border: none !important; border-color: transparent !important; box-shadow: none !important; transform: none !important; filter: none !important; } button[type="submit"] { background: linear-gradient(180deg, #f28a48 0%, #e94f40 100%) !important; color: #ffffff !important; border: 1px solid rgba(233, 79, 64, 0.4) !important; border-bottom: 2px solid rgba(180, 40, 30, 0.5) !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 20px rgba(233, 79, 64, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) !important; transition: transform 0.05s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.05s ease !important; } button[type="submit"]:active { transform: scale(0.95) !important; filter: brightness(0.9) contrast(1.1) !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 1px 3px rgba(0, 0, 0, 0.2) !important; } #page .modal-body button.text-white { background: linear-gradient(35deg, #e94f40 0%, #f28a48 100%) !important; color: #ffffff !important; border: none !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; transition: transform 0.05s ease, filter 0.05s ease !important; } #page .modal-body button.text-white:active { transform: scale(0.96) !important; filter: brightness(0.9) contrast(1.1) !important; } #page .modal-body button:not(.text-white):not([class*="absolute"]) { background: #ffffff !important; color: #374151 !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; box-shadow: none !important; transition: transform 0.05s ease, background-color 0.05s ease !important; } #page .modal-body button:not(.text-white):not([class*="absolute"]):active { transform: scale(0.96) !important; background: #f9fafb !important; } } /* Extra small */ @media (max-width:576px) { } /* Small */ @media (min-width:577px) and (max-width:768px) { } /* Medium */ @media (min-width:769px) and (max-width:992px) { } /* Medium-Large */ @media (min-width:993px) and (max-width:1200px) { } /* Large */ @media (min-width:1200px) { } /* ONLY WIDE */ @media (min-width:1440px) { } /* ADDITIONAL BOOTSTRAP RESPONSIVE BORDERS */ @media (min-width: 576px) { } @media (min-width: 768px) { } @media (min-width: 992px) { } @media (min-width: 1200px) { }