/*
Theme Name: Brito
Theme URI: https://themes.hibootstrap.com/brito
Author: HiBootstrap
Author URI: https://hibootstrap.com/
Description: IT Support, Managed IT Services & Cyber Security WordPress Theme
Text Domain: brito
Version: 1.2
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https: //www.gnu.org/licenses/license-list.html#GPLv2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Brito WordPress Theme, Copyright: 2024 HiBootstrap
Brito is distributed under the terms of the GNU GPL

*/
/* 1. TOP BAR – világos háttér, kék ikonok/szöveg */
.header-top {
  background-color: #FFFFFF !important;
  color: #0870FF !important;
}
.header-top a,
.header-top .icon {
  color: #0870FF !important;
}

/* 2. NAVBAR (menü) – márkakék háttér, fehér szöveg */
.main-navigation,
.elementor-nav-menu--main {
  background-color: #0870FF !important;
}
.main-navigation a,
.elementor-nav-menu--main a {
  color: #FFFFFF !important;
}
.main-navigation a:hover,
.elementor-nav-menu--main a:hover {
  color: #F66982 !important; /* accent hover */
}

/* 3. BANNER (Iránye­le­veim oldal hero) – gradient */
.page-banner-area {
  background-image: none !important;
  background: linear-gradient(
    135deg,
    rgba(8,112,255,1) 0%,
    rgba(148,194,255,1) 100%
  ) !important;
  min-height: 200px;
}
@media (max-width:768px) {
  .page-banner-area {
    min-height: 120px;
  }
}

/* ---------------------------
   Blog archive grid
---------------------------- */

/* -----------------------------------
   Blog archív: két oszlop layout
-------------------------------------*/
.blog-archive .archive-layout {
  display: flex;
  gap: 30px;
}
.blog-archive .archive-content {
  flex: 1;
}
.blog-archive .archive-sidebar {
  width: 300px;
  flex-shrink: 0;
}

/* Mobilon: egymás alá */
@media (max-width: 992px) {
  .blog-archive .archive-layout {
    flex-direction: column;
  }
  .blog-archive .archive-sidebar {
    width: 100%;
    margin-top: 40px;
  }
}

/* -----------------------------------
   A bejegyzés-kártyák (függőleges lista)
-------------------------------------*/
.blog-archive .archive-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 30px !important;
  margin-bottom: 40px;
}

.archive-card {
  background: #fff;
  border: 1px solid rgba(8,112,255,0.1);
  border-radius: 8px;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
  display: flex;
  flex-direction: column;
}

.archive-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.archive-card__thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.archive-card__body {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.archive-card__title {
  font-size: 1.3rem;
  margin: 0 0 .5rem;
}

.archive-card__title a {
  color: #0c1138;
  text-decoration: none;
}

.archive-card__meta {
  font-size: .875rem;
  color: #6b6b6b;
  margin-bottom: 1rem;
}

.archive-card__excerpt {
  font-size: 1rem;
  color: #4a4a4a;
  margin-bottom: 1.25rem;
  flex-grow: 1;
}

.archive-card__btn {
  display: inline-block;
  padding: .6em 1.2em;
  background: linear-gradient(135deg,#0870ff 0%,#45d5ff 100%);
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  text-align: center;
  transition: background .2s;
  flex-shrink: 0;
}

.archive-card__btn:hover {
  background: linear-gradient(135deg,#0055c9 0%,#00b3d4 100%);
}

/* -----------------------------------
   Egyedi, LocksDame-os pagination
-------------------------------------*/
.archive-pagination {
  text-align: center;
  margin-top: 40px;
}

.archive-pagination .page-numbers {
  display: inline-block;
  margin: 0 4px;
  padding: .5em .75em;
  border: 1px solid #0870ff;
  border-radius: 4px;
  color: #0870ff;
  text-decoration: none;
  font-weight: 600;
}

.archive-pagination .page-numbers.current {
  background: #0870ff;
  color: #fff;
  border-color: #0870ff;
}

.archive-pagination .page-numbers:hover {
  background: #0055c9;
  color: #fff;
  border-color: #0055c9;
}

/* 16:10-es arány: a tároló mindig a szélesség 62.5%-a magas lesz */
.archive-card__thumb {
  position: relative;
  overflow: hidden;
  padding-bottom: 62.5%;
}

/* az img mindig kitölti függőlegesen, középről vágva */
.archive-card__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

/* ---------------------------
   Archive Grid (Certificates & Esettanulmányok)
---------------------------- */

.archive-section {
  padding: 60px 0;
}

.archive-title {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #0870FF !important;
  padding-top: 10px;
}

.archive-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
}

.archive-card {
  background: #fff;
  border: 1px solid rgba(8,112,255,0.1);
  border-radius: 8px;
  overflow: hidden;
  transition: transform .2s, box-shadow .2s;
}
.archive-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

/* Képblokk 16:10 arányban középre igazítva */
.archive-card__thumb {
  position: relative;
  overflow: hidden;
  padding-bottom: 62.5%; /* 10 ÷ 16 = 0.625 */
}
.archive-card__thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: auto;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.archive-card__body {
  padding: 20px;
}

.archive-card__title {
  font-size: 1.25rem;
  margin: 0 0 .5rem;
}
.archive-card__title a {
  color: #0c1138;
  text-decoration: none;
}

.archive-card__meta {
  font-size: .875rem;
  color: #6b6b6b;
  margin-bottom: 1rem;
}

.archive-card__excerpt {
  font-size: 1rem;
  color: #4a4a4a;
  margin-bottom: 1.25rem;
}

.archive-card__btn {
  display: inline-block;
  padding: .6em 1.2em;
  background: linear-gradient(135deg, #0870ff 0%, #45d5ff 100%);
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 600;
  transition: background .2s;
}
.archive-card__btn:hover {
  background: linear-gradient(135deg, #0055c9 0%, #00b3d4 100%);
}

.archive-pagination {
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 768px) {
  .archive-grid {
    grid-template-columns: 1fr;
  }
}

.archive-sidebar .widget {
  margin-bottom: 30px;
}