/*
Theme Name: Pricom - Child
Theme URI: https://harutheme.com/pricom
Author: HaruTheme
Author URI: https://harutheme.com/
Description: This is child theme of Pricom
Template: pricom
Version: 1.0.0
*/

/*---------------------------------
  	Write your css code from here
------------------------------------*/
/* PrintPackTrade */
.ppt-cat-links { list-style: none; margin: 0; padding: 0; }
.ppt-cat-links li { margin: 0 0 12px; }
.ppt-cat-links a { color: #696969; font-family: inherit; font-size: 15px; transition: color .2s; }
.ppt-cat-links a:hover { color: #dd1d26; }
.ppt-wa { position: fixed; left: 20px; bottom: 24px; z-index: 9999; width: 56px; height: 56px; border-radius: 50%; background: #25d366; color: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0,0,0,.18); transition: transform .2s; }
.ppt-wa:hover { transform: scale(1.08); color: #fff; }
.ppt-wa svg { width: 30px; height: 30px; }
@media (max-width: 767px) { .ppt-wa { bottom: 84px; left: 14px; width: 50px; height: 50px; } }

/* PrintPackTrade — Industry Directory */
.ppt-dir { --ppt-red: #dd1d26; --ppt-ink: #111; --ppt-mute: #696969; --ppt-line: #ececec; max-width: 1320px; margin: 0 auto; }
.ppt-dir__note { background: #fff5f5; border: 1px solid #f7d2d4; border-left: 4px solid var(--ppt-red); border-radius: 10px; padding: 16px 20px; color: #444; font-size: 15px; line-height: 1.6; margin-bottom: 28px; }
.ppt-dir__bar { display: flex; flex-direction: column; gap: 16px; margin-bottom: 28px; }
.ppt-dir__search { width: 100%; max-width: 420px; height: 48px; border: 1px solid var(--ppt-line); border-radius: 8px; padding: 0 16px; font-size: 15px; background: #f7f7f7; }
.ppt-dir__filters { display: flex; flex-wrap: wrap; gap: 8px; }
.ppt-dir__filters button { border: 1px solid var(--ppt-line); background: #fff; color: var(--ppt-ink); border-radius: 999px; padding: 8px 16px; font-size: 14px; cursor: pointer; transition: all .2s; line-height: 1.2; }
.ppt-dir__filters button span { color: var(--ppt-mute); font-size: 12px; margin-left: 4px; }
.ppt-dir__filters button:hover { border-color: var(--ppt-red); color: var(--ppt-red); }
.ppt-dir__filters button.is-active { background: var(--ppt-red); border-color: var(--ppt-red); color: #fff; }
.ppt-dir__filters button.is-active span { color: rgba(255,255,255,.8); }
.ppt-dir__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 24px; }
.ppt-dir__card { display: flex; flex-direction: column; border: 1px solid var(--ppt-line); border-radius: 14px; padding: 22px; background: #fff; transition: transform .25s, box-shadow .25s, border-color .25s; }
.ppt-dir__card:hover { transform: translateY(-4px); box-shadow: 0 14px 34px rgba(0,0,0,.08); border-color: transparent; }
.ppt-dir__card[hidden] { display: none; }
.ppt-dir__head { display: flex; gap: 14px; align-items: center; margin-bottom: 12px; }
.ppt-dir__mono { flex: 0 0 52px; height: 52px; border-radius: 12px; display: grid; place-items: center; font-weight: 700; font-size: 18px; color: #fff; background: linear-gradient(135deg, #ff869f, #f19a73); }
.ppt-dir__card:nth-child(4n+2) .ppt-dir__mono { background: linear-gradient(135deg, #00b4e6, #3a7bd5); }
.ppt-dir__card:nth-child(4n+3) .ppt-dir__mono { background: linear-gradient(135deg, #11b196, #2e8b57); }
.ppt-dir__card:nth-child(4n+4) .ppt-dir__mono { background: linear-gradient(135deg, #f7b733, #e07a00); }
.ppt-dir__head h3 { font-size: 18px; margin: 0 0 4px; line-height: 1.3; }
.ppt-dir__town { margin: 0; color: var(--ppt-mute); font-size: 14px; }
.ppt-dir__desc { color: #555; font-size: 15px; line-height: 1.6; margin: 0 0 14px; flex: 1; }
.ppt-dir__tags { list-style: none; margin: 0 0 18px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ppt-dir__tags li { background: #f5f5f5; color: #444; font-size: 12px; padding: 4px 10px; border-radius: 999px; margin: 0; }
.ppt-dir__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.ppt-dir__btn { display: inline-block; background: var(--ppt-ink); color: #fff !important; padding: 10px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; transition: background .2s; }
.ppt-dir__btn:hover { background: var(--ppt-red); }
.ppt-dir__claim { font-size: 13px; color: var(--ppt-mute) !important; text-decoration: underline; }
.ppt-dir__claim:hover { color: var(--ppt-red) !important; }
.ppt-dir__empty { text-align: center; color: var(--ppt-mute); padding: 40px 0; }
.ppt-dir__cta { margin: 48px 0 20px; border-radius: 16px; padding: 32px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; color: #fff; background: linear-gradient(120deg, #ff869f 0%, #fa988a 40%, #f19a73 75%, #ffd0b1 100%); }
.ppt-dir__cta h3 { color: #fff; margin: 0 0 6px; font-size: 24px; }
.ppt-dir__cta p { margin: 0; max-width: 620px; }
.ppt-dir__btn--light { background: #fff; color: var(--ppt-ink) !important; }
.ppt-dir__btn--light:hover { background: var(--ppt-ink); color: #fff !important; }
.ppt-dir__src { font-size: 13px; color: var(--ppt-mute); }
@media (max-width: 600px) { .ppt-dir__cta { padding: 24px; } .ppt-dir__grid { gap: 16px; } }