/*
Theme Name: Flowers
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}
.more-link {
	display: block;
}
.flowerphone::before {
  content: "+7 3812 48-18-48";
}
/* Контейнер */
.wprpi_post_box {
  --gap: 14px;
  --radius: 12px;
  --bg: #ffffff;
  --fg: #1f2937;         /* текст */
  --muted: #6b7280;      /* вторичный текст */
  --border: #e5e7eb;
  --shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.06);
  --hover-shadow: 0 6px 20px rgba(0,0,0,0.12);
  --accent: #0ea5e9;     /* голубой акцент при ховере/фокусе */

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap);
  align-items: stretch;
  text-align: center;
}

/* Карточка */
.wprpi_post_box .wp_random_inside {
  display: flex;
  align-items: stretch;
  background: var(--bg);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease;
  min-height: 74px;
}

/* Ссылка как блок */
.wprpi_post_box .wp_random_inside > a {
  display: flex;
  width: 100%;
  padding: 14px 16px;
  color: var(--fg);
  text-decoration: none;
  font-weight: 600;
  line-height: 1.35;
}

/* Текст ссылки, многосрочное обрезание */
.wprpi_post_box .wp_random_inside > a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;      /* до двух строк */
  -webkit-box-orient: vertical;
}

/* Ховер/фокус карточки */
.wprpi_post_box .wp_random_inside:hover,
.wprpi_post_box .wp_random_inside:focus-within {
  transform: translateY(-2px);
  box-shadow: var(--hover-shadow);
  border-color: color-mix(in oklab, var(--accent) 25%, var(--border));
}

/* Ховер/фокус ссылки: подчёркивание и плавный акцент */
.wprpi_post_box .wp_random_inside > a:hover,
.wprpi_post_box .wp_random_inside > a:focus-visible {
  color: var(--fg);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1.5px;
}

/* Иконка-указатель (опционально через псевдоэлемент) */
.wprpi_post_box .wp_random_inside > a::after {
  content: "↗";
  margin-left: auto;
  color: var(--muted);
  transition: transform .2s ease, color .2s ease;
}
.wprpi_post_box .wp_random_inside:hover > a::after,
.wprpi_post_box .wp_random_inside:focus-within > a::after {
  transform: translateX(2px);
  color: var(--accent);
}

/* Адаптивные колонки */
@media (max-width: 1024px) {
  .wprpi_post_box { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .wprpi_post_box { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
  .wprpi_post_box { grid-template-columns: 1fr; }
}

/* Тёмная тема (поддержка prefers-color-scheme) */
@media (prefers-color-scheme: dark) {
  .wprpi_post_box {
    --bg: #0b0f14;
    --fg: #e5e7eb;
    --muted: #9ca3af;
    --border: #1f2937;
    --shadow: 0 1px 3px rgba(0,0,0,0.5), 0 6px 20px rgba(0,0,0,0.35);
    --hover-shadow: 0 10px 28px rgba(0,0,0,0.5);
    --accent: #22d3ee; /* светлее в тёмной теме */
  }
  .wprpi_post_box .wp_random_inside > a::after {
    color: var(--muted);
  }
}

/* Небольшие улучшения для доступности */
.wprpi_post_box .wp_random_inside > a:focus-visible {
  outline: 2px solid color-mix(in oklab, var(--accent) 65%, transparent);
  outline-offset: 2px;
  border-radius: calc(var(--radius) - 2px);
}