:root {
	--poppins: 'Poppins', sans-serif;
	--lato: 'Lato', sans-serif;

	--light: #F9F9F9;
	--blue: #3C91E6;
	--light-blue: #CFE8FF;
	--grey: #eee;
	--dark-grey: #AAAAAA;
	--dark: #342E37;
	--red: #DB504A;
	--yellow: #FFCE26;
	--light-yellow: #FFF2C6;
	--orange: #FD7238;
	--light-orange: #FFE0D3;
	--purple-wecomply: #802FF1;
	--blue-wecomply: #006AB3;
	--grey-wecomply: #939598;
	--green-wecomply: #198754;
	--purple-wecomply-hover: #3b1c66;
}

.driver-popover.driverjs-theme {
    background-color: var(--light);
    color: var(--dark);
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    max-width: 320px;
    font-family: var(--poppins);
    font-size: 14px;
  }
  
  .driver-popover.driverjs-theme .driver-popover-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
    color: var(--purple-wecomply);
  }
  
  .driver-popover.driverjs-theme .driver-popover-description {
    color: #555;
    margin-bottom: 12px;
    font-family: var(--poppins);
    font-size: 14px;
  }
  
  .driver-popover.driverjs-theme .driver-popover-progress-text {
    font-size: 13px;
    color: var(--purple-wecomply);
    margin-bottom: 10px;
    font-weight: 600;
    text-align: left;
  }
  
  .driver-popover.driverjs-theme .driver-popover-navigation-btns {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }
  
  .driver-popover.driverjs-theme button {
    background-color: transparent;
    border: 1px solid var(--purple-wecomply);
    color: var(--purple-wecomply);
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: 13px;
    text-shadow: none !important;
  }
  
  .driver-popover.driverjs-theme button:hover:not(:disabled) {
    background-color: var(--purple-wecomply);
    color: #fff;
    border-color: var(--purple-wecomply-hover);
  }
  
  .driver-popover.driverjs-theme button:disabled {
    opacity: 0.5;
    cursor: default;
  }
  
  .driver-popover.driverjs-theme .driver-popover-close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    background: none;
    border: none;
    font-size: 14px;
    color: var(--grey-wecomply);
    cursor: pointer;
    width: 15px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none !important;
  }
  
  .driver-popover.driverjs-theme .driver-popover-close-btn:hover {
    color: var(--purple-wecomply-hover);
    border-radius: 50%;
  }
  
  /* Seta com cor do background */
  .driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {
    border-left-color: var(--light);
  }
  .driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {
    border-right-color: var(--light);
  }
  .driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow {
    border-top-color: var(--light);
  }
  .driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {
    border-bottom-color: var(--light);
  }