/*
Theme Name:   Aria Solutions Child
Theme URI:    https://omidelyas.com/
Description:  Child theme for Aria Solutions. Put your custom CSS and PHP tweaks here so they survive parent-theme updates. Activate this theme (not the parent) to start customising safely.
Author:       Dimo
Author URI:   https://omidelyas.com/
Template:     aria-solutions
Version:      1.1.1
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  aria-solutions-child
*/

/* Add your custom CSS below. It loads after the parent theme, so your rules win. */

/* ---- Collapsible mobile submenu (tap + to expand) ---- */
@media (max-width:1024px){
  .mobile-menu .menu-item-has-children{position:relative}
  .mobile-menu .menu-item-has-children > a{padding-right:62px}
  .mobile-menu .submenu-toggle{position:absolute;top:0;right:0;width:56px;height:51px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-bottom:1px solid var(--border);cursor:pointer;z-index:2}
  .mobile-menu .submenu-toggle::before,
  .mobile-menu .submenu-toggle::after{content:"";position:absolute;background:var(--blue);border-radius:2px;transition:transform .2s,opacity .2s}
  .mobile-menu .submenu-toggle::before{width:16px;height:2.5px}
  .mobile-menu .submenu-toggle::after{width:2.5px;height:16px}
  .mobile-menu .menu-item-has-children.submenu-open > .submenu-toggle::after{transform:rotate(90deg);opacity:0}
  .mobile-menu .menu-item-has-children > .sub-menu{display:none}
  .mobile-menu .menu-item-has-children.submenu-open > .sub-menu{display:block}
}


/* ---- Language switcher (TranslatePress menu item) ---- */
.main-nav .trp-language-switcher-container>a,.mobile-menu .trp-language-switcher-container>a{display:inline-flex;align-items:center;gap:8px}
.main-nav .trp-menu-ls-label,.mobile-menu .trp-menu-ls-label{display:inline-flex;align-items:center;gap:8px}
.main-nav .trp-flag-image,.mobile-menu .trp-flag-image{width:22px!important;height:auto!important;vertical-align:middle;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
