/**
 * 2007-2022 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to http://www.prestashop.com for more information.
 *
 * @author    INGLOT E-commerce <info@inglot.pl>
 * @copyright 2007-2024 INGLOT E-commerce
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

 #inglot-topbar {
     width: 100%;
     height: 40px;
     padding: 0;
     text-align: center;
     font-family: "Poppins", sans-serif;
     font-weight: 400;
     font-size: 11px;
     line-height: 1.25em;
     position: relative;
     z-index: 9;
     border-bottom: 1px solid #e5e5e5;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 10px;
 }
 
 .inglot-topbar-container {
     position: relative;
     height: 100%;
     width: 100%;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .inglot-topbar-item {
     position: absolute;
     width: 100%;
     height: 40px;
     left: 0;
     top: 0;
     opacity: 0;
     transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
     display: none;
     align-items: center;
     justify-content: center;
     font-size: 11px;
 }
 
 .inglot-topbar-item * {
     color: inherit;
 }
 
 .inglot-topbar-item.active {
     opacity: 1;
     display: flex;
 }
 
 .inglot-topbar-item a {
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
     width: 100%;
     font-size: 11px;
 }
 
 /* Usunięcie marginesów i paddingów z paragrafów */
 .inglot-topbar-item p {
     margin: 0;
     padding: 0;
     font-size: 11px;
 }
 
 /* Efekt przesuwania */
 .slide-effect .inglot-topbar-item {
     transform: translateX(100%);
 }
 
 .slide-effect .inglot-topbar-item.active {
     transform: translateX(0);
 }
 
 /* Efekt przenikania */
 .fade-effect .inglot-topbar-item {
     transform: translateY(0);
     transition: opacity 0.5s ease-in-out;
 }
 
 .fade-effect .inglot-topbar-item.active {
     transform: translateY(0);
 }
 
 /* Style dla elementów z kodem do kopiowania */
 .inglot-code {
     display: inline-block;
     background-color: rgba(0, 0, 0, 0.05);
     padding: 2px 6px;
     cursor: pointer;
     transition: all 0.3s ease;
     user-select: none;
     position: relative;
     z-index: 10; /* Wyższy z-index, aby element był na wierzchu */
     border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 
 .inglot-code:active {
     background-color: rgba(0, 0, 0, 0.15);
     transform: translateY(1px);
 }
 
 /* Dodanie ikony kopiowania (opcjonalnie) */
 .inglot-code::after {
     content: "";
     display: inline-block;
     width: 12px;
     height: 12px;
     margin-left: 4px;
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'%3E%3C/path%3E%3C/svg%3E");
     background-size: contain;
     background-repeat: no-repeat;
     vertical-align: middle;
 }