button:focus, 
input[type="button"]:focus, 
input[type="reset"]:focus, 
input[type="submit"]:focus {
     border-color: #ccc #bbb #aaa;
}
a:focus{
     color: #e54e54;
}
.main-navigation ul ul li:focus-within > ul{
     left: 100%;
}
.main-navigation ul li:focus-within > ul{
     left: auto;
}
.ultra-top-header .top-left ul li a:focus,
.ultra-top-header .top-right ul li a:focus {
     color: #e54e54;
}
.site-header.layout-two .ultra-shopping-cart:focus-within .widget_shopping_cart,
.site-header.layout-one .ultra-shopping-cart:focus-within .widget_shopping_cart,
.site-header.layout-three .ultra-shopping-cart:focus-within .widget_shopping_cart {
     opacity: 1;
     visibility: visible;
     top: 100%;
     outline: 1px dashed;
}
.search-icon:focus{
 outline: 1px dashed;    
}
#datafetch a.view-results:focus {
     background: rgba(0,0,0,0.8);
}
.top-header-three.ultra-top-header .top-left ul li a:focus, 
.top-header-three.ultra-top-header .top-right ul li a:focus {
     color: #e54e54;
}
.site-header li.has-mega-menu:focus ul.mega-sub-menu {
     opacity: 1;
     visibility: visible;
     z-index: 99999;
     box-shadow: 0px 4px 20px 0px #777;     
    -webkit-box-shadow: 0px 4px 20px 0px #777;
    -moz-box-shadow:    0px 4px 20px 0px #777;
}
.ultra-block-wrapper .single-post .post-content-wrapper .post-content a.block-list-more:focus, 
a.ultra-archive-more:focus {
     background: transparent;
     color: #e54e54;
}
.ultra-block-wrapper.grid-post-list.layout-3 .post-content-wrapper h3 a:focus {
     color: #e54e54;
}
.ultra-block-wrapper .ultra-num-pag .page-numbers.current, 
.ultra-block-wrapper .ultra-num-pag .page-numbers:focus, 
.nav-links span.current, .nav-links a:focus {
     background: #e54e54;
     color: #fff;
     border: 1px solid #e54e54;
}
.site-footer .ultra-bottom-footer .footer-left a:focus:after {
    width: 100%;
}
.site-footer .ultra-bottom-footer .footer-left a:focus {
     color: #fff;
}
.site-footer .ultra-bottom-footer .footer-right ul li a:focus {
     color: #e54e54;
}
.site-footer .ultra-middle-footer .footer-social ul li a:focus {
     color: #e54e54;
}
.ultra-block-wrapper.latest-posts .single-post-large .post-content-wrapper h3 a:focus {
     color: #e54e54;
}
.ultra-tab-content .tabs-product-area ul li .item-img:focus:before, 
ul.products li .item-img:focus:before {
     opacity: 1;
     visibility: visible;
     z-index: 9;
}
.ultra-tab-content .tabs-product-area ul li .item-img:focus .box-hover-home, 
ul.products li .item-img:focus .box-hover-home {
     bottom: 20px;
     z-index: 99;
}

ul.products li .item-img:focus .box-hover-home ul.add-to-links {
     width: 100%;
     text-align: center;
}

ul.products li .item-img:focus .box-hover-home ul.add-to-links li {
     display: inline-block;
     vertical-align: middle;
}

ul.products li .item-img:focus .box-hover-home ul.add-to-links li a {
     position: relative;
     width: 40px;
     height: 40px;
     border: 1px solid #fff;
     color: #fff;
     display: block;
     font-size: 0;
     line-height: 36px;
     text-align: center;
     border-radius: 0;
     -webkit-border-radius: 0;
     background: transparent;
}

ul.products li .item-img:focus .box-hover-home ul.add-to-links li a.added {
     display: none;
}
.ultra-tab-content .tabs-product-area ul li .item-img .box-hover-home ul.add-to-links li a:focus, 
ul.products li .item-img:focus .box-hover-home ul.add-to-links li a:focus {
     background: rgba(255,255,255,0.6);
     color: #000;
}
ul.products li .item-img:focus .box-hover-home ul.add-to-links li a:before{
     position: absolute;
     content: '';
     font-family: FontAwesome;
     font-size: 16px;
}
 
ul.products li .item-img:focus .box-hover-home ul.add-to-links li a.added_to_cart:before{
     content: '\f00c' !important;
     left: 11px;
}

ul.products li .item-img:focus .box-hover-home ul.add-to-links li a.add_to_cart_button:before {
     content: '\f07a';
     left: 11px;
}
.ultra-block-wrapper.video-cat-tab .video-cat-tabs ul li a:focus {
     color: #e54e54;
}
.ultra-block-wrapper.video-cat-tab .single-post .post-content-wrapper h3 a:focus {
     color: #e54e54;
}
.ultra-block-wrapper.video-cat-tab .single-post .post-caption-wrapper .post-meta span > a:focus, 
.ultra-block-wrapper.video-cat-tab .single-post .post-content-wrapper .post-meta span > a:focus {
     color: #e54e54;
}
.widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption h3 a:focus, 
.widget_ultra_seven_posts_list .post-list-wraper.layout-1 .single-post .post-caption .post-meta span a:focus {
     color: #e54e54;
}
.widget_ultra_seven_posts_list .ul-posts a:focus, 
a.loadmore:focus {
     background: transparent;
     color: #e54e54;
}
a.loadmore:focus {
     color: #e54e54;
 }
.ultra-block-wrapper.post-slider .post-caption h3 a:focus {
     color: #e54e54;
}
.widget_ultra_seven_posts_slider .posts-slider-wrapper.layout-1:focus .lSAction > a {
     opacity: 1;
     visibility: visible;
}
.widget_ultra_seven_post_timeline li:focus .ultra-article-wrapper .post-meta:before {
     background: #e54e54;
     border-color: #e54e54;
}
.widget_ultra_seven_post_timeline li:focus .ultra-article-wrapper .post-meta a {
     color: #e54e54;
}
.widget_ultra_social_icons .ultra-social-icons li:focus, 
.content-area .single-share ul li:focus {
     background: transparent;
}
.widget_ultra_social_icons .ultra-social-icons li.Facebook:focus a, 
.content-area .single-share li.Facebook:focus a {
     color: #4e71a8;
}
.widget_ultra_social_icons .ultra-social-icons li.Twitter:focus a, 
.content-area .single-share li.Twitter:focus a {
     color: #1cb7eb;
}
.widget_ultra_social_icons .ultra-social-icons li.Linkedin:focus a, 
.content-area .single-share li.Linkedin:focus a {
     color: #1686b0;
}
.widget_ultra_social_icons .ultra-social-icons li.Dribbble:focus a, 
.content-area .single-share li.Dribbble:focus a {
     color: #e24d87;
}
.widget_ultra_social_icons .ultra-social-icons li.Google-plus:focus a, 
.content-area .single-share li.Google-plus:focus a {
     color: #f34a38;
}
.widget_ultra_social_icons .ultra-social-icons li.Pinterest:focus a, 
.content-area .single-share li.Pinterest:focus a {
     color: #9f1121;
}

.widget_ultra_seven_widget_tabs .widget-tabs-title-container ul li:focus,
.widget_ultra_seven_category_tabbed ul.ultra-cat-tabs li:focus {
     background: #e54e54;
}
.ultra-meta-share .share:focus .ultra-share-icons {
     opacity: 1;
     visibility: visible;
     left: 45px;
}
.woocommerce #respond input#submit.alt:focus, 
.woocommerce a.button.alt:focus, 
.woocommerce button.button.alt:focus, 
.woocommerce input.button.alt:focus, 
.woocommerce #respond input#submit:focus, 
.woocommerce a.button:focus, 
.woocommerce button.button:focus, 
.woocommerce input.button:focus {
     background: #dc576e;
     color: #fff;
}
.widget_ultra_seven_contact_info .ultra-contact-info > div:focus span i {
     background: #e54e54;
     border-color: #e54e54;
     color: #fff;
}

.site-header.layout-one .main-navigation > ul > li:focus > a, 
.site-header.layout-two .main-navigation > ul > li:focus > a {
     color: #e54e54;
}
.ultra-author-metabox a.all-post:focus:before {
     right: -18px;
}
.single_post_pagination_wrapper .next-link .next-text h4 a:focus, 
.single_post_pagination_wrapper .prev-link .prev-text h4 a:focus, 
.single_post_pagination_wrapper .prev-link .prev-text h4 a:focus:before, 
.single_post_pagination_wrapper .next-link .next-text h4 a:focus:after {
     color: #fc754f;
}
.single_post_pagination_wrapper .next-link .next-text h4 a:focus, 
.single_post_pagination_wrapper .prev-link .prev-text h4 a:focus, 
.single_post_pagination_wrapper .prev-link .prev-text h4 a:focus:before, 
.single_post_pagination_wrapper .next-link .next-text h4 a:focus:after {
     color: #e54e54;
}
.comments-area .submit:focus, 
.comments-area .comment-reply-link:focus {
     background: transparent;
     color: #e54e54;
}
footer.entry-footer:focus {
    background: #111;
}
.post-tag span.tags-links a:focus {
     color: #e54e54;
}
.ultra-main-slider .custom .slider-btn:focus {
     background: #e54e54;
     border-color: #e54e54;
}
#ultra-go-top:focus {
    opacity: 1;
     -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
         -ms-transform: scale(1.2,1.2);
          -o-transform: scale(1.2,1.2);
             transform: scale(1.2,1.2);
}
.slider-section ul li:focus img,
.feature-post-wrap .feature-post:focus img,
.post-list-wraper .single-post:focus img, 
.grid-posts-wrap .single-post:focus img, 
.thumb-zoom:focus img {
     transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -ms-transform: scale(1.2);
}
.widget_tag_cloud a:focus {
     background: #e54e54;
     color: #fff;
     border-color: #e54e54;
}
.ultra-archive-img:focus .image-overlay{
    opacity:1;
}
.main-navigation ul li:focus-within > ul.sub-menu {
     top: 100%;
     opacity: 1;
     visibility: visible;
     z-index: 9999;
}
.main-navigation ul ul li:focus-within ul {
    top: 0 !important;
}

.woocommerce-MyAccount-navigation ul li:focus a {
     background: #e54e54;
     color: #fff;
}
.site-footer .footer-widget ul li:focus a {
    color: #d0cece;
}
.site-footer .ultra-bottom-footer .footer-left a:focus {
    color: #e54e54;
}Theme Name: Ultra Lite
Theme URI: https://wpoperation.com/themes/ultra-lite/
Template: ultra-seven
Author: WPoperation
Author URI: http://wpoperation.com/
License:      GNU General Public License v3 or later
License URI:   http://www.gnu.org/licenses/gpl-3.0.html
Description: Create flexible news,magazine,blog and travel diaries with easy drag & drop page builder within minutes. It's now easy to share your ideas through your posts without any hassle.
Tags: right-sidebar,left-sidebar,custom-background, custom-menu, featured-images, threaded-comments, translation-ready,custom-logo, footer-widgets,blog,post-formats,sticky-post,theme-options,news
Version: 1.0.4
Text Domain:  ultra-lite 


Ultra Lite is a WordPress Theme, 
Copyright (C) 2019, WPoperation
Ultra Lite is distributed under the terms of the GNU GPL

This program is free software,you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
http://www.gnu.org/licenses/gpl-3.0.txt


*/
body, button, input, select, optgroup, textarea {
    font-family: Poppins;
    font-size: 13px;
    font-weight: 500;
}

h1, h2, h3, h4, h5, h6,
h2.widget-title, 
.ultra-related-wrapper.slide .related-title, .related.products h2 {
    font-weight: 600;
}
.ultra-custom-header.fixed {
    position: fixed;
    z-index: 99999;
    width: 100% !important;
    top: 0;
    left: 0;
    background: #fff;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
.current-date{
    color: #fff;
}

.elementor-widget-wrap .ultra-block-wrapper{
    margin: 0;
}

.ultra-block-wrapper .single-post .post-thumb .cat-wrap {
    left: unset;
    right: 10px;
}

.ultra-block-wrapper.grid-post-list.layout-1 .single-post{
    margin-bottom: 35px;
}

.home .post-author img {
    display: block;
    
}

.post-meta span.author a:before{
    content: none !important;
}
.post-meta .post-author{
    margin: 0 !important;
}

.post-meta span.author > a{
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.post-meta .post-author .author{
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}
.post-meta .post-author .author-img{
    height: 30px;
    width: 30px;
    margin-right: 5px;
}
.post-meta .post-author .author-img img{
	border-radius: 50%;
}
.widget_ultra_seven_posts_list .post-meta .post-author .author-img{
    height: 15px;
    width: 15px;
}
/* Ticker */
.ticker-item .date{
	margin-right: 15px;
}
.arrow-vertical .ticker-wrap button.slick-arrow {
    top: -24px;
    z-index: 9999;
}
span.post-date:before {
    position: absolute;
    content: '';
    font-family: FontAwesome;
    font-size: 12px;
    left: 16px;
    top: 42px;
}
span.post-date:before {
    content: '\f017';
}
span.post-date {
    display: block;
    font-size: 12px;
    margin-left: 16px;
}

#ultra-go-top{
	border-radius: none;
    -webkit-box-shadow: 2px 1px 7px 0px rgba(27, 24, 24, 0.28);
    box-shadow: 2px 1px 7px 0px rgba(27, 24, 24, 0.28);
}
.site-footer{
    margin-top: 30px;
}
.site-footer .footer-widgets-wrap {
    padding: 25px 0;
}

.blog .secondary {
    margin-top: 73px;
}

.box-search-content .btn-search {
    padding: 0 !important;
    height: 0 !important;
    color: #fff !important;
}
.box-search-content .btn-search i {
	font-size: 20px !important;
}

.header-right .wpopea-hamburger {
    height: 20px;
    padding-left: 2px;
    width: 20px;
}
.header-right  .wpopea-menu-toggle .wpopea-hamburger .wpopea-hamburger-box .wpopea-hamburger-inner:after {
	bottom: -5px;
}
.header-right  .wpopea-menu-toggle .wpopea-hamburger .wpopea-hamburger-box .wpopea-hamburger-inner:before {
	top: -5px;
}
.header-right  .wpop-search-box.wpop-search-style-5 .btn-search i{
	font-size: 14px;
}


/*Preloader18*/

#loading18 #loading-center {
    width: 100%;
    height: 100%;
    position: relative;
}
#loading18 #loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100px;
    width: 50px;
    margin-top: -50px;
    margin-left: -25px;
}
#loading18 .object {
    width: 50px;
    height: 8px;
    margin-bottom: 15px;
    background-color: #e54e54;
    -webkit-animation: animate18 0.8s infinite;
    animation: animate18 0.8s infinite;
}
#loading18 #object_two {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
#loading18 #object_four {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
@-webkit-keyframes animate18 {
    50% {
        -ms-transform: translate(50%, 0);
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}
@keyframes animate {
    50% {
        -ms-transform: translate(50%, 0);
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}
.ssa_booking_iframe .md-card-content .md-subheading{
    display: none !important;
}
/* --- Általános SVG Ikon Stílusok (Reszponzív) --- */

/* Alapértelmezett stílus az SVG ikonokat tartalmazó buborékokhoz */
.job-ad-container .icon-bubble-wrapper {
    /* Az ikon alapértelmezett színe és mérete */
    color: #000000; /* Az ikon alapértelmezett színe: FEKETE */
    font-size: 96px; /* Az ikon alap mérete (pl. 96px asztali nézeten) */
    text-align: center; /* Ez most már kevésbé releváns a flexbox miatt, de nem árt */
    margin-bottom: 10px; /* Alulra ad kis helyet a szöveg és az ikon között */
    line-height: 1; /* Ez a kulcs! Megszünteti az extra sorközöket a nagy font-size miatt */
    display: flex; /* Flexbox konténerré teszi a div-et */
    align-items: center; /* Függőlegesen középre igazítja a tartalmat (az ikont) */
    justify-content: center; /* Vízszintesen középre igazítja a tartalmat (az ikont) */
    overflow: hidden; 
    min-height: 1.2em; 
}

/* Maga az SVG ikon a buborékban (ez marad 1em/1em, mert így reszponzív) */
.job-ad-container .icon-bubble-wrapper svg {
    display: block; /* Fontos, hogy blokk szintű legyen a flexboxban való jó működéshez */
    width: 1em; /* Az 1em jelenti a szülő font-size-ának megfelelő méretet */
    height: 1em; /* Az 1em jelenti a szülő font-size-ának megfelelő méretet */
    flex-shrink: 0; /* Megakadályozza, hogy az ikon kisebb legyen, ha nincs hely */
    /* A fill="currentColor" az SVG-ben biztosítja, hogy a 'color' tulajdonság határozza meg a kitöltőszínt */
}

/* --- Reszponzív Média Lekérdezések (Méretállítás) --- */

/* Kisebb képernyőkre (pl. tabletek, max. 768px szélességig) */
@media (max-width: 768px) {
    .job-ad-container .icon-bubble-wrapper {
        font-size: 64px; /* Kisebb ikon méret tableten */
        min-height: 1.2em; /* Arányos min-magasság */
    }
}

/* Még kisebb képernyőkre (pl. mobiltelefonok, max. 480px szélességig) */
@media (max-width: 480px) {
    .job-ad-container .icon-bubble-wrapper {
        font-size: 48px; /* Még kisebb ikon méret mobilon */
        min-height: 1.2em; /* Arányos min-magasság */
    }
}

/* --- Egyedi Ikon Színek (Opcionális) --- */

.job-ad-container .icon-bubble-wrapper.icon-blue {
    color: #007bff;
}

.job-ad-container .icon-bubble-wrapper.icon-green {
    color: #28a745;
}
/* --- Általános Hirdetés Konténer Stílus --- */
.job-ad-container {
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

/* --- Közös Szöveg Stílusok --- */
.job-ad-container h1 {
    font-size: 28px;
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

.job-ad-container h2 {
    font-size: 24px;
    color: #333;
    margin-bottom: 15px;
}

.job-ad-container p,
.job-ad-container ul li {
    font-size: 14px;
}

.job-ad-container strong.highlight-blue {
    color: #007bff;
}

.job-ad-container strong.highlight-green {
    color: #28a745;
}

.job-ad-container strong.highlight-red {
    color: #dc3545;
}

.job-ad-container hr {
    border: 0;
    height: 1px;
    background: #eee;
    margin: 20px 0;
}

/* --- Kiemelt Szöveg Doboz Stílusok --- */
.job-ad-container .highlight-box-blue {
    background-color: #f0f8ff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.job-ad-container .highlight-box-yellow {
    background-color: #fffacd;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.job-ad-container .highlight-box-yellow h2,
.job-ad-container .highlight-box-yellow p {
    text-align: center;
}

.job-ad-container .highlight-box-yellow strong {
    color: #dc3545; /* Alapértelmezett piros kiemelés */
}

.job-ad-container .highlight-box-yellow strong.highlight-green {
    color: #28a745; /* Zöld kiemelés felülírja a pirosat */
}

/* --- Alkalmazotti profil buborékok --- */
/* Középre igazítja a szöveget CSAK a buborékokon belüli paragrafusokban */
.profile-bubble p {
    text-align: center;
	width: 100%;
}

.job-ad-container .profile-bubbles-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
}

.job-ad-container .profile-bubble {
    flex: 1 1 calc(33% - 30px); /* 3 oszlop asztalon, figyelembe véve a gap-et */
    min-width: 250px; /* Ne legyen túl kicsi */
    background-color: #e6f7ff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	text-align: center; /* Ez középre igazítja a szövegeket */
    display: flex; /* Flexboxot használunk a belső elemek vertikális elrendezésére */
    flex-direction: column; /* Az elemeket oszlopban rendezzük (ikon felül, szöveg alatta) */
    align-items: center; /* Vízszintesen középre igazítja az elemeket */
    justify-content: center; /* Függőlegesen középre igazítja az elemeket, ha van extra hely */
}

/* Biztosítja, hogy a H2 címek mindig új sorban jelenjenek meg
   a .job-ad-container konténeren belül. */
.job-ad-container h2 {
    display: block; /* Ez biztosítja, hogy blokk szintű elemként viselkedjen */
    width: 100%;    /* Kitölti a teljes rendelkezésre álló szélességet */
    clear: both;    /* Megakadályozza, hogy más elemek mellette ússzanak */
    margin-bottom: 15px; /* Alulra ad egy kis helyet */
}
/* Felülírja a Gutenberg alapértelmezett display: block beállítását
   a buborékokat tartalmazó belső konténeren, hogy a flexbox működjön. */
.job-ad-container .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    display: flex;
    flex-wrap: wrap; /* Fontos, hogy ez is megmaradjon! */
    gap: 15px;      /* És a gap is! */
}
.job-ad-container .profile-bubble .wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
	justify-content: center;
}

/* --- SVG Ikon Stílusok (Reszponzív) --- */

/* Az SVG ikont tartalmazó span elem, aminek méretét és színét a CSS adja */
.job-ad-container .profile-bubble .icon-wrapper {
    color: #000000; /* Alapértelmezett ikon szín: FEKETE */
    font-size: 96px; /* Ikon alap mérete asztali nézeten */
    display: flex; /* Flexbox a vertikális és horizontális középre igazításhoz */
    align-items: center; /* Függőlegesen középre */
    justify-content: center; /* Vízszintesen középre */
    line-height: 1; /* Eltünteti a felesleges sorközt */
    margin-bottom: 10px; /* Távolság az ikon és a szöveg között */
    overflow: hidden; /* Ha valamiért kilógna az ikon */
    min-height: 1.2em; /* Biztosítja, hogy a konténernek legyen minimális magassága */
}

/* Maga az SVG ikon, ami a szülő .icon-wrapper font-size-ához igazodik */
.job-ad-container .profile-bubble .icon-wrapper svg {
    display: block; /* Fontos a flexboxban */
    width: 1em; /* A szülő font-size-ához képest 1x-es méret */
    height: 1em; /* A szülő font-size-ához képest 1x-es méret */
    flex-shrink: 0; /* Ne zsugorodjon össze */
}

/* --- Kisebb képernyőkre való reszponzivitás (ikonok és buborékok) --- */

/* Tabletek (max. 768px széles képernyőig) */
@media (max-width: 768px) {
    .job-ad-container .profile-bubble {
        flex: 1 1 calc(50% - 15px); /* Két oszlop tableten */
    }
    .job-ad-container .profile-bubble .icon-wrapper {
        font-size: 64px; /* Kisebb ikon méret tableten */
        min-height: 1.2em;
    }
    .job-ad-container h1 {
        font-size: 24px;
    }
    .job-ad-container h2 {
        font-size: 20px;
    }
    .job-ad-container p,
    .job-ad-container ul li {
        font-size: 13px;
    }
}

/* Mobiltelefonok (max. 480px széles képernyőig) */
@media (max-width: 480px) {
    .job-ad-container .profile-bubble {
        flex: 1 1 100%; /* Egy oszlop mobilon */
    }
    .job-ad-container .profile-bubble .icon-wrapper {
        font-size: 48px; /* Még kisebb ikon méret mobilon */
        min-height: 1.2em;
    }
    .job-ad-container h1 {
        font-size: 22px;
    }
    .job-ad-container h2 {
        font-size: 18px;
    }
    .job-ad-container p,
    .job-ad-container ul li {
        font-size: 12px;
    }
}

/* --- Egyedi Ikon Színek (Felülírják az alap feketét) --- */
/* Add hozzá az 'icon-wrapper' div-hez ezeket az osztályokat, ha más színt szeretnél */
.job-ad-container .profile-bubble .icon-wrapper.icon-blue {
    color: #007bff;
}

.job-ad-container .profile-bubble .icon-wrapper.icon-green {
    color: #28a745;
}

.job-ad-container .profile-bubble .icon-wrapper.icon-red {
    color: #dc3545;
}

/* --- Jelentkezési gomb --- */
.job-ad-container .apply-button {
    display: inline-block;
    background-color: #28a745;
    color: #fff;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.job-ad-container .apply-button:hover {
    background-color: #218838;
}