/*!
Theme Name: Webency
Theme URI: http://webency.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Webency is a Web Design Agency WordPress Theme.
Version: 1.2.1
Tested up to: 6.7
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: webency
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Webency Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/


/* FROO – poprawki mobilnego menu offcanvas */
@media (max-width: 991px) {

  /* 1. X – prawy górny róg */
  .tj-offcanvas-area .offcanvas-icon #canva_close {
    position: absolute;
    top: 18px;
    right: 18px;
    left: auto;
    margin: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 28px;
    color: #ffffff;
  }

  /* 2. Linki menu – mniejsza czcionka, bez kresek na li */
  .tj-offcanvas-area .right_menu_togle ul li {
    border: none;
  }

  .tj-offcanvas-area .right_menu_togle ul li > a {
    font-size: 16px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
  }

  /* 3. Duży przycisk na dole (Contact / telefon) – gradient zamiast szarego */
  .tj-offcanvas-area .header-button .tj-black-btn {
    background-image: linear-gradient(135deg, #f59e0b, #6366f1, #22c55e);
    border-radius: 999px;
    border: 0;
    color: #0b1120;
    padding: 10px 26px;
    font-weight: 600;
    font-size: 15px;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.45);
  }

  .tj-offcanvas-area .header-button .tj-black-btn:hover {
    filter: brightness(1.05);
    transform: translateY(-1px);
  }

  /* opcjonalnie ikonka telefonu w tym przycisku */
  .tj-offcanvas-area .header-button .tj-black-btn::before {
    content: "\f095";
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Free", sans-serif;
    font-weight: 900;
    margin-right: 8px;
  }

  /* 4. Gradientowe kółka przy mailu / tel / lokalizacji */
  .tj-offcanvas-area .mobile-contact .dot-style li span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(135deg, #f59e0b, #6366f1, #22c55e);
    color: #0b1120;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.5);
  }

  /* 5. Strzałka do rozwijania submenu zamiast popsutego znacznika */
  .tj-offcanvas-area .right_menu_togle ul li > span {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0; /* ukrywa stary plus/ikonę */
  }

  .tj-offcanvas-area .right_menu_togle ul li > span::before {
    content: "▾";
    font-size: 18px;
    color: #fef9c3;
    line-height: 1;
  }
}